/* Main Navigation */

#nav
{
	height:28px;
	border-bottom:#d3d3d3 solid 5px;
	cursor:pointer;
	padding: 20px 0 0 8px;
}

#nav a {
	overflow:hidden;
	font-weight:normal;
	color:#999999;
	margin: 0 0 0 14px;
	font-size: 11px;
	display:block;
	white-space:nowrap;
	padding-bottom:9px;
	text-decoration:none
}

#nav a:hover {
	color:#333333; 
	border-bottom:#333333 solid 5px;
	padding-bottom:4px;
	text-decoration:none
}

.red{color:#ba0004;}

#nav .red{color:#ba0004;}

#nav .current{
	color:#333333;
	font-weight:bold;
	border-bottom:#333333 solid 5px;
	padding-bottom:4px;
}

#nav .currentred {
	color:#ba0004;
	font-weight:bold;
	border-bottom:#333333 solid 5px;
	padding-bottom:4px;
}

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

#nav li { float:left; position:relative; padding:0px; margin:0px; text-align:center; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:112.5px;}

#nav ul ul a:hover{background:#ffffff; color:#ba0004; height:auto; line-height:1em; padding: 7px 0 7px 7px; width:112.5px;text-transform: none; text-align: left; border-top: 1px solid #333333; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; margin-top: 0; border-bottom:0px;}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,#nav ul a:hover ul{visibility:visible;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {background:#ffffff; color:#ba0004; height:auto; line-height:1em; padding: 7px 0 7px 7px; width:112.5px;text-transform: none; text-align: left; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; margin-top: 0;}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;}