/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .menu1 ul li { float: left; height: 1%; }
* html .menu1 ul li a { height: 1%; }
/* End */

.menu1:after {
	float:right;
	position:relative;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: -75px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: both;
	padding: 0px;
	
	content: ".";
    display: block;

}




.menu1 ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	list-style:none; 
	margin:0; 
	padding:0; 
}

.menu1 ul li {
	position: relative;
	float: left;
	display: inline;
	text-align: left;
	margin: 0;
	padding: 0;
}

/*1st sub level menu*/
.menu1 ul li ul{
	padding-top: 0px;
	background-color: #8496a8; /*overall menu background color*/
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu1 ul li ul li{
	display: list-item;
	float: none;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu1 ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.menu1 ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: #000000;
	text-decoration: none;
	padding: 5px 5px;
	border: 1px solid #2a3c54;
}

.menu1 ul li ul li a:hover{
	color: #ffffff;
	background-color: #2a3c54;
}



/*** Menu Items Styles ***/
#nav1 a			{
	height:24px;
	width:105px;
	/*text-indent:-99999px;*/
	float: left;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#nav1.selected a,
#nav1 a:hover	{
	width:105px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -41px;
	
}

#nav2 a			{
	height:24px;
	width:85px;
	/*text-indent:-99999px;*/
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -60px 0px;
	text-decoration: none;
}
	
#nav2.selected a,
#nav2 a:hover	{ 
	width:85px; 
	background:url(../images/nav.gif) -60px -41px no-repeat; 
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav3 a			{ 
	height:24px;
	width:100px; 
	background:url(../images/nav.gif) -166px 0px no-repeat; 
	/*text-indent:-99999px;*/
	float: left;
	text-decoration: none;
}
#nav3.selected a,
#nav3 a:hover	{ 
	width:100px; 
	background:url(../images/nav.gif) -166px -41px no-repeat;
	float: left; 
}

#navSpacer { 
	height:24px;
	width:360px; 
	background:url(../images/nav.gif) -166px 0px no-repeat; 
	/*text-indent:-99999px;*/
	float: left;
	text-decoration: none;
}

#nav4 a			{ 
	height:24px;
	width:155px; 
	background:url(../images/nav.gif) -257px 0px no-repeat; 
	/*text-indent:-99999px; */
	float: left;
	text-decoration: none;
}
#nav4.selected a,
#nav4 a:hover	{ 
	width:155px; 
	background:url(../images/nav.gif) -257px -41px no-repeat; 
	float: left;
}

#nav5 a			{ 
	height:24px;
	width:90px; 
	background:url(../images/nav.gif) -404px 0px no-repeat; 
	/*text-indent:-99999px;*/
	float: left;
	text-decoration: none;
}
#nav5.selected a,
#nav5 a:hover	{ 
	width:90px; 
	background:url(../images/nav.gif) -404px -41px no-repeat; 
	float: left;
}

#nav6 a			{ 
	height:24px;
	width:123px; 
	background:url(../images/nav.gif) -475px 0px no-repeat; 
	/*text-indent:-99999px; */
	float: left;
	text-decoration: none;
}
#nav6.selected a,
#nav6 a:hover	{ 
	width:123px; 
	background:url(../images/nav.gif) -475px -41px no-repeat; 
	float: left;
}

#nav7 a			{ 
	height:24px;
	width:95px; 
	background:url(../images/nav.gif) -598px 0px no-repeat; 
	/*text-indent:-99999px; */
	float: left;
	text-decoration: none;
}
#nav7.selected a,
#nav7 a:hover	{ 
	width:95px; 
	background:url(../images/nav.gif) -598px -41px no-repeat; 
	float: left;
}