/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: #C5DD63;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #E5EDBA;
}

.form{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: normal;


}

/* ================================================================ 

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.stunicholls.com/menu/skeleton.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#nav, 

#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 2px 2px 1px; background:#000; position:relative; z-index:200;}

#nav {height:25px; padding:0;}



#nav li {float:left;}

#nav li li {float:none; background:#000;}

/* a hack for IE5.x and IE6 */

* html #nav li li {float:left;}



#nav li a {display:block; float:left; color:#ff9900; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}

#nav li li a {height:20px; line-height:20px; float:none;}



#nav li:hover {position:relative; z-index:300;}

#nav li:hover ul {left:0; top:22px;}

/* another hack for IE5.5 and IE6 */

* html #nav li:hover ul {left:10px;}



#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */

* html #nav ul {width:1px;}



/* it could have been this simple if all browsers understood */

/* show next level */

#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */

#nav li:hover > a {text-decoration:underline; color:#ff9900;}





/* but IE5.x and IE6 need this lot to style the flyouts and path followed */

/* show next level */

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:-15px; margin-left:100%; top:-1px;}



/* keep further levels hidden */

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px;}



/* show path followed */

#nav li:hover a,

#nav li:hover li:hover a,

#nav li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover li:hover a

{text-decoration:underline; color:#ff9900;}



/* hide futher possible paths */

#nav li:hover li a,

#nav li:hover li:hover li a,

#nav li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li:hover li a

{text-decoration:none; color:#ff9900;}