@charset "windows-1252";

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/transnav-responsive-click-droplist-menu-v2.html
Copyright (c) stu nicholls - CSS PLAY. All rights reserved.
This stylesheet and the associated html code may be modified in any 
way to fit your requirements.
=================================================================== */

.transnav_ipHide {position:absolute; left:-9999px; display:none;}
#transnav_resetlabel {display:none;}
#transnav_menutoggle {display:none;}

#transnav_menuwrap {position:relative;left:0.2em;margin:0;height:40px; background:#fff;z-index:100;}
#transnav_menu {padding:0; margin:0; list-style:none;}
#transnav_menu li {display:block; display:inline-block; text-align:left; cursor:pointer;background:#093C81;}
#transnav_menu li > a {display:block; font:normal 14px/40px arial, sans-serif; color:#fff; text-decoration:none; padding:0;}
#transnav_menu li > span {display:block; font:normal 14px/40px arial, sans-serif; padding:0 1.5em; color:#fff;border-radius:0; position:relative; cursor:pointer;}
#transnav_menu li > span:before {content:""; display:block; width:6px; height:6px; border:2px solid #fff;  border-color:transparent #fff #fff transparent; border-width:0 2px 2px 0; position:absolute; left:10px; top:13px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:0.5s;
-webkit-transition:0.5s;
}
#transnav_menu li > span label {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
#transnav_menu li > span label.transnav_opensub {}
#transnav_menu li > span label.transnav_closesub {display:none;}
#transnav_menu li > a:hover,
#transnav_menu li > span:hover {background-color:rgba(235,226,224,0.95);color:#000;}

#transnav_menu li div {width:98%;max-height:0; overflow:hidden;position:absolute;left:0px; top:41px; background:rgba(240,240,240,0.95);}
#transnav_menu li div dl {padding:0; margin:0; width:100%;display:inline-block; vertical-align:top; text-align:left;} 
#transnav_menu li div dl dt label {display:block; font:normal 14px/35px arial; background:rgba(161,118,97,1); color:#fff; padding:0 10px;}
#transnav_menu li div dl dd {padding:0; margin:0;}
#transnav_menu li div dl dd a { display:inline-block;float:left;text-align:center;font:normal 14px/24px arial; line-height:2.5em;width:31.5%;text-decoration:none;padding:0px; margin:0 0 1px 1px;border:1px solid rgb(192,156,134); color:#093C81;font-size:90%;background-color: rgba(231,231,231,0.95);}
#transnav_menu li div dl dd a:hover {background:#093C81; color:#fff;}

#transnav_menu input[id*="transnav_div"]:checked + span {background:rgba(235,226,224,0.95);}

#transnav_menu input[id*="transnav_div"]:checked + span:before {top:17px;
transform:rotate(-135deg); 
-webkit-transform:rotate(-135deg); 
}

#transnav_menu input[id*="transnav_div"]:checked + span label.transnav_closesub {display:block;}
#transnav_menu input[id*="transnav_div"]:checked ~ div {max-height:800px; padding:10px 0;
transition:0.5s;
-webkit-transition:0.5s;
}

@media only screen and (min-width: 25em) {	
#transnav_menu li div dl dd a {width:23.2%;}
#transnav_menu li div {width:99%;
}									
		 
@media only screen and (min-width: 38em) {	
#transnav_menu li div dl dd a {width:19%;}
}