@charset "utf-8";

.menu {
	height:250px;
	font-size:12px;
	margin-top:3px;
}

.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:180px;
}

.menu li{
	height:30px;
	/* for IE7 */
	float:left;
}

.menu li.odd {
	background-color:#4098B3;
}

.menu li.even{
	background-color:#4098B3;
}

.menu table {
	position:absolute; 
	border-collapse:collapse;
	top:0; 
	left:0;
	z-index:100;
	font-size:12px;
}

.menu a, .menu a:visited, .menu a:hover {
	display:block; 
	text-decoration:none;
	height:29px;
	line-height:29px;
	width:166px;
	color:#003074;
	text-indent:5px;
	z-index:5;
}


/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:250px; w\idth:249px;}
/* style the link hover */
* html .menu a:hover {
	color:#FFFFFF;
	background:#003074;
	position:relative;
}

.menu li:hover {
	position:relative;
}

.menu a:active, .menu a:focus {
	color:#FFFFFF;
	background:#003074;
}

.menu li:hover > a {
	color:#FFFFFF;
	background:#003074;
}
 
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	left:200px;
	width:166px;
	padding-top:30px;
	padding-left:30px;
	background:transparent url(images/transparent.gif);
}

.menu li ul ul{
	padding-left:20px;
}

.menu li:hover > ul {
	visibility:visible;
}

.menu ul a:hover ul ul{
	visibility:hidden;
}

.menu ul a:hover ul a:hover ul ul{
	visibility:hidden;
}

.menu ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}

.menu ul a:hover ul {
	visibility:visible;
}

.menu ul a:hover ul a:hover ul{ 
	visibility:visible;
}

.menu ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}

.main{
	width:250px;
}

.main a, .main a:visited, .main a:hover {
	width:240px;
	color:#FFF;
	font-size:16px;
}