@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/cssplay-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.
=================================================================== */

.cssplay_ipHide {position:absolute; left:-9999px; display:none;}
#cssplay_resetlabel {display:none;}
#cssplay_menutoggle {display:none;}

#cssplay_menuwrap {position:relative;margin:0 1.5em;top:-21px;height:40px; border-radius:11px;z-index:100;border:#000 1px solid;background: #d78b27; /* For browsers that do not support gradients */
  /* Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(to top, #d17a08,#d17a08 48%, #d78b27 50%, #de9f4c 52%,#edcb9e 94%,#fff 100%);
  /* Opera 11.1 to 12.0 */
  background: -o-linear-gradient(to top, #d17a08,#d17a08 48%, #d78b27 50%, #de9f4c 52%,#edcb9e 94%,#fff 100%);
  /* Firefox 3.6 to 15 */
  background: -moz-linear-gradient(to top, #d17a08,#d17a08 48%, #d78b27 50%, #de9f4c 52%,#edcb9e 94%,#fff 100%);
  /* Standard syntax */
    background: linear-gradient(to top, #d17a08,#d17a08 48%, #d78b27 50%, #de9f4c 52%,#edcb9e 96%,#fff 98%);  
/*background: linear-gradient(to top, #2963b5,#2963b5 48%, #85C7F8 96%,#fff 98%);  	*/
}
#cssplay_menu {padding:0; margin:0; list-style:none; height:41px;width:100%; text-align:left;margin-left:1em;}
#cssplay_menu li {display:block; display:inline-block; text-align:left; cursor:pointer;position:relative;}
#cssplay_menu li > a {display:block; font:normal 0.95em/40px 'latomedium', arial, sans-serif; font-weight:bold;color:#fff; text-decoration:none; padding:0 1em 0 1.5em; border-radius:5px 5px 0 0;}
#cssplay_menu li > span {display:block; font:normal 0.95em/40px 'latomedium', arial, sans-serif; padding:0 1em 0 1.5em;font-weight:bold; color:#fff;border-radius:5px 5px 0 0; position:relative; cursor:pointer;}
#cssplay_menu li > span:before {content:""; display:block; width:6px; height:6px; border:2px solid #666;  border-color:transparent #666 #666 transparent; border-width:0 2px 2px 0; position:absolute; left:0.4em; top:0.8em;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:0.5s;
-webkit-transition:0.5s;
}
#cssplay_menu li > span label {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
#cssplay_menu li > span label.cssplay_opensub {}
#cssplay_menu li > span label.cssplay_closesub {display:none;}
#cssplay_menu li > a:hover,
#cssplay_menu li > span:hover {background-color:rgba(184,204,228,0.95);color:#000;}

#cssplay_menu li div {min-width: 250px;max-height:0; overflow:hidden;position:absolute;left:-1em; top:41px; background:rgba(191,221,247,0.95); text-align:left; border-radius:5px;}
#cssplay_menu li div.double {min-width:600px;}
#cssplay_menu li div dl {padding:0; margin:0 5px; width:20%; min-width:250px; display:inline-block; vertical-align:top; text-align:left;} 											  
#cssplay_menu li div dl.noshowlist {padding:0; margin:0; width:20%; min-width:250px; display:inline-block; vertical-align:top; text-align:left;}
#cssplay_menu li div dl dt label {display:block; font:normal 14px/35px arial; background:rgba(37,75,124,1); color:#fff; padding:0 10px; border-radius:5px 5px 0 0;}
#cssplay_menu li div dl dd {padding:0; margin:0;}
#cssplay_menu li div dl dd a {display:block; font:normal 14px/24px arial; color:#000; text-decoration:none; padding:0 10px; border-bottom:1px solid rgb(192,156,134); color:rgb(92,56,34);}
#cssplay_menu li div dl dd a:hover {background:rgb(0,113,148); color:#fff;}

#cssplay_menu input[id*="cssplay_div"]:checked + span {background:rgba(204,218,234,0.95);}

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

#cssplay_menu input[id*="cssplay_div"]:checked + span label.cssplay_closesub {display:block;}
#cssplay_menu input[id*="cssplay_div"]:checked ~ div {max-height:500px; padding:10px 0;	overflow-y:auto;
transition:0.5s;
-webkit-transition:0.5s;
}


@media only screen and (max-width: 54em) {


#cssplay_menuwrap {width:250px; position:fixed; left:-251px; top:0; margin:0; height:100%; background:#000; overflow:hidden; z-index:500020; -webkit-transform: translate3d(0, 0, 0);
transition:0.5s 0.5s;
-webkit-transition:0.5s 0.5s;
} 
#cssplay_menu {padding:0; margin:0; list-style:none; width:250px; height:100%; overflow-x:hidden; overflow-y:auto;
-webkit-overflow-scrolling: touch;
}
#cssplay_menu li {width:220px;}
#cssplay_menu li div {width:100%; max-height:0; overflow:hidden; position:static; border-radius:0;
transition:0.5s;
-webkit-transition:0.5s;
}
#cssplay_menu li div dl {padding:0; margin:0; width:100%; margin:0;}
#cssplay_menu li div dl dt label {width:210px; margin-left:10px; border-radius:0px; cursor:pointer; position:relative; text-indent:10px;}
#cssplay_menu li div dl dt label: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:11px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:0.5s;
-webkit-transition:0.5s;
}
#cssplay_menu li div dl dd  {max-height:0px; overflow:hidden; width:210px; padding-left:10px;
transition:0.5s;
-webkit-transition:0.5s;
}
#cssplay_menu li div dl dd a {padding-left:20px;}

#cssplay_menutoggle {display:block; position:fixed; right:3px; top:5px; z-index:500000;}
#cssplay_menutoggle label {display:block; width:30px; height:16px; border:4px solid #333; border-width:4px 0; position:relative; cursor:pointer;}
#cssplay_menutoggle label:before {content:""; display:block; width:30px; height:4px; background:#333; position:absolute;left:0; top:6px;}

#cssplay_menuToggle:checked ~ #cssplay_menuwrap {left:0; box-shadow:0 0 5px rgba(0,0,0,0.5);
transition:0.5s;
-webkit-transition:0.5s;
}
#cssplay_menuToggle:checked ~ #cssplay_resetlabel {display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:500010; cursor:pointer;}
#cssplay_menu input[id*="cssplay_div"]:checked + span label.cssplay_closesub {display:none;}

#cssplay_menu input[id*="cssplay_div"]:checked + label + div {max-height:200px; padding:0;overflow-y:auto;
transition:0.5s;
-webkit-transition:0.5s;
}															

#cssplay_menu input[id*="cssplay_div"]:checked + span:before {top:13px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

#cssplay_menu input[id*="cssplay_sub"]:checked ~ dd {max-height:1000px;
transition:0.5s;
-webkit-transition:0.5s;
}

#cssplay_menu input[id*="cssplay_sub"]:checked ~ dt label:before {top:15px;
transform:rotate(-135deg); 
-webkit-transform:rotate(-135deg); 
}
#cssplay_menu li div dl.noshowlist {padding:0; margin:0; width:20%; min-width:250px; margin:0.5%; display:none; vertical-align:top; text-align:left;}
}