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

a {
	color: #0066CC;
	text-decoration: none;
}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 12px;
}

#pagebanner {
	background-image:url(images/layout2009/mxl2009-h1bg.gif);
	background-repeat:repeat-x;
	background-color: #5c5c5c;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 30px;
	padding-right: 20px;
	}

#pagebanner H1 {
	color: #e5e5e5;
	font-size: 32px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0px;
	font-weight: normal;
	text-transform:uppercase;
	line-height: 20px;
	letter-spacing: 1px;
	}

#breadcrumb {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	padding-left: 21px;
	color: #999999;
}

#breadcrumb a {
	color: #666666;

}

H2 {
	font-size: 16px;
	color:#000000;
	margin-bottom: 10px;
	}
	
H3 {
	font-size: 14px;
	font-weight: bold;
	color: #00315b;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: -10px;
	padding-bottom: 3px;
}

a:hover {
	text-decoration: underline;
	color: #FF9900;
	}
	
.topnavbutton
	{margin-right: 2px;}
	
.calltoaction {
	padding: 10px; 
	background-color: #FFFFCC; 
	border: 1px solid #FFCC00;
	font-weight: bold;
	font-size: 14px;
	}
	
.chartrow {
	border-top: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 3px;
}


/* Home Page Cross Fader CSS */
div.cf_wrapper {
	position:relative;
	height: 160px;
	float:none;
	clear:both;
}
	
div.cf_element {
	width: 250px;
}
	
div.cf_element div.content {
		padding: 10px;
}

div.cf_element div.content h3 {
		padding-top: 0;
		margin-top: 0;
}

#header1 {
	height: 100px;
	background-color:#99CC00;
	}
#header2 {
	height: 30px;
	background-color:#00FFCC;
	}
#main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}
#homebanner {
	height: 250px;
}
#maincontent {
	background-image: url(images/layout2009/mxl2009-bgcontent.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e5e5e5;
	}
#homefeature {
	height: 250px;
	width: 635px;
	float:left;
	}
#homeplatform {
	height: 250px;
	width: 325px;
	float:right;
	}
#homecontentleft {
	width: 595px;
	float:left;
	padding: 20px;
	}
#homecontentright {
	width: 325px;
	float:right;
	}
#homesidebartop {
	background-image:url(images/layout2009/mxl2009-bghomeright1.gif);
	width: 325px;
	height: 10px;
	}

.formrow {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #CCCCCC;
}	

.homesidebarsection {
	background-image: url(images/layout2009/mxl2009-bghomeright2.gif);
	font-size: 10px;
	line-height: 12px;
	}
.homesidebarsectionheader {
	width: 280px;
	background-image: url(images/layout2009/mxl2009-bghomeright2.gif);
	padding-left: 15px;
	padding-right: 30px;
	padding-top: 10px;
	clear:both;
	}
.homesidebarsectioncontent {
	background-image: url(images/layout2009/mxl2009-bghomeright3.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 30px;
	padding-bottom: 10px;
	clear:both;
	}
	
#homefooter {
	background-color: #5c5c5c;
	height: 420px;
	clear:both;
	color: white;
	}	
	
#homefooterleft {
	width: 595px;
	float:left;
	padding: 20px;
	}
#homefooterright {
	width: 325px;
	float:right;
	}
	
#contentleft {
	width: 188px;
	padding-top:15px;
	padding-left: 20px;
	}
#contentright {
	width: 215px;
	padding-top: 15px;
	padding-right: 20px;
	}	
	
#homefooter2 {
	background-color: #002852;
	height: 100px;
	clear:both;
	color: white;
	}	
	
#footer {
	height: 100px;
	clear:both;
	color: white;
	}

	
#pagecontent {
	padding: 20px;
	padding-top: 15px;
	}
	
#pagecontentwide {
	
	}
	
#footerleft	{
	width: 188px;
	padding: 20px;
}	

#footerright {
	padding: 20px;
}
	
#leftnavbar {
	background-image:url(images/layout2009/mxl2009-bg-leftsidebar.gif); 
	background-repeat: no-repeat; 
	width: 188px; 
	height: 400px; 
	padding: 10px;
}	
	
#leftnavbar ul {
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	margin-left: 3px;
	padding-left: 3px;
	
}

#leftnavbar ul li {
	list-style: none;
	background-image: url(images/layout2009/mxl2009-leftnavbullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#leftnavbar ul li ul {
	margin-left: 7px;
	padding-left: 7px;
	margin-top: -3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

#leftnavbar ul li ul li {
	background-image:none;
	list-style-image: none;
	list-style:disc;
	padding: 0px;
	margin: 0px;
	line-height: 13px;
	font-size: 11px;
	font-weight: normal;
}

.arrowlist ul {
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 3px;
	padding-left: 3px;
}

.arrowlist ul li {
	list-style: none;
	background-image: url(images/layout2009/mxl2009-leftnavbullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

/* Begin Navbar */

	#divnav {
		margin-left: auto;
		margin-right: auto;
		position:absolute;
		top: 0px;
		}
	
	#nav {
		margin-top: 71px;
		margin-bottom: 0px;
		padding: 0;
		width: 790px;
		
	}

	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 13px;
		text-align: center;
		line-height: 28px;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 3px;
		height: 29px;
	}

	#nav li ul {
		display: none;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		top: 100px;
		*top: 100px;
		left: 0px;
		margin: 0px;
		background-image:url(images/layout2009/mxl2009-bg2.gif);
		height: 25px;
	}

	#nav li a {
		color: #FFFFFF;
		font-weight: bold;
		display: block;
		height: 29px;
		width: 100px;
		background-image:url(images/layout2009/mxl2009-button-off.gif);
		margin: 0px;
	}

	#nav li.on a {
		color: #FFFFFF;
		background-image:url(images/layout2009/mxl2009-button-on.gif);
		margin: 0px;
	}

	#nav li.on ul a, #nav li.off ul a, #nav li.off ul li:hover a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #FFFFFF;
		width: auto;
		margin-right: 15px;
		background-image: none;
	}
	
	#nav li ul li a:hover {
		text-decoration: underline;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
		z-index: 6000;
				}

	#nav li.off a:hover, #nav li:hover a {
		/*background: #d6e3b0;*/
		color: #FFFFFF;
		background-image:url(images/layout2009/mxl2009-button-on.gif);
	}

	#nav li.off:hover ul, #nav li.over ul { 
	  display: block;
	  z-index: 6000;
	}
	
	#nav li.off a:hover,
	#nav li:hover a,
	#nav li.over a {
	  color: #FFFFFF;
	}

	#mxlogo {
	float: left;
	margin-right: 20px;
	}
	
/* End Navbar */