@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(_divs/bg.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
a, a:visited {
	color:#036;
	font-weight:bold;
}
a:hover {
	color:#0099FF;
	text-decoration:underline;
}

/* Footer Link Styles */
#footer a, #footer a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover {
	color:#666;
	text-decoration:underline;
}


.wrapper #container { 
	width: 990px; 
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
} 
.wrapper #header { 
	background-image:url(_divs/topBanner951x90.jpg);
	height:90px;
	padding:0px;
	margin:0px;
} 
.wrapper #subnavigation {
	text-align:right;
	font-size:12px;
	font-weight:bold;
	margin:15px 25px 0px 0px;
	padding:0px;
}
.wrapper #subnavigation a {
	color:#999;
	text-decoration:none;
}
.wrapper #subnavigation a:hover {
	text-decoration:underline;
}

.wrapper #header h1 {/* remove the h2 text for image replacement */
	text-indent:-9999px;
	margin: 0;
	padding: 10px 0;
}







/* Sidebar1 styles */
.wrapper #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;/* was 261 on 122109 */
	height:351px;
	background:url(_divs/leftBG281x361.jpg);
	background-repeat:no-repeat;
	padding: 0px 10px 15px 15px; /* padding keeps the content of the div away from the edges */
	margin:0px;
}
.wrapper #sidebar1 .navigationTitle {
	text-indent:-9999px;
	height:1px;
	margin:10px 0px 50px 0px;
	padding:0px;
}
.wrapper #sidebar1 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0px 30px 10px 20px;
	margin:0px;
}
/* contact styles */
.wrapper #sidebar1 form {
	font-size:12px;
}








/* Sidebar2 styles */
.wrapper #sidebar2 {
	float: right; 
	width: 200px;
	height:400px;
	background: #FFF; 
	margin-top:0px;
	padding: 3px 5px 15px 10px; /* Top Padding must be equally changed for the IE style found in the header of the index page */
}
.wrapper #sidebar2 .news {
	text-indent:-9999px;
	background-image:url(_divs/startnowHeader188x42.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0px;
	padding:0px;
}
.wrapper #sidebar2 .feed {
	text-indent:-9999px;
	background-image:url(_divs/newsHeader188x42.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0px 0px 15px 0px;
	padding:0px;
}
.wrapper #sidebar2 .links {
	text-indent:-9999px;
	background-image:url(_divs/linksHeader188x42.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0px;
	padding:0px;
}
.wrapper #sidebar2 .contacts {
	text-indent:-9999px;
	background-image:url(_divs/contactHeader188x42.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
.wrapper #sidebar2 h3 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	font-size:1px;
}
.wrapper #sidebar2 ul {
	margin:0px 0px 0px 20px;
	padding:0px;
}
.wrapper #sidebar2 h5 {
	margin:0px 0px 10px 20px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
}
.wrapper #sidebar2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0px 20px 10px 20px;
	margin:0px;
}
.wrapper #sidebar2 ul.relatedLinks {
	list-style-type:none;
	padding:5px 0px;
	text-decoration:none;
}
.wrapper #sidebar2 ul.relatedLinks li {
	padding:5px 0px;
}
.wrapper #sidebar2 ul.relatedLinks li a {
	font-size:12px;
	text-decoration:none;
}
.wrapper #sidebar2 ul.relatedLinks li a:hover {
	text-decoration:underline;
}
.wrapper #sidebar2 ul.contact {
	list-style-type:none;
	padding:5px 0px;
	text-decoration:none;
}






/* FLASH styles */
.wrapper #Flash {
	height:200px;
	background-color:#FFF;
	background-image:url(_divs/bannerBG.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px;
	margin:0px;
}
.wrapper #Flash h3 {
	color:#F00;
	padding-top:25px;
	padding-bottom:10px;
	font-size:20px;
}
.wrapper #Flash ul li {
	line-height:175%;
	font-size:16px;
	margin-left:230px;
	color:#036;
	list-style:none;
}
.wrapper #Flash ul li a {
	color:#F00;
	text-decoration:none;
}


.wrapper #Flash ol li {
	line-height:175%;
	font-size:16px;
	margin-left:230px;
}
.wrapper #Flash ol li a {
	color:#036;
	text-decoration:none;
}
.wrapper #Flash ol li a:hover {
	color:#09F;
	text-decoration:underline;
}







