/*
Official dark grey: #36393d
Official light orange: #d9b95c
Official dark blue: #267999
dark orange: #c79810;
extra light orange: #f4ecd2
*/

ul#nav {
float: left;
clear: both;
display: block;
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
z-index: 99;
/* border-bottom: 1px solid #aaa; */
background-color: #267999;
}

ul#nav li {
font-size: 12px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing: 5px;
position: relative;
float: left;
display: block; 
z-index: 99;
}


/*main nav bar*/
ul#nav li a {
display: block;
padding: 7px 22px 7px 22px;
margin: 0px 0px 0px 0px;
text-decoration: none;
float: left; /* to fix Mac IE 5.2 bug */
z-index: 99;
}

ul#nav li a.selected {
	background: #ffffff;


}

/*main nav ROLL OVER*/
ul#nav li a:hover {
	background: #ffffff;
}

ul#nav li.first {
padding: 0px 0px 0px 15px;
}


/*
ul#nav li.last {
	float: left;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #ffff00;
}
*/


ul#nav li ul { 
background: #c79810; 
}

ul#nav li li { 
border-top: 1px solid #ffffff; 
}

ul#nav li ul li a:hover { 
background: #267999;

}

/* Below is the pull-down part **********************/

ul#nav ul {
position: absolute;
z-index: 99;
left: -999em;
top: 28px;
margin: 0px 0px 0px 0px;
padding: 0;
width: 215px;
height: auto;
border-top: 0;
border-bottom: 0;

/* These 3 should be set dynamically
border-left: 1px solid #555555;
border-right: 1px solid #000000;
background: #333333;
*/
}


/* WHITE LINE LENGHT*/
ul#nav li li {
/* don't put any more padding */
width: 215px;

/* These 2 should be set dynamically
border-top: 1px solid #555555;
border-bottom: 1px solid #000000;
*/
}



/* drop down boxes */
ul#nav li li a {
display: block;
width: 210px;
padding: 8px 5px 8px 10px;
font-weight:normal;
font-size:10px;
margin: 0px 0px 0px 0px;
text-decoration: none;
letter-spacing: 3px;
color: #fff;
float: left; /* to fix Mac IE 5.2 bug */
}



/* This "unhides" the sub-menus (left: -999em is what hides them) */
ul#nav li:hover ul, ul#nav li.sfhover ul {
left: 0px;
}



/*dropdown ROLL OVER*/
ul#nav ul li a:hover {
width: 200px;
}


/* 	
	Use it like this
	<li><div class="menuDiv"></div></li>
*/

div.menuDiv {
display: block; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 5px;
width: 210px;
background: #999;
}

ul#subMenu {
float: right;
display: block;
margin: 10px 15px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

ul#subMenu li {
font-size: 10pt;
position: relative;
float: left;
display: block; 
border-left: 1px solid #ccc;
}

ul#subMenu li.first {
border: none;
}

ul#subMenu li a {
display: block;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
text-decoration: none;
float: left; /* to fix Mac IE 5.2 bug */
}