/*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:#cccccc;
	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: absolute;
	top: 0;
	left: 0;
}
/*header control*/
#header {
	background-color:ccc; /*this is not considered good so try not to make a habbit of it*/
    border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	height: 8em;
width:100%;
}
/*Header image control*/
#header .logo {
	float: left;
	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 {
	color:#000000;
	background-color:#00CCFF;
	position: relative;
	float: auto;
	margin-top: -15px;
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	padding-top:4px ;
	height:3em
	}
/*this controls the text befor the time stamp*/  
#time_stamp a {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #fff;  
    margin-top: 1.8em;
	margin-left: 1.3em;
padding:5px 5px 5px 5px;
}
#ad{
    padding:5px 5px 10px 25px;

}
/*the navigation bar you can go crazy with this be brave but save everything first*/
#nav {
	position: absolute;
	top: 10em;
	left: 1em;
	width: 12em;
background-color:#cccccc;

}

/* Navigation unordered list control*/
#nav ul { 	
list-style: none;
	margin-left: 0em;
	padding-left: 0;
}
/*Navigation list item control*/
#nav li {
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
}
/*Navigation link control*/
#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
font-weight:bold;
font-size:130%;
}
/*Navigation list item rollover control*/
#nav a:hover {
	color: #000;
background-color:#fff;
display:block;
text-transform: uppercase;
}
/*Navigation list header h2 control*/
#nav h2 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background-color: #000;
	border-bottom: 1px dotted #cccccc;
}
/*THE MAIN BODY OF CONTENT CONTROL*/
#content {
background-color: #ffffff;
margin-top:-15px;
margin-left: 14em;
margin-bottom:45px;
}
h1 {
padding-left:15px;
font: 250% Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 2.2em;
    padding-right: 1.2em;
    padding-bottom: 1em;
}

#content h2 {margin-left:25px;}
.leftimg {
	float: left;
	border: 2px solid #000000;
	margin-top:28px;
	margin-left: 15px;
        margin-right: 20px;
padding-bottom:0em;
}
/*Footer control do I need to say more*/
#footer {
	position: absolute;
	width: 100%;
	height:40px;
	border-top: 1px dotted #AAAAAA;
	background-color: #000000;
	color: #626262;
	font-size: 50%;
}
#footer p {
	margin: .75em 0 1em 2em;
	padding: 0px 0px 0px 0px;
}
#google_mask {
      position:relative;
      width:100px;
      margin-top:-27px;
      background-color:#00CCFF;
      padding: 2px 2px 2px 15px;
      color:#fff;
font-size:65%;
}
.googlead{ float: right;
padding:0px 10px 0px 10px;}

#freeformad{ 
float: right;
margin-top:-260px;
margin-right:100px;
padding:0px 10px 0px 10px;}