/* About Us Banner area Styles */
.wrapper #About {
	height:475px;
	background-color:#FFF;
	/*background-image:url(_divs/bannerBG.jpg);*/
	background-repeat:no-repeat;
	background-position:right;
	padding:0px;
	margin:0px;
}
.wrapper #About table {
	font-size:14px;
}
.wrapper #About table .rowOne {
	padding-bottom:40px;
}
.wrapper #About table em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
.wrapper #About h3 {
	color:#F00;
	padding-top:30px;
	font-size:24px;
}
.wrapper #About ul li {
	list-style:none;
	line-height:175%;
	font-size:18px;
}
.wrapper #About ul li a {
	color:#036;
	text-decoration:none;
	margin-left:30px;
}
.wrapper #About ul li a:hover {
	color:#09F;
	text-decoration:underline;
}







/* FAQ page banner styles */
.wrapper #Faq {
	background-color:#FFF;
	/*background-image:url(_divs/bannerBG.jpg);*/
	background-repeat:no-repeat;
	background-position:right;
	padding:0px;
	margin:0px;
}
.wrapper #Faq h3 {
	color:#F00;
	padding-top:30px;
	font-size:24px;
}
.wrapper #Faq ol li {
	line-height:150%;
	font-size:14px;
	margin-left:220px;
}
.wrapper #Faq ol li a {
	color:#036;
	text-decoration:none;
}
.wrapper #Faq ol li a:hover {
	color:#09F;
	text-decoration:underline;
}
.wrapper .FAQ #q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13 {
	margin-bottom:0px;
	padding-bottom:0px;
}
.wrapper .FAQ .answer {
	margin-top:0px;
	padding-top:0px;
}
.wrapper .FAQ em {
	color:#C00;
	font-weight:bold;
}
.wrapper .FAQ ol li {
	font-size:14px;
}











/* MAIN CONTENT styles */
.wrapper #mainContent { 
	margin: 0 200px 0 225px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.wrapper #mainContent h3 {
	font-size:16px;
	font-weight:bold;
	color:#0099FF;
}
.wrapper #mainContent h4 {
	font-size:16px;
	font-weight:bold;
	color:#0099FF;
}
.wrapper #mainContent .openPara {/* remove inital text similar to the H1 and H2 replacement techniques*/
	font-size:1px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
.wrapper #mainContent .leadLine {
	color:#003366;
	font-weight:bold;
}
.wrapper #mainContent p {
	font-size:14px;
	line-height:145%;
}
.wrapper #mainContent ul li{
	font-size:14px;
	padding:5px 0px;
}



/* Box Style on Main Content Home Page */
.wrapper #mainContent table ul, .wrapper #mainContent table ul li {
	margin:0px;
	padding:0px;
}
.wrapper #mainContent table ul li {
	margin:0px 0px 3px 20px;
	padding:0px 0px 3px 0px;
}
.wrapper #mainContent table a {
	font-size:12px;
	margin-left:10px;
}




.wrapper #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
} 
.wrapper #footer p {
	margin: 0; 
	padding: 10px 0;
	text-align:center;
	font-size:10px;
	color:#999;
}



/* Navigation Current Page Markers */
/* CURRENT MARKER FOR LINKS */
#p1 #i1 a,
#p2 #i2 a,
#p3 #i3 a,
#p4 #i4 a,
#p5 #i5 a,
#p6 #i6 a,
#p7 #i7 a,
#p8 #i8 a,
#p9 #i9 a,
#p10 #i10 a {background-image:url(_divs/currentArrow.jpg); background-repeat:no-repeat; background-position:left; color:#0099FF;}







/* billing.php page styles */
.wrapper #mainContent.billing h4  {
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	padding-bottom:3px;
}
.wrapper #mainContent.billing p  {
	font-size:14px;
	line-height:130%;
	margin:0px;
	padding:0px;
}
.wrapper #mainContent.billing ul li {
	font-size:14px;
	line-height:145%;
}





/* Contact Us styles */
.wrapper #mainContent form label {
	font-size:12px;
}







.greyHeading {
	color:#666;
}
.pushDown {
	margin-bottom:50px;
}
.wrapper #mainContent .quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666;
	padding-left:0px;
	margin-left:0px;
	margin-right:20px;
	line-height:135%;
}
.wrapper #mainContent .quote strong {
	color:black;
}
.imageRight {
	float: right;
	margin-left: 8px;
}
.imageLeft {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}