ul#nav{
	margin-left:2em;
	/*padding-top:100px;*/
	position:absolute; top:170px;left:0;
}

#nav,#nav ul{ /* all lists */
	padding:0; margin:0;
	list-style:none;
	line-height:1;
}

#nav a{
	display:block;
	width:10em;
}

#nav li{ /* all list items */
	float:left;
	width:10em; /* width needed or else Opera goes nuts */
}

#nav li ul{ /* second-level lists */
	position:absolute;
	width:10em; 
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul,#nav li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}

#content{
	clear:left;
	color:#CCC;
}

ul#nav li{
	line-height:30px;
}

ul#nav li ul li a{
	width:9em;
	background-color:#141414;
	padding:0.1em 0.5em;
}

ul#nav li ul li a:hover{
	color:#C00; background-color:#000;
}

ul#nav li ul li{
	line-height:normal;	
	border-width:1px; border-style:solid; border-color:#333 #000 #000 #333;
}

ul#menu{
	margin:0; padding:0;
	width:100px; height:140px;
	position:absolute; top:10px; left:478px;
}

ul#menu li{
	list-style:none; line-height:20px; 
	text-align:right; text-transform:uppercase; font-size:12px; font-weight:bold;
	margin:0; padding:0; position:relative; float:left;
}

ul#menu li a{text-decoration:none;color:#FFF}
ul#menu li a:hover{} 

/* hide text links for visual browsers */
ul#menu li span{position:relative;visibility:hidden}

ul#menu li a{
	background-repeat:no-repeat;background-position:right;
	width:100px; height:20px;
	display:block;
}

ul#menu li#tm_home a{background:url(../images/menu_hd_home.jpg)}
ul#menu li#tm_calendar a{background:url(../images/menu_hd_calendar.jpg)}
ul#menu li#tm_faq a{background:url(../images/menu_hd_faq.jpg)}
ul#menu li#tm_media a{background:url(../images/menu_hd_media.jpg)}
ul#menu li#tm_resouces a{background:url(../images/menu_hd_resources.jpg);height:19px}
ul#menu li#tm_newsletter a{background:url(../images/menu_hd_newsletter.jpg);height:19px}
ul#menu li#tm_contact a{background:url(../images/menu_hd_contact.jpg)}

ul#menu li#tm_home a:hover{background:url(../images/menu_hd_home_f2.jpg)}
ul#menu li#tm_calendar a:hover{background:url(../images/menu_hd_calendar_f2.jpg)}
ul#menu li#tm_faq a:hover{background:url(../images/menu_hd_faq_f2.jpg)}
ul#menu li#tm_media a:hover{background:url(../images/menu_hd_media_f2.jpg)}
ul#menu li#tm_resouces a:hover{background:url(../images/menu_hd_resources_f2.jpg)}
ul#menu li#tm_newsletter a:hover{background:url(../images/menu_hd_newsletter_f2.jpg)}
ul#menu li#tm_contact a:hover{background:url(../images/menu_hd_contact_f2.jpg)}

#menu li ul{ /* second-level lists */
	position:absolute; 
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:70px; 
	margin-top:-20px;
}

* html #menu li ul{
	margin-left:98px;
}

#menu li ul li{
	text-align:left;
	margin:0; padding:0;
	border-width:1px; border-style:solid; border-color:#333 #000 #000 #333;
}

#menu li ul li a{
	background-image:none !important;
	font-size:10px;
	background-color:#141414 !important;
	color:#FFF;
	width:130px !important; display:block;
	padding:2px 5px;
}

#menu li:hover ul,#menu li.sfhover2 ul{ /* lists nested under hovered list items */
	left:auto;
}

ul#menu li ul li a:hover{
	color:#C00; background-color:#000 !important;
}