ul#nav {
position: absolute;
height: 34px;
margin: -5px 0px 0px 0px;
/margin-top:-10px;
padding: 0px 0px 0px 0px;
list-style: none;
z-index: 99;
width:980px;
}

#nav li {
position: relative;
float: left;
display: block; 
}

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

#nav li a.selected {
}

#nav li a:hover {
}

#nav li.last {
padding: 4px 0px 0px 0px;
}

input#search {
float: left;
margin: 0px 5px 0px 8px;
width: 130px;
}

img#searchSubmit {
float: left;
}

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

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#nav ul {
position: absolute;
z-index: 99;
left: -999em;
top: 34px;
margin: 0px 0px 0px 0px;
padding: 0;
width: 124px;
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;
*/
}

#nav li li {
/* don't put any more padding */
width: 124px;

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

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

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

#nav ul li a:hover {
width: 114px;
}


/* subnavigation area */

ul#subNavArea {
display: block; 
width: 980px;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
/margin-top:-12px;
}

li.subNav {
float: left;
display: block; 
padding: 0px 10px 0px 0px;
margin: 0px 10px 0px 0px;
border-right: 1px solid #ccc;
}


/* colors

Orange
FF8800
FFCE96
BD6500

Red
EC4646
FFA1A1
BD3838

Lime
BBD400
ECFF64
9DB300

Purple
A6A6FF
DEDEFF
7D7DBF

Turquoise 
00D1C1
A0EBE5
009489

Green
00B345
95CCAB
008031

*/