#headwrapper {margin: 0 auto; width: 100%; background:#125f90; z-index:999; border-bottom:1px solid #ccc ;padding:5px 0 0 0; position:fixed; -webkit-box-shadow: 0 3px 10px -8px #666666; -moz-box-shadow: 0 3px 10px -8px #666666; box-shadow: 0 3px 10px -8px #666666;}

#headbody {width: 980px; text-align: left; border: 0; padding: 0 10px;  margin: 0 auto; overflow:hidden; height:50px;font-family: 'Roboto', sans-serif;}
#headbody a {font-size:11px; color:#fff; text-transform:uppercase; border:none;}
#headbody img {border:none;}
#headbody img.mainlogo {padding:0 10px;}

#headbody  ul li {margin-top:10px; text-align:center; margin-right:5px;}
#headbody  ul li a {display:block; padding:6px 10px 6px 10px; width:85px; background:#4a87af; border-radius:1px; border:1px solid #0F5380;} 

#headbody  ul li a:hover {background:#216694; border:1px solid #5290b9;}
#headbody  ul li a.active {border:1px solid #5290b9;}




.head_left {float:left; width:auto; text-align:left; overflow:hidden; }
.head_right {float:right; width:auto; text-align:right;}
.head_left ul li {float:left;}
#headbody .head_left ul li a {display:block; padding:6px 10px; width:auto; border-radius:3px; margin-right:15px; background:#195E8C !important; color:#fff;} 


#headbody  ul.dropdownmore li {float:none;margin-top:0px; text-align:left; margin-right:0px; }
#headbody  ul.dropdownmore li a {display:block; padding:6px 10px 6px 20px; font-size:13px; width:auto; background:none; border-radius:0px; border:0px solid #0F5380; color:#000; text-transform:initial;} 
#headbody  ul.dropdownmore li.divider {color:#125f90; font-size:11px; display:block; padding:10px; font-weight:bold; text-transform:uppercase; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#headbody  ul.dropdownmore li a:hover {background:#4a87af;color:#fff;}
#headbody  ul.dropdownmore li:first-child{border-top:none;}

.dropper { display:none;position:fixed;z-index:99999;background:#fff;width:220px; height:auto; overflow-y:scroll; overflow-x:hidden;padding:10px 20px 20px 20px; -webkit-box-shadow: 0px 6px 20px -3px #666666; -moz-box-shadow: 0px 6px 20px -3px #666666; box-shadow: 0px 6px 20px -3px #666666;}

.head_right ul li {float:right;}
.fonticon_lg{font-size:14px;}
.fonticon_sm{font-size:8px !important;padding-left:5px;opacity:0.6;}

#topnav_body{width: 980px; text-align: left; border: 0; padding: 0;  margin: 0 auto; overflow:hidden; height:25px;border-bottom:1px solid #4a87af;}
#topnav_body  ul  {margin:0;padding:0;list-style-type:none;overflow:hidden;}
#topnav_body  ul li {float:left;}
#topnav_body  ul li a {display:block; color:#fff;font-size:11px;font-weight:normal;text-transform:uppercase;padding:5px 10px;}
#topnav_body  ul li a.active {background:#125f90;color:#fff;}
#topnav_body  ul li a:hover {background:#043f65;}

 /*CHANGE HEADER COLOR*/
 #headwrapper {background:#0F5380;}
 #headbody  ul li a {background:#216694;}
 #topnav_body{border-bottom:1px solid #2A6991;}
 #menu_wide{display:none;}
#news_wide{display:none;}


#left_menu {display:none;}
#left_menu {position:fixed; left:0; bottom:0; top:81px; width:250px; border-right:1px solid #ccc; overflow-y:scroll; overflow-x:hidden; background:#fff; z-index:999;-webkit-box-shadow: 10px 0px 10px -8px #666666; -moz-box-shadow: 10px 0px 10px -8px #666666; box-shadow: 10px 0px 10px -8px #666666;}
#left_menu ul li {border-bottom:none; overflow:hidden;}
#left_menu ul li:last-child {padding-bottom:30px;}
#left_menu ul li.section {background:#fff; color:#125f90; border-top:1px solid #ccc; font-size:11px; display:block; padding:9px 20px 9px 10px; font-weight:bold; text-transform:uppercase; border-bottom:none;}
#left_menu ul li a {font-size:13px; display:block; padding:9px 20px; font-weight:500; text-transform:initial; color:#222;}
#left_menu ul li a:hover {background:#4a87af;color:#fff;}
#left_menu ul li a#close_menu:hover {background:none;}
 
 
 #site_menu_wrapper {margin: 0 auto; width: 100%; z-index:999;  position:fixed; top:81px; display:none;}
#site_menu {width:900px; z-index:999999; margin: 0 auto;}
#site_menu ul li {border-bottom:1px solid #fff; overflow:hidden; text-align:center; width:250px; background:#0F5380; margin: 0;}
#site_menu ul li:last-child {border-bottom:none;}
#site_menu ul li a {font-size:14px; display:block; padding:15px 20px; font-weight:600; text-transform:uppercase; color:#222;}
#site_menu ul li a:hover {background:#333;color:#fff;}
#site_menu ul li a#close_menu:hover {background:none;}

#left_menu ul li.search a:hover {
background:none !important;color:#fff;
}

li.search{
padding:10px;
background:#fff;
border-bottom:1px solid #ccc !important; background:#ddd;
}
table.gsc-search-box{
z-index:9999999 !important;
}
input.gsc-input{
z-index:9999999;
}

 @media (min-width: 1300px){

#headwrapper {margin: 0 0 0 0!important; width: 100%; z-index:999; position:fixed; -webkit-box-shadow: 0 3px 10px -8px #666666; -moz-box-shadow: 0 3px 10px -8px #666666; box-shadow: 0 3px 10px -8px #666666;}
#headbody {width: 1280px; text-align: center; border: 0; padding: 0 10px; overflow:hidden; height:50px;margin: 0 0 0 0!important;}

#topnav_body{
margin: 0 0 0 320px !important;
}

/*#left_head_nav {position:fixed; left:0; bottom:0; top:0; width:300px; border-right:1px solid #ccc; overflow-y:scroll; overflow-x:hidden;  z-index:999999;}*/

#topnews{display:block;}
#topnews_wide{display:block;}
  #headbody  ul li#topnews_wide a {display:block; padding:6px 10px 6px 10px; width:265px; margin-right:35px; background:none; text-align:left; font-size:11px; color:#fff; text-transform:uppercase;}
 .head_left{width:300px;}
 #menu {padding-left:250px;}
 

#site_menu_wrapper {margin: 0 0 0 320px !important; width: 980px; z-index:999;  position:fixed; top:81px; display:none;}
#site_menu {width:900px; z-index:999999; margin: 0 auto;}

 }
 
  @media (min-width: 1000px) and (max-width: 1299px){
 


 }
 
 
  @media (max-width: 600px){
  
  #headwrapper{padding:0;}
  #topnav_body {display:none;}
    #left_menu {top:41px;}
    #mobileheadbody .logo {width:150px; padding-top:2px;}
    

  }