/****************************************************************************
/*                       body area
/****************************************************************************/
body
{
	background-color: #696;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height:1.5em;
	/*font-size: small;*/
	font-size: 62.5%; /*gives a base of 10px*/
	/*
	h1 2em = 20px
	h2 1.8em = 18px
	p 1.2em = 12px
	1em = 10px
	just remember parent child senario 
	(tag inside p would be base of 12 so a span tag assigned 2em would be 24 (2x12=24))
	font-size: 100%; gives a base of 16px*/
	
	/*info from dreamweaver template*/
	text-align:center;
}
/****************************************************************************
/*                       wrap area
/****************************************************************************/
div#wrap
{
	width: 80em; 
	margin: 1% auto 3% auto; 
	text-align: left;	
}
/********************************************************************************
/*                  branding logo area
/********************************************************************************/

div#branding
{
	height: 20em;
	/* background-color: #333;*/
	background-color: #696; 
	background-image: url(../images/topPic.jpg); 
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/*******************************************************************
/			Main nav
/*******************************************************************/
ul#Nav_main 
{
	list-style-type: none;
	float: left;
	width: 15em;
	text-align:center;
	font-size:1.2em;
	margin: 0.5% 0.5% 0.5% 2%;
	display: inline;
}

ul#Nav_main li
{
	background: #ddd;
	width:100%;
}

ul#Nav_main a
{
	background: #f1f8e0;
	border: 1px solid #696;
	display: block;
	padding: 0.5em;
}
ul#Nav_main a:hover 
{
	background:#ffffff;
}

/*******************************************************************
/			main content area
/*******************************************************************/
div#content
{
	width: 45em;
	background-color: #cfc;
	background-image: url(../images/towing.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
	padding: 2.5em 1em 1.5em 1em; 
	font-size:1.2em;
	margin: 0.5% 0.8em 0 18em;	 
}	

div#content li, dt, dd, p { font-size: 1.2em; }
div#content p{ line-height:1.5em; margin-bottom: 1.5em;}	
div#content ul, ol, dl { margin-bottom: 1.8em; }

div#content h1
{
	font-size: 1.8em;
	font-weight: bold;
	line-height:1em; 
	margin-bottom: 1em; 
}
div#content h2
{
	font-size: 1.6em;
	font-weight: bold;
	line-height:1em; 
	margin-bottom: 1em; 
}
div#content h3
{
	font-size: 1.4em;
	font-weight: bold;
	line-height:1em; 
	margin-bottom: 1em; 
}
div#content h4
{
	font-size: 1.2em;
	font-weight: bold;
	line-height:1em; 
	margin-bottom: 1em; 
}
	/*******************************************************************
	/			lower nav area
	/*******************************************************************/
div#site_info
{
	position: relative;
	top: 1em;
	margin: 0.5em 0em 0em 3em;
	
}

div#site_info ul
{
	list-style-type: none;
	margin: 0.5% 0 0.5% 2%;
}
div#site_info li
{
	display: inline;
	text-align:center;
	width:100%;
}

div#site_info a
{
	background: #f1f8e0;
	border: 1px solid #696;
	padding: 0.3em 0.5em;
	margin: 0.5em;
} 
div#site_info a:hover 
{
	background:#ffffff;
}

p#validation
{
margin-top: 4.5em;
}
p#validation  a 
{
	border: none;
	margin-left: 2.5em;
}  

	/*******************************************************************
	/			copyright 
	/*******************************************************************/

p#copyright
{
	text-align:center;
	background-image: url(../images/sig.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 1.5em 0 2.5em 0;
}

/*****************************************************************************
/			Links for the website
******************************************************************************/
a,a:link,a:visited,a:active {
text-decoration:none;
color:#5EA936;
text-transform:uppercase;
font-weight:700;
}

a:hover 
{
	color:#ABD550;
}