/* ================================================================ 
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/skeleton2.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; 
	margin: 0; 
	list-style: none; 
	position: relative; 
	z-index: 100;
}

#nav 
{
     margin: 0;
     padding: 0;
     list-style-type: none;
     height: 45px;
}

#nav li 
{
    text-align: center;
    /*width: 95px;*/
    height: 45px;
    float: left;
    background-image: url('../images/menu.gif');
    background-repeat: repeat-x;
}

#nav #first
{
    width:4px;
    background-image: url('../images/menu_first.gif');
}

#nav #last
{
    width:10px;
    background-image: url('../images/menu_end.gif');
}

#nav li li 
{
	float: none
}
/* a hack for IE5.x and IE6 */
#nav li a li 
{
	float: left;
}

#nav li a 
{
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    line-height: 42px;
    font-weight: bold;
    text-decoration: none;
    color: #636466;
}

#nav li li a 
{
	float: none;
	height: 21px;
	line-height: 20px;
}
/*
#nav li:hover 
{
	position: relative; 
	z-index: 100;
}

#nav a:hover 
{
	position: relative;
	z-index: 100; 
	color: #EAA354; 
}
*/
#nav li:hover > a, #nav li .active 
{
    background-image: url('../images/menu_over.gif');
    background-repeat: no-repeat;
    color: #093479;
}

.leftDiv
{
display: block; 
width: 7px;
float: left;
}

.middleDiv
{
background-repeat: repeat-x; 
float:left;
}

.rightDiv
{
display: block; 
width: 7px;
float:left;
}

#nav li:hover > a .leftDiv, #nav li .active .leftDiv
{
	background-image: url("../images/menu_over_first.png"); 
	margin-top: 1px;
}
#nav li:hover > a .middleDiv, #nav li .active .middleDiv
{
	background-image: url("../images/menu_over2.png"); 
	margin-top: 1px;
}
#nav li:hover > a .rightDiv, #nav li .active .rightDiv
{
	background-image: url("../images/menu_over_end.png"); 
	margin-top: 1px;
}

#nav :hover  ul 
{
	left: 33px;
	top: 43px; 
	border: 1px solid #000000; 
	border-top: none;
	z-index:300;
	background-image: url('/images/dropdown.png');
}

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

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul 
{
	left:0; 
	margin-left:100%; 
	top:0;
	background-color: red;
}

/* keep further levels hidden */
#nav li:hover > ul ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto;
}

/* show path followed */
#nav li:hover li > a, #nav li:hover li 
{
	background: none;
	height: 21px;
	text-align: left;
	color: #636466;
}

#nav li:hover li
{
	padding-left: 10px;
	padding-right: 10px;
}

/* show path followed */
#nav li:hover li:hover > a 
{
	color: #fff;
}

/* show path followed */
#nav li:hover li:hover 
{
	color: #fff; 
	background-color: #093479;
}

#nav li a:hover ul li a:hover 
{

}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */