body {
	background:#FFFFFF;
	background:url(../images/main_bg.gif) #cdcdcd repeat-x;
	width:100%;
	height:100%;
	width:820px;
	}




#maincontent {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin:-20px 0px 0px 0px;	
	background-color:#FFF;
	height:80%;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 16px;
	font-size: 11px;
}



ul {
	list-style-type: none;
}
#maincontent ul {
	margin-left:10px;
	margin-top:15px;
}
#maincontent ol {
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: decimal;
 	padding-bottom: 5px;
}
#maincontent ul li {
	padding-bottom: 5px;
	list-style-image:url(../images/arrows.gif);
	margin-left:10px;
}


#maincontent  a:link {
	font-size: 11px;
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color:#336699;
	text-decoration: none;
	font-weight: normal;

	
}
#maincontent  a:visited {
	font-size: 11px;
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color:#336699;
	text-decoration: none;
	font-weight: normal;
}
#maincontent a:active {
	font-size: 11px;
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color:#336699;
	text-decoration: none;
	font-weight: normal;
}
#maincontent a:hover {
	color: #808080;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	border-bottom:#808080 dotted 1px;
}

#maincontent a img {

	border-style:none;
	background-image: none;

}




#maincontent  a:link img {
	border-style:none;
	background-image: none;
	
}









#contentwrapper{position: relative;
	width: 100%;
	padding: 10px 10px 10px 10px;
}


#flashmovie {
	width:100%;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow:none; /*prevents overlap of the login*/
	}



#publicwrapper {

	position: relative;
	width: 100%;
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	border:#33C solid 2px;
	
}



.publicleftcol {

	width: 255px;
	float: left;
	padding: 10px 10px 10px 0px;
	margin-left:15px;

}



.publicmidcol {

	width: 262px;
	float: left;
	padding: 10px 15px 10px 15px;
	margin-left:15px;
	border-right:#CCC solid 1px;

}



.publicrightcol {

	float: right;
	width: 200px;
	padding: 10px 15px 10px 0px;

}


#middle{
	background:#FFC;
	position:relative; 
	margin-top:10px;
	padding:0;
	border-top:#000 solid 2px;
}



/*****MAIN CSS STYLES****/



.clear { clear:both; }




body {
	
	/*background-image:url(/images/gray.gif);*/
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	font-size: 0.7em;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: center; /*margin:0px auto 0px auto; margin: auto; will center table in body if in left and right*/


   /* IE 6 does not support min-width.  This hack is a workaround */

  
}




 td,th {

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	line-height: 14px;
	font-size: 11px;
	color:#000000;
	}




#wrapper {
	
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width: 100%;
	background-color: #FFFFFF;
	/*border: #CCCCCC 1px solid;*/
	/*firefox center align with auto*/
}

#plain {
	
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding:10px 20px 20px 20px;
	width: 90%;
	height:80%;
	background-color: #FFFFFF;
	
}

p {
	margin-top: 0;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 16px;
	font-size: 11px;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}





h1 {
	font-size: 18px; 
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 22px;
	margin-top:2px;
	margin-bottom:7px;

	}






h2 {
	font-size: 14px; 
	text-align:left;
	font-family: geneva, arial, Helvetica, sans-serif; 
	padding-top: 17px;
	color:#084c6e;
	line-height: 19px;
	}

	




h3 {
	font-size: 13px; 
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 2px;
	color:#3e8b3e;
	padding-bottom:4px;
	
	}




	



h4 {
	font-size: 13px; 
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	color:#336699;
	font-weight:bold;
	line-height: 15px;
	
}

h5 {
	font-size: 1em; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background: url(/images/nav_bgtitle.gif) repeat;
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
	color:#5D5D5D;
	
	}


h6 {
	text-transform: uppercase; letter-spacing: 0.1em;
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background:#575A60 url(/images/sidenav/titlebar.png) repeat-x center left;
	margin-top:5px;
	text-align:left;
	margin-bottom:5px;
	padding-left:5px;
	color:#ffffff;
	}




hr {
border: 0;
color: #CED5D6;
background-color: #CED5D6;
height: 1px;
width: 100%;
text-align: left;
}



dt	{ 
	font-weight:bold;
	 }
	 
dd	 {
	margin-left:20px;
	margin-bottom:10px;
	}




