/* main nav */

#nav { float:right; 
width:736px;
font-size:70%;
color:#fff;
position:relative;
z-index:300;}

#nav, #nav ul { margin: 0;
list-style: none;
padding: 0;}

#nav a { display: block;
color: #fff;
text-decoration: none;}

#nav.calendar a { display: block;
color: #fff;
text-decoration: none;
height:30px;
position:relative;
z-index:300;}

#nav.calendar li { height:auto;
padding-bottom:12px;
position:relative;
z-index:300;}

#nav a:hover { display: block;
color: #fff;
text-decoration: underline;}

#nav a:active { display: block;
color: #fff;
text-decoration: none;}

#nav li { float: left;
padding:3px 2px 6px 3px;
margin:2px 1px 2px 2px;
font-weight: normal;
background:#313131;
width:74px;
height:100px;
text-align:center;}

#nav.calendar li { height:30px;}

#nav li.first { margin:2px 1px 2px 0;}

#nav li img { border-bottom:1px solid #636363;
padding-bottom:2px;
margin-bottom:2px;
display:block;}

/* second-level lists */

#nav li ul { position: absolute;
width: 80px;
padding:0 4px 0 0;
margin:0 0 0 -3px;
.margin:0 0 0 -40px;
left: -999em;
z-index:100; }

#nav li ul li { width: 70px;
display:block;
height:auto;
background:#5a5a5a;}

/* third-and-above-level lists */

#nav li ul ul { margin: -20px 0 0 71px;
.margin: -20px 0 0 37px;}

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;
background:#313131;
text-decoration:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
background:#313131;
width: 75px;
text-decoration:none;}