@charset "utf-8";
/* CSS Document */

.menu {width:958px; height:28px; position:relative; z-index:1; font-family:Arial, Helvetica, sans-serif; float:left; margin-top:5px; margin-left:0px; font-weight: normal;}

 .menu .subtitle {
	margin-right:20px;
	font-size: 1em;
	color:#f29c3c;
	line-height: 1.3em;
} 

/* hack to correct IE */

* html .menu .subtitle {margin-top:20px; position:relative; top:-10px;}
* html .menu {width:958px; w\idth:958px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:239px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:239px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; color:#fff; width:230px; height:30px; padding-left:10px; line-height:29px;}
/* a hack so that IE5+ faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:230px; w\idth:228px; h\eight:35px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0; width:220px;}
/* another hack for IE5+ */
* html .menu ul ul {top:27px;t\op:28px;}

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#525c63; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:220px;}
/* yet another hack for IE5+ */
* html .menu ul ul a, * html .menu ul ul a:visited {width:220px; w\idth:218px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#f29c3c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#f29c3c;}

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