#Header {
	position: relative;
	height: 100px;
	margin: 0px 0px 0px 0px;
	z-index:10;
}
#header-wrap {
	background: #fff url(../images/bg-header-wrap.jpg) top center repeat-x;
	height: 30px;
	width:auto;
}
#header-container {
	position: relative;
	height: 30px;
	width:auto;
}
#sec-nav {
	position: absolute;
	top: 10px;
	right: 0px;
	margin: 0;
}
#sec-nav li {
	background: none;
	float: left;
	display: inline;
	height: 12px;
	line-height: 12px;
	padding:0 0 0 8px;
	margin: 0 8px 0 0;
	border-left: 1px solid #8a8a8a;
}
#sec-nav .first {
	border: 0px;
}
#sec-nav .first {
	background: none;
}
#sec-nav a {
	color:#fff;
	text-decoration: none;
}
#sec-nav a:hover, #lng:hover, #sec-nav .active a {
	color:#808080;
}
#login-search-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px 0px 8px 8px;
	width: 500px;
	height: 110px;
}
#Search {
	width: 450px;
	position: absolute;
	top: 70px;
	right: 0px;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: right;
	z-index:11;
}
#Login {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding-bottom:10px;
	text-align: right;
	z-index: 12;
}
#Login a {
	color:#333333;
	font-size:.9em;
	text-decoration: underline;
}
#Login a:hover {
	color: #660000;
}
/*navigation for solutioncenter*/



#axnavbar {
	position: relative;
	width: 100%;
	color: #fff;
	background:url(/images/navbk.gif) repeat;
	height: 20px;
	padding: 5px 0px 3px 0px;
}


#axnavbar a:link {
	display:inline;
	height:35px;
	background:url(/images/navbk.gif) repeat;
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding:5px 20px 3px 20px;
	font-weight: bold;
	color: #fff;
	
}

#axnavbar a:visited {
	display: inline;
	height:35px;
	text-align: center;
	background:url(/images/navbk.gif) repeat;
	list-style-type: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding:5px 20px 3px 20px;
	font-weight: bold;
	color: #fff;
	
}

#axnavbar a:active {
	display: inline;
	text-align: center;
	height:35px;
	background:url(/images/navbk.gif) repeat;
	list-style-type: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding:5px 20px 3px 20px;
	font-weight: bold;
	color: #fff;
	
}

#axnavbar a:hover {
	display: inline;
	height:35px;
	background:url(/images/navhover.gif) repeat;
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding:5px 20px 3px 20px;
	font-weight: bold;
	color: #fff;
	
}







#blackbtn {
	text-align: center;
	position: absolute;
	width:140px;
	right: 0px;
	top: 0px;
	color: #fff;
	background:url(/images/navbk-blk.gif) repeat;
	height: 20px;
	padding: 6px 0px 0px 0px;
}


#blackbtn a:link {
	background:url(/images/navbk-blk.gif) repeat;
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica sans-serif;
	font-size: 1em;
	padding:5px 0px 3px 0px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}

#blackbtn a:visited {
	background:url(/images/navbk-blk.gif) repeat;
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica sans-serif;
	font-size: 1em;
	padding:5px 0px 3px 0px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}
#blackbtn a:visited {
	background:url(/images/navbk-blk.gif) repeat;
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica sans-serif;
	font-size: 1em;
	padding:5px 0px 3px 0px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}


#blackbtn a:hover {
	background: url(/images/navbk-blk-hover.gif);
	text-align: center;
	list-style-type: none;
	font-family: arial, helvetica sans-serif;
	font-size: 1em;
	padding:5px 20px 3px 20px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}





#below-navbar {
	position: relative;
	background-color:#FFFFFF;
	margin:0;
}




#black_url, A:link.black_url, A:visited.black_url, A:active.black_url {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
#black_url A:hover {
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}



#breadcrumb {
	position: relative;
	height: 18px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 205px;
	width: auto;
	color: #336699;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*#sidebar ul{list-style-type: none; margin-bottom: 20px;}

#sidebar li {

    padding: 0 0 0 12px;

    background: transparent url(/images/arrows.gif) left center no-repeat;

}

#sidebar ul li a {font-weight: normal;}

#sidebar img {border: 1px solid #939598;}*/




/*maincontent div placed in a different CSS document*/

/*HOME PAGE TEMPLATE CSS*/


#flashmovie {
	width:100%;
	padding: 0px 0px 0px 0px;
	position: relative;
	}

#img_wrapper {
	width:100%;
	padding: 0px 0px 0px 0px;
	position: relative;
	}


#img_btn1 {
	background-color: #FFFFFF;
	float: left;
}




#img_btn2 {
	background-color: #FFFFFF;
	float: left;
}

