/* CSS Document */
a.terms:link    {color:#000000; text-decoration:none;}
a.terms:visited {color:#000000; text-decoration:none;}
a.terms:active  {color:#003399; text-decoration:underline;}
a.terms:hover   {color:#003399; text-decoration:underline;}



/*-------------------------------------------------*/

#subnavcontainer{
	width: 140px;
}

#sublist{
	margin: 0 5px 0 5px;
	background:#ffffff;
	border: solid #CCCCCC;
	border-width:0 1px 1px 1px;
	padding:6px 0 6px 0;
}
#subnavcontainer ul{
	margin:0;
	padding:0;
	color:#333333;
	font-size:11px;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
}
#subnavcontainer a{
margin-top:2px;
padding-top:3px;
display: block;
padding-left:20px;
width: 124px;
color:#333333;
text-decoration:none;

}

#subnavcontainer a:link, .subnavlist a:visited{
color: #333333;
text-decoration: none;
}

#subnavcontainer a:hover{
background-color:#e8e8de;
color: #333333;
}


/*-----------------------------------------------------------*/


#navcontainer{
	width: 156px;
}
#navcontainer ul{
	margin:10px 0 0 0;
	padding:0;
	color:#333333;
	font-size:11px;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	
}


#navcontainer a{
margin-top:2px;
padding-top:3px;
display: block;
padding-left:17px;
width: 139px;
color:#333333;
text-decoration:none;

}



#navcontainer a:link, .navlist a:visited{
color: #333333;
text-decoration: none;
}

#navcontainer a:hover{
background-color:#e8e8de;
color: #333333;
}

/*----------------------------------------------------------*/


h2{
	font-size:120%;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	line-height:100%;
	}
h3{
	font-size:90%;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	line-height:100%;
	}
.titles{
	border-bottom:1px solid #0054AC;
	width:100%;
	margin-bottom:15px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:120%;
	color:#003366;
}

#borderr{
	border: solid #CCCCCC;
	border-width: 0 1px 0 1px;
	}

#maintextarea{
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	border: solid 1px #CCCCCC;
	padding:10px;
	}
#righttext{
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	}
#crumbs{
	background:#c3c3c3;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding:2px 5px 2px 5px;
	}
#crumbs a:link, #crumbs a:visited{
color: #000000;
text-decoration: none;
}

#crumbs a:hover{
text-decoration: underline;
color: #000000;
}


.mainlinks{
	
	background:#cfcdbb;
	padding:5px 0 4px 0;
	color:#000000;
	font-size:90%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	}

.clear{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.textpadding{
	padding: 0 1em;
}


body{
	margin: 0 4%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#wrapper{
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: 796px;
	margin-left:auto;
	margin-right:auto;
	
}
* html #wrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#header{
	background:#FFFFFF;
	height:64px;
}

#outer{
	border-left: solid 156px #f2f2f2; /*left color*/
	border-right: 0px; /*right color*/
	background-color:#fff;/*middle color*/
}
#inner{
	border: solid #CCCCCC;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}
#left, #middle, #right, * html #allinformation
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#allinformation
{
	float: left;
	margin: 0 -2px 0 -1px;
	width: 100%;
	z-index: 3;
}
#middle
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}

#middleinfo{
	background-color:#e8e8e8;
	}

#left{
	float: left;
	margin: 0 1px 0 -156px;
	width: 156px;
	z-index: 4;
}
#right{
	float: right;
	width: 0px;
	margin: 0 -0px 0 1px;
	z-index: 2;
}
#footer, .footer2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#FFFFFF;
}

.footer2{
	padding:10px;
	}
#footer img, .footer2 img{
	border:0;
	}

.anotherpadding
{
	margin: 1em 0;

}


#links{
	border-bottom: solid 1px #ffffff;
}