body {
margin: 0px;
text-rendering: optimizeLegibility;
font-family: verdana;
color: #1870d3;
}
#mmenu, #mmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#mmenu {
width: 760px;
margin: auto;
border: 1px solid #6af;
background-color: #6af;
background-image: -moz-linear-gradient(#6af, #05c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6af), to(#05c));
background-image: -webkit-linear-gradient(#6af, #05c);
background-image: -o-linear-gradient(#6af, #05c);
background-image: -ms-linear-gradient(#6af, #05c);
background-image: linear-gradient(#6af, #05c);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
}
#mmenu:before,
#mmenu:after {
content: "";
display: table;
}
#mmenu:after {
clear: both;
}
#mmenu {
zoom:1;
}
#mmenu li {
float: left;
border-right: 1px solid #6af;
-moz-box-shadow: 1px 0 0 #6af;
-webkit-box-shadow: 1px 0 0 #6af;
box-shadow: 1px 0 0 #6af;
position: relative;
}
#mmenu a {
float: left;
padding: 5px 15px;
color: #fff;
text-transform: uppercase;
font:  11px verdana, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #05c;
}
#mmenu li:hover > a {
color: #fafafa;
}
*html #mmenu li a:hover { /* IE6 only */
color: #fafafa;
}
#mmenu ul {
margin: 10px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 25px;
left: 0;
z-index: 9999;
background: #6af;
background: -moz-linear-gradient(#6af, #05c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6af), to(#05c));
background: -webkit-linear-gradient(#6af, #05c);
background: -o-linear-gradient(#6af, #05c);
background: -ms-linear-gradient(#6af, #05c);
background: linear-gradient(#6af, #05c);
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#mmenu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#mmenu li a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#6bb6fe, #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb6fe), to(#0186ba));
background-image: -webkit-linear-gradient(#6bb6fe, #0186ba);
background-image: -o-linear-gradient(#6bb6fe, #0186ba);
background-image: -ms-linear-gradient(#6bb6fe, #0186ba);
background-image: linear-gradient(#6bb6fe, #0186ba);
}
#mmenu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#mmenu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
}
#mmenu ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#mmenu ul a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#mmenu ul a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec, #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background-image: -webkit-linear-gradient(#04acec, #0186ba);
background-image: -o-linear-gradient(#04acec, #0186ba);
background-image: -ms-linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}
#mmenu ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#mmenu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #05c;
}
#mmenu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #05c;
}
#mmenu ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
#mmenu ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}
#mmenu ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
#mmenu2, #mmenu2 ul {
margin: 0;
padding: 0;
list-style: none;
}
#mmenu2 {
width: 220px;
margin: auto;
border: 1px solid #6af;
background-color: #6af;
background-image: -moz-linear-gradient(#6af, #05c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6af), to(#05c));
background-image: -webkit-linear-gradient(#6af, #05c);
background-image: -o-linear-gradient(#6af, #05c);
background-image: -ms-linear-gradient(#6af, #05c);
background-image: linear-gradient(#6af, #05c);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
box-shadow: 0 1px 1px #777, 0 1px 0 #6af inset;
}
#mmenu2:before,
#mmenu2:after {
content: "";
display: table;
}
#mmenu2:after {
clear: both;
}
#mmenu2 {
zoom:1;
}
#mmenu2 li {
float: center;
border-right: 1px solid #fff;
-moz-box-shadow: 1px 0 0 #6af;
-webkit-box-shadow: 1px 0 0 #6af;
box-shadow: 1px 0 0 #6af;
position: relative;
}
#mmenu2 a {
float: left;
padding: 5px 30px;
color: #fff;
text-transform: uppercase;
font:  11px verdana, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #05c;
}
#mmenu2 li:hover > a {
color: #fafafa;
}
*html #mmenu li a:hover { /* IE6 only */
color: #fafafa;
}
#mmenu2 ul {
margin: 10px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 9999;
background: #6af;
background: -moz-linear-gradient(#6af, #05c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6af), to(#05c));
background: -webkit-linear-gradient(#6af, #05c);
background: -o-linear-gradient(#6af, #05c);
background: -ms-linear-gradient(#6af, #05c);
background: linear-gradient(#6af, #05c);
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#mmenu2 li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#mmenu2 li a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#6bb6fe, #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb6fe), to(#0186ba));
background-image: -webkit-linear-gradient(#6bb6fe, #0186ba);
background-image: -o-linear-gradient(#6bb6fe, #0186ba);
background-image: -ms-linear-gradient(#6bb6fe, #0186ba);
background-image: linear-gradient(#6bb6fe, #0186ba);
}
#mmenu2 ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#mmenu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
box-shadow: 0 1px 0 #111, 0 2px 0 #6af;
}
#mmenu2 ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#mmenu2 ul a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#mmenu2 ul a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec, #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background-image: -webkit-linear-gradient(#04acec, #0186ba);
background-image: -o-linear-gradient(#04acec, #0186ba);
background-image: -ms-linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}
#mmenu2 ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#mmenu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #05c;
}
#mmenu2 ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #05c;
}
#mmenu2 ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
#mmenu2 ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}
#mmenu2 ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
a:link {
  font-family:verdana,Helvetica,sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #1870d3;
  }

a:visited {
  color: #1870d3;
  }

a:focus {
  color: #1870d3;
  }

a:hover {
  color: #70b7df;
  }

a:active {
  color: #1870d3;
  }
  #header {float:hidden ; 
		width:825; 
		background:transparent;   
		padding:0; 
		margin:0px;  
		font-size:93%; 
		line-height:normal; }
		
#header ul { margin:0; padding:0; list-style:none; } 
#header li { float:left; background:transparent; margin:0; padding: 0 5px 5px 5px; border:0; color: #333; border-bottom:none;}
#header li a { float:left; background: #eeeeee; margin:0; color: #333; padding: 0 2px 2px 2px; border: #4d90db 0.5px solid; 
	border-bottom:none;}
#content { width:875; float:center; margin: 0px;}
#container {height:380px; width:800px; background:white; border: #4d90db 1px solid; margin:0px auto; padding: 0; position: relative; }


#header ul li a:hover {background: #fafafa; color: #4d90db;}
#header ul li a:active {background: #fafafa; color: #4d90db;}
#header ul li.current_page_item a {background: #fff; color: #4d90db; border: #4d90db 0.5px solid; border-bottom:none;}