body {
	font-family: verdana; 
	font-size: 11px; 
	color: #333;
	background:#e8eaec;
	background:#f5f5f5;
}
a{
	color:#0000cd;
	font-weight:bold;
	text-decoration:none;
	background-color:inherit;
	padding: 0px;
	margin: 0px;
}
a:hover {
	text-decoration: underline;
}

#mlcontainer{
width:760px;
margin:20px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
background:#FFFFFF;
color:#303030;
border:1px solid #ccc;
}

#mlheader{
height:100px;
width:760px;
padding: 0px;
margin:0px;
background:#fffff0;
text-align:left;
color:#0000cd;
border-bottom: 1px solid #ccc;
}

#mlheader h1{
padding:10px 0px 0px 20px;
margin:0px;
font-size:2.4em;
background-color:inherit;
color:#0000cc;
letter-spacing:-2px;
font-weight:normal;
}

#mlheader h2{
margin:10px 0px 10px 40px;
font-size:1.6em;
background-color:inherit;
color:#0000cc;
letter-spacing:-1px;
font-weight:normal;
}
#mlcontent{
float:left;
font-size:11px;
padding:15px 15px 0px 15px;
background-color: #fff;
}

#mlcontent h2{
display:block;
margin:0px 0px 16px 0px;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#000000;
background-color:inherit;
}

/**************** Menu/Nav styles ****************/

#mlnav{
	width: 200px;
	background-color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-left: 1px dotted #ccc;
	float: right;
}

#mlmenu {
	margin:0px;
	padding:0px;
	width: 200px;
	float: right;
}
#mlmenu ul li{
	list-style:none;
	margin:0px;
	padding:0px;

	
}

#mlmenu li a {
	font-weight:bold; 
	display:block; 
	padding:4px 10px 4px 10px;
	margin:0px 0px 0px 0px;
	background-color: #eee; 
	border-bottom:1px solid #ccc;
	text-decoration:none;
}
#mlmenu li a:hover{
	background-color: #fff; 
	text-decoration:underline;
}

#mlmenu dl {
	padding: 0px;
	margin: 0px;
}

#mlmenu dt a {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0000cc;
	padding: 3px 6px 3px 10px;
	display: block;
	background-color: inherit;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}


#mlmenu dt a:hover {
	background: #fffff0;
	color: #6600cc;
	display: block;
}

#mlmenu dd {
	display: block;
	padding: 0px 0px 4px 14px;
	background: #f1f1f1;
}

#mlmenu dd a {
	text-decoration: none;
	font-size: 11px;
	color: #0000cd;
	font-weight: normal;
	display: block;
}
	
#mlmenu dd a:hover {
	color: #6600cc;
	text-decoration: underline;
}


/**************** Footer styles ****************/

#mlfooter{
	clear:both;
	width:760px;
	padding:8px 0px 20px 0px;
	margin:0px;
	font-size:0.9em;
	color:#0000cc;
	background:#fffff0;
	border-top: 1px solid #ccc;
}

#mlfooter p{
	padding:0px; 
	margin:0px; 
	text-align:center;
	}
#mlfooter a{
	color:#0000cc; 
	background-color:inherit; 
	font-weight:bold;
}
#mlfooter a:hover{
	background-color:inherit; 
	text-decoration: underline;
}

#mlbar1 {
	width: 75px;
	height: 6px;
	background-color: #ff8c00;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar2 {
	width: 75px;
	height: 6px;
	background-color: #cc3333;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar3 {
	width: 75px;
	height: 6px;
	background-color: #cc3399;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar4 {
	width: 75px;
	height: 6px;
	background-color: #990099;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar5 {
	width: 75px;
	height: 6px;
	background-color: #6600cc;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar6 {
	width: 75px;
	height: 6px;
	background-color: #0000cc;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar7 {
	width: 75px;
	height: 6px;
	background-color: #006666;
	float: left;
	margin-right: 1px;
	padding: 0px;
}

#mlbar8 {
	width: 75px;
	height: 6px;
	background-color: #009933;
	float: left;
	margin-right: 1px;
	padding: 0px;
}

#mlbar9 {
	width: 75px;
	height: 6px;
	background-color: #33cc00;
	float: left;
	margin-right: 1px;
	padding: 0px;
}
#mlbar10 {
	width: 76px;
	height: 6px;
	background-color: #ffcc00;
	float: left;
	margin-right: 0px;
	padding: 0px;
}

.clearer {
	clear: both;
}