/* ================================================================ 
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/cssplay-click-click.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
#clickMenu {height:35px; padding:0; margin:0px; list-style:none;}
#clickMenu ul {padding:10px 1px; margin:0; list-style:none; position:absolute; left:0; top:36px; display:none; }
#clickMenu li:hover ul { display:block; }
#clickMenu > li {float:left; position:absolute; border:1px solid black; background:url(img/head_overlay1.jpg); }
#clickMenu > li > a {display:block; float:left; position:relative; z-index:10; width:136px; line-height:31px; text-decoration:none; color:black; padding-left:6px; }
#clickMenu > li > a.drop {}
#clickMenu img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; display:none; cursor:pointer; z-index:100;}
#clickMenu ul { list-style:none; margin:0px; padding:1px; min-width:150px; position: absolute; left:0px; top:31px; background:#738200; }
#clickMenu ul li { float:none; border:0px; margin:0px; border-top:1px dotted #ffffcc; padding:0px; background-color:#738200 }
#clickMenu ul li:first-child { border-top:0px; }
#clickMenu ul li a { display:block; white-space:nowrap; text-decoration:none; color:white; background:none; padding:5px 10px; }
#clickMenu ul li a:hover { color:black; background-color:#ffffcc; }
#clickMenu > li:focus {}
#clickMenu > li > a:focus { background-color:#ffffcc; }
#clickMenu > li > a.drop:focus {}
#clickMenu > li > a:focus ~ ul {display:block;}
#clickMenu > li > a:focus + img {display:block;}
#clickMenu ul:hover {display:block;}
#clickMenu > li.mainmenu_li_red { background:url(img/head_overlay2.jpg); }
#clickMenu > li.mainmenu_li_red > a {color:white }
#clickMenu > li.mainmenu_li_red > a:focus { background:none; }
#clickMenu > li#mainmenu_li1 { left: 36px; top: 153px; background-position: -37px -169px; }
#clickMenu > li#mainmenu_li2 { left:182px; top: 153px; background-position:-183px -169px; }
#clickMenu > li#mainmenu_li3 { left:328px; top: 153px; background-position:-329px -169px; }
#clickMenu > li#mainmenu_li4 { left:474px; top: 153px; background-position:-475px -169px; }
#clickMenu > li#mainmenu_li5 { left:620px; top: 153px; background-position:-621px -169px; }