/*I try to make some sense out of my style lables MEANING they should make sense as in 
logo means logo so hopefully you can understand how this is called to duty thru the HTML*/
body {
	margin: 0;
	padding: 0;
	background-color:#fff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
/* this is a hack to set the page to always be the length of the browser page no matter how much content 
is on that page this sets the footer to show at the browser bottom */
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #contents {
	height: auto;
}
/*contents wrapper this creates a wrapper around all CSS boxes and helps with the footer*/
#contents {
	position:relative;
	top: 0;
	left: 0;
}
/*header control*/
#header {
	width:1000px;
        height: auto;
        position:relative;
        background-color:#fff; /*listing color like this is not considered good so try not to make a habbit of it*/
        border-bottom:1px solid green;
	
}
/*Header image control*/
#header .logo {
	margin-left: 1.5em;
	margin-top: 0.5em;
}
/* this controls the position of the time stamp and color of the text and box*/
#time_stamp {
	position:relative;
color:#000000;
	background-color:#fff;
	position: relative;
	float: auto;
	margin-top: 0px;
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	padding-top:4px ;
	height:1.5em
	
}
/*this controls the text befor the time stamp*/  
#time_stamp a {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #000;  
    margin-left: 1.3em;
padding:5px 5px 5px 5px;

}

#hold{
position:absolute;
width:1010px;
height:auto;

}

/*the navigation bar you can go crazy with this be brave but save everything first*/
#nav {position:absolute;
	top:0px;
margin-left: 0px;
	width: 200px;
        padding-left: 0px;
background-color:#3A943A;
}

/* Navigation unordered list control*/
#nav ul { 	
list-style: none;
	margin-left: 1em;
	padding-left: 0;

}
/*Navigation list item control*/
#nav li {
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
color:#fff;
font-size:14px;
font-weight:bold;
padding:10px 10px 10px 10px ;
}
/*Navigation link control*/
#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}
/*Navigation list item rollover control*/
#nav a:hover {
	color: #D43B22;
font-size:13px;

text-transform: uppercase;
}
/*Navigation list header h2 control*/
#nav h2 {
	font: 160% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	border-bottom: 1px dotted #cccccc;
background-color:#D43B22;
text-align:center;
}
#nav p {
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #fff;

	margin-left:15px;
}
/*THE MAIN BODY OF CONTENT CONTROL*/
#content {

position:relative;
background-color:#;
margin-top:0px;
margin-left: 200px;
margin-bottom:45px;
width:800px;
border-right:1px solid green;
height:auto;
}
h1 {
padding-left:15px;
font: 150% Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 16px;
margin-left: 60px;
}
#content li {
	font-size: 16px;
	line-height: 1.6em; 
	margin-left: 70px;
 
}
#content TABLE {
	font-size: 16px;
	margin-left: 60px;
 border:1px solid #000;
padding:10px 10px 10px 15px;
}
#content TD {
	font-size: 16px;
	margin-left: 150px;
 
}
#content li {
	font-size: 16px;
	line-height: 1.6em; 
	margin-left: 60px;
 
}
#content li {
	font-size: 16px;
	line-height: 1.6em; 
	margin-left: 60px;
 
}
.leftimg {
	float: left;
	border: 2px solid #000000;
	margin-left: 15px;
        margin-right: 20px;
	margin-bottom: 6px;
}

#clearboth{clear:both;}
/*Footer control do I need to say more*/
#footer {
	position:absolute;
	width: 1000px;
	border-top: 1px dotted #AAAAAA;
	background-color: #000000;
	color: #626262;
	font-size: 70%;
}
#footer p {
	margin: .75em 0 1em 2em;
	padding: 0;
}

/*----------------------Content globals---------------------------*/

#content h1{

font-size:36px;
font-weight:bold;
margin-left:30px;
margin-right:40px;

}

#content h2{
margin-left:50px;
margin-right:40px;
font-size:28px;
}
#content h3{
margin-left:50px;
margin-right:40px;
font-size:20px;
}
#content h4{
margin-left:40px;
margin-right:40px;
font-size:22px;
}
#content p{
margin-left:50px;
margin-right:40px;
font-size:18px;
}

#box {  /* this controls the round corner form box*/

margin-left:50px;
margin-top:4em;
width:700px;
height:auto;	
}

#box h1{  /* this controls the round corner form box*/
font-size:30px;
	margin-top:5px;
padding:0px 0px 0px 0px;	
text-align:center;}
#box p{  /* this controls the round corner form box*/
font-size:110%;
margin-top:5px;

padding:0px 0px 0px 0px;	}

.roundborder {  /*Round corners make sure you save a copy before playing with this*/
	height: 1px;
	overflow: hidden;
	background-color: #B0C4DE;
	border-right: 1px solid #33527B;
	border-left: 1px solid #33527B;
}
.c1 {
	margin: 0 12px 0 12px;
	border: none;
	background-color: #33527B;
}
.c2 {
	margin: 0 9px;
	border-width: 0 3px;
}
.c3 {
	margin: 0 7px;
	border-width: 0 2px;
}
.c4 {
	margin: 0 6px;
}
.c5 {
	margin: 0 5px; 
}
.c6 {
	margin: 0 4px;
}
.c7 {
	margin: 0 3px;
}
.c8 {
	margin: 0 2px;
	height: 2px;
}
.c9 {

	margin: 0 1px;
	height: 3px;
}
.content {
	height: 100%;  /*% hack to make this work in IE*/
	padding: 0 15px;
}

.promotion_site{
border:6px dotted black;
margin-left:45px;
margin-right:45px;
height:auto;
width:700px;
background-color:#F0F95E;

}

.checkpoints{
margin-left:0px;
border:6px dotted black;
width:700px;
height:auto;
background-color:#F8F9E4;
font-size:18px;
margin-left:45px;
}
.checkpoints ul{
list-style: none;
}
.checkpoints li{
margin-left:1em;
list-style: none;
padding:0px 0px 0px 0px;
}
.checkpoints li img{
float:left;
margin-left:-20px;

}

.googlead{ float: right;
padding:0px 10px 0px 10px;}