.navigation {width:740px; height:31px; position:relative; z-index:100; font-family:arial, sans-serif; margin-top:-4px; border-bottom:#003366 1px solid}
/* hack to correct IE5.5 faulty box model */
* html .navigation {width:741px; w\idth:740px;}
/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {padding:0; margin:0; list-style-type:none;}
.navigation ul.top {background:#BE1F28; height:28px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
.navigation li {float:left;position:relative;}
/* style the links for the top level */
.navigation a, .navigation a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	background:#BE1F28;
	padding:3px 35px 3px 8px;
	line-height:22px;
	font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navigation a, * html .navigation a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {visibility:hidden;position:absolute;top:28px;left:0; border:1px solid; padding:5px; background:#BE1F28;}
/* another hack for IE5.5 */
* html .navigation ul ul {top:30px;t\op:31px;}

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

/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {
	background:#BE1F28;
	color:#fff;
	width:170px;
	padding:3px 20px 3px 5px;
	border-width:0px 0px 0px 4px;
	border-style:solid;
	border-color:#BE1F28 ;
	display:block;
	line-height:22px;
	font-size:11px;
}

/* yet another hack for IE5.5 */
* html .navigation ul ul a, * html .navigation ul ul a:visited {width:150px;w\idth:128px;}

/* style top level hover */
.navigation a:hover, .navigation ul ul a:hover{color:#000; background:#FFF7D5; text-decoration:underline;}
.navigation :hover > a, .navigation ul ul :hover > a {color:#000; background:#FFF7D5; text-decoration:underline;}

.navigation ul ul a:hover {
	text-decoration:none;
	border-color:#C6AD74;
	color:#333333;
}

.navigation ul ul :hover > a {
	text-decoration:none;
	border-color:#C6AD74;
	color:#333333;
}

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