#img_btn3 {
	background-color: #FFFFFF;
	float: left;
}


#img_btn4 {
	background-color: #FFFFFF;
	float: left;
}

#img_btn5{
	background-color: #FFFFFF;
	float: left;
}





/*END HOME PAGE CSS*/


/*2 column Clean - left and right content block*/
#leftside-content {
		float:left;
		width:100%;
		margin-right:35px;
		padding: 20px 0px 10px 0px;
		}

#rightside-content {
	float:left;
	padding: 20px 0px 10px 0px;
	}

/*Training Columns*/	
#leftcol {
		float:left;
		width:630px;
		background:#fff;
		margin-right:25px;
		padding:0px 0px 0px 0px;
		}

#rightcol {
	position: absolute;
	padding:0px 0px 0px 0px;
	left:640px;
	width:200px;
	top:0px;
	background:#fff;
	}	
	
	

/*3 column - left and right content block*/
#leftcontent {
		float:left;
		width:50%;
		background:#fff;
		margin-right:25px;
		padding-bottom:20px;
		}

#rightcontent {
	position: absolute;
	padding: 10px 20px 10px 10px;
	left:410px;
	width:50%;
	top:0px;
	background:#fff;
	}







.clear {
clear:both;
} 

/*END HOMEPAGE CSS*/

/*FOOTER*/

#footer {
	background-color:#333333;
	width: auto;
	height:21px;
	clear: both;
	text-align: left;
	z-index:8;
	position:relative;
	padding: 0;
	margin: 0;
}
#footer ul {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size:10px;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	display: inline;
	padding: 0.2em 1em;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	border-right: 1px solid #fff;
	float:left;
}
#footer ul li a:hover {
	background-color: #333;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:inline;
	color: #fff;
}
/*CLASS STYLES */

#policy {
	width:auto;
	position:relative;
	text-align: left;	
}

#policy a
{
	font-size:9.5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.policy
{
	font-size:9.5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}


.sidenote {
	font-size: .9em;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight: normal;
	font-style:italic;
}
.TableOutline {
	COLOR:#000000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height:15px;
	font-weight: normal;
	BACKGROUND-COLOR: #ffffff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CED5D6;
	border-spacing: 10px;
	padding:10px;
}
/* ----------- Classes for Form Layout ------------ */
#maincontent td.label
{
	text-align: right;
	width: 100px;
	margin:0px;
}
#maincontent td.data
{
	text-align: left;
	padding-left: 10px;
	margin:0px;
}

input.data{
	font-size: 11px; 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}


legend
{
	margin-left: 1em;
	padding: 0;
	color: #000;
	font-weight:bold;
}

fieldset
{
	margin: 0 1em 1.5em 0;  
	padding: 1em;  
	border: 1px solid #BFBAB0;  
	background-color: #EAEAEA;  
	background-image: url(/images/layout/fieldsetgradient.jpg);  
	background-repeat: repeat-x; 
	 overflow: hidden;
}

fieldset.submit {  
	float: none;  
	width: auto;  
	border-style: none;  
	padding-left: 12em;  
	background-color: transparent;  
	background-image: none; 
}

fieldset div.DataRowColumns1 .label, fieldset div.DataRowColumns1 label,
fieldset div.DataRowColumns2 .label, fieldset div.DataRowColumns2 label,
fieldset div.DataRowColumns3 .label, fieldset div.DataRowColumns3 label
{  
	float: left;  
	width: 100px;
	margin-right: 5px;  
	text-align: right; 
}

fieldset div.DataRowColumns1,
fieldset div.DataRowColumns2,
fieldset div.DataRowColumns3
{
	clear:both;
	padding-top: 1px;
}
fieldset div.DataRowColumns1 .data
{
	width: 429px;  
	float: left;
	/* height: 1.17em; */
}

fieldset div.DataRowColumns2 .data
{
	width: 160px;  
	float: left;
	/* height: 1.17em; */
}

fieldset div.DataRowColumns3 .data
{
	width: 80px;  
	float: left;
	/* height: 1.17em; */
}


/* ----------- Required fields and validations ------------ */
.requiredfieldregion
{
	width: 10px;
	text-align:left;
	padding: 0;
	margin: 0;
	text-align: center;
}

.requiredindicator
{
	font-weight: bold;
	font-size: 8px;
	color: #dc143c;
}

.validationsummary
{
	border-right: red thin groove;
	border-top: red thin groove;
	margin: 10px 0 10px 0;
	padding: 8px 8px 8px 20px;
	border-left: red thin groove;
	border-bottom: red 2px groove;
	background-color: #ddffdd;
}

/* ----------- Misc ------------ */


hr {color:#CCCCCC;}

td
{
	vertical-align: top;
}

div.SummaryHeader, table td.header{
	background-image: url(/images/layout/TitleLToRightGradient.jpg);
	background-position:right;
	background-repeat: repeat-y;
	background-color: #DEDEDE;
	font-size: 1.2em; 
	font-family: arial, Helvetica Narrow, sans-serif ; 
	color: #333;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
}

/*ORGANIC LINKS*/



a:link { 
	font-size: 11px; 
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color:#336699;
	text-decoration: none; 
	font-weight: normal;
	}
a:visited { 
	font-size: 11px; 
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #336699; 
	text-decoration: none; 
	font-weight: normal;
	}
	
a:active { 
	font-size: 11px; 
	line-height: 13px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: #336699; 
	text-decoration: none; 
	font-weight: normal;
	}
a:hover { 
	color: #808080;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px; 
	line-height: 13px;
	text-decoration: none; 

	}





/******* images *******/
a img {

	border-style:none;

	background-image: none;

}



		  
.imgpadding
{padding:10px 10px 10px 10px;}
		   
		 


	
	

	

	
	/*E-LEARNING*/
	
.lesson-title {
	font-size: 12px; 
	font-family: arial narrow, Helvetica, sans-serif;
	font-stretch:condensed;
	font-weight:bold;
	padding:0px 0px 8px 20px;
	color: #336699;
	margin-top:20px;
	line-height: 22px;
	margin-bottom:5px;
	}

.lesson-summary{
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	line-height: 14px;
	padding:0px 0px 0px 20px;
	font-size: 11px;
	height:100%;}
	













#homewrapper {

	position: relative;
	width: 100%;
	height:100%;
	padding: 10px 10px 0px 10px;
}



.homefeature {

	width: 90%;
	position: relative;	
	border-bottom:#CED5D6 1px solid;
	padding: 10px 10px 10px 10px;

}


.homeleftcol {

	width: 226px;
	float: left;
	padding: 10px 10px 10px 10px;
	height:100%;
}



.homemidcol {

	width: 226px;
	float: left;
	padding: 10px 10px 10px 10px;
	height:100%;

}



.homerightcol {

	float: left;
	width: 226px;
	padding: 10px 10px 10px 10px;
	height:100%;
	
}



.quicklinks {

	float: left;
	width: 226px;
	height:100%;
	padding: 10px 10px 10px 10px;

}




#summarywrapper {
	position: relative;
	width: 100%;
	height:100%;
	margin: 0px auto 20px 0px;
}


