@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	background: #cccccc;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.main h2 {
	color:#11147D; 
	text-align:center; 
	font-size:36px;
	}
.main h3 {
	color:#11147D; 
	text-align:center; 
	font-size:20px;
	}
.main #container {
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.main #header {
	background: #ffffff; 
	padding: 0 0px 0 0px;  
}
.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; 
	font-size:18px;
}
.main #mainContent {
	padding: 0 0px; 
	background: #FFFFFF;
}
.main #footer {
	padding: 0 10px; 
	background:#ffffff;
	color:#000066;
	font-size:14px;
}
.main #footer a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:14px;
	color:#11147D;
}
#footer a {font-size:14px;}
.main #footer p {
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:12px;
	color:#000066;
}
p.theDate {
	font-size: 18px; 
	color:#000000;
	font-weight: bold;
}
.letter {
	width:740px; 
	margin:0px auto;
	font-size:18px;}
.letter2 {
	font-size:18px;}
	
p.mainContent {
	width:740px; 
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
p.pageView {
	width:500px;
	padding:40px 0px 0px 0px; 
	margin:0 auto;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
p.pageBody {
	width:500px;
	padding:20px 0px 0px 0px; 
	margin:0 auto;
	text-align:right; 
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.trust {
	width:400px; 
	height: 57px; 
	margin:0 auto;}
a.topnav{ 
	text-decoration:none; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;}
a.topnav:hover{
	text-decoration:underline;}
#topnavig {width:100%; 
	margin-top:0px;
	padding:3px 0 5px 0; 
	font-size:10px;}
td.yellow-page-top {height:150px;
	background-image:url(images/yellow-page.gif); 
	background-position:top; 
	background-repeat:no-repeat;
	}
td.yellow-page-bottom {height:50px;
	background-image:url(images/yellow-page.gif); 
	background-position:bottom; 
	background-repeat:no-repeat;
	}
p.bluepage {
	font-size:18px;
	}