@media screen and (min-device-width: 721px) {
img.logo {margin-top:10px; margin-left:3.5em; width:213px; height:80px; border:0; }
#mega2 {display:none;}
.CSEIE8 {display:none;}
}
@media screen and (max-device-width: 720px) {
img.logo {margin-top:10px; margin-left:10px; width:160px; height:60px; border:0;}
#mega2 {display:none;}
.CSEIE8 {display:none;}
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.navcontainer { max-width: 100%; margin: 0px auto; float:none; background-color:#FFFFFF; }
.menutop {float: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media screen and (min-device-width: 760px) {
.navcontainer { background-color:#00704a; }
.menu-link {display: none;}
.menutop {margin-left:2em;}
}
/* ---------- 2nd Tier Mega Drop Down --------- */
#topnav {
background-color:#00704a;
  position:absolute;
  width:100%;
  height:30px;
  font-size:8pt;
  list-style:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  padding-left:5px;
  padding-top:0;
  margin-left:0px;
  z-index:1000;
}

#topnav ul {margin-left:35px;}
#topnav li {
  float:left;
  width:15%;
  font-size:8pt;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align:left;
  position:relative;
  display:inline-block;
  margin-right:10px;
  
 }
 

#topnav li a:hover{ 
  outline:0;
  font-size:8pt;
  font-weight:bold;
  text-decoration:none;
  display:block;
  line-height:1.5em;
  color:#FFFFFF;
  margin-bottom:10px;
  
  }

#topnav a {
font-size:8pt;
color:#FFFFFF;
outline:0;
text-decoration:none;
display:block;
line-height:1.5em;
margin-bottom:10px;
}

#topnav p.header {
color:#000000;
font-size:8pt;
font-weight:bold;
outline:0;
margin-top:0px;
display:inline-block;
line-height:2.25em;
}

/* ----------- Hide/Show Div ---------- */
#topnav div {
position:absolute;
left:-900em;
margin-top:0px;
width:152px;
padding-top:0px;
padding-bottom:5px;
padding-left:5px;
padding-right:10px;
border:1px solid #CCCCCC;
font-weight:normal;
text-align:left;
background:#003366;
}
#topnav li:hover div {
left:-1px;top:auto;
}
#topnav li.dif:hover div {
left:-91px;
}


/* --------- Within Div Styles --------- */
#topnav div p {
float:left;
width:100%; /* For IE6/7 */
padding-left:10px;
padding-right:10px;
position:relative; /* makes above drop shadow */
}
#topnav div p a {
text-decoration:none;
font-size:8pt;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
margin-top:4px;
}
#topnav div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
font-size:8pt;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
margin-top:4px;
}






.CSE {float:right;}


.CSE input[type=text] {
	background:#fff url(../resource/graphics/Search-icon-small.gif) no-repeat 7px center;
	color:#000000;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: .8em;
	border: solid 1px #00704a;
	padding: 8px 15px 8px 38px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.CSE input[type=text]:focus {
	border-color:#333333;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,05);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,05);
	box-shadow: 0 0 5px rgba(109,207,246,05);
	}
@media screen and (min-device-width: 760px) {
.CSE input[type=text] {
width:12em;
margin-top:20px;
margin-right:3.5em;
}
.CSE input[type=text]:focus {
width: 15em;
}
}

@media screen and (max-device-width: 759px) {
.CSE input[type=text] {
width:7.5em;
margin-top:10px;
margin-right:1em;
}
.CSE input[type=text]:focus {
width: 10em;
}
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}