/*-----CALENDAR-----------------------------------*/

td.mup_weekdayEventCell{
	background-color:#B9D2EC;
	font-weight: bold;
}

/*testing*/
#centerOut

{

	background-image: url('/images/interface/mav_light_grey_bg.jpg');

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	height: 100%;

	text-align: center;

}



.centerIn, .mavLoginBarCenter

{

	text-align: left;

	margin: auto;

	height: auto;

	width: 890px; 

}



.mavLoginBar, .mavLoginBarClient, .mavLoginBarEmployee

{

	background-color: #000000;

	margin: 0px;

	height: 25px;

	cursor: default;

	font-size: 11px;

	font-family: Tahoma;

	letter-spacing: 1px;

}



.mavLoginBarClient, .accessDropdownClient

{

	background-color: #61001f;

}



.mavLoginBarEmployee, .accessDropdownEmployee

{

	background-color: #004d61;

}



.mavLoginBar a:hover, .mavLoginBarClient a:hover, .mavLoginBarEmployee a:hover

{

	color: white !important;

	text-decoration: none !important;

}



.mavTopArea

{

	height: 80px;

	width: 890px;

}





.styleChanger img

{

	border: 0px;

}



.mavLoginBarCenter

{

	text-align: right;

}



.mavLoginBarCenter p

{

	color: #808080;

	padding: 4px 0px;

	margin: 0px;

}



.mavLoginBarCenter a

{

	color: #808080;

	text-decoration: none;

}



.mavLoginBarCenter a:hover

{

	color: #ffa900;

	text-decoration: underline;

}



.mavTopContainerCenter

{

	width: 890px !important; 

	margin: 0px auto !important;

	position: relative;

	text-align: left;

	cursor: default;

}



.mavLogo

{

	position: absolute;

	height: 127px;

	width: 370px;

	overflow: hidden;

	left: -110px;

}