/*
	File: template.css 
	Date: July 21, 2008
	Created by: Kelley Marketing, LLC
	Contents: 
		- DIV id rules
	
*/


/*  template */

html {
	color:#666600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

body {
	margin: 20px auto 6px auto;
	text-align: center;
	background-image:url(../siteImages/picrock-bkgrd.gif);
}

#main {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 760px;
	height:100%;
}

#logoArea {
	height:65px;
	width:760px;
	margin:0px auto 0px auto;
	padding:0px;
}

#header{
	height: 185px;
	margin: 0px auto 0px auto;
	width: 760px;
	background-image:url(../siteImages/header.jpg);
}

#navContainer {
	width:760px;
	height:29px;
	background-image:url(../siteImages/navarea.jpg);
	background-repeat:no-repeat;
}

#nav {
	font-size:11px;
	margin:0px;
	padding:0px;
}

#nav ul
{
color:#666666;
float: left;
font-family: Arial, Helvetica, sans-serif;
margin:5px 0px 0px 10px;
padding:0px;
width:400px;
}

#nav ul li { display: inline; }

#nav ul li a
{
padding: 2px 12px;
color:#333333;
text-decoration: none;
float: left;
border-right: 1px solid #666666;
}

#nav ul li a:hover
{
background-color:#006633;
color: #fff;
}

#callforTee {
	float:right;
	color:#fff;
	font-size:12px;
	padding:6px 10px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#mainContent {
	width:760px;
	text-align:left;
	margin: 0px auto 0px auto;
	min-height:400px;
	background-image:url(../siteImages/repeat.jpg);
	background-repeat:repeat-y;
}

#innerContent{
	text-align:left;
	height:100%;
	padding: 10px 20px 20px 20px;
	width:720px;
}

.clear {
	clear:both;
}

#footer {
	height: 20px;
	margin: auto auto auto auto;  
	width: 760px;
	background-image:url(../siteImages/footer.jpg);
	background-repeat:no-repeat;
}

#footerContent {
	font-family:Arial, Helvetica, sans-serif;
	color:#006633;
	text-align:center;
	font-size:65%;
	padding-top:5px;
	line-height:120%;
}

#footerContent a:link {
	color: #0066cc;
}

#footerContent a:visited {
	color:#0066cc;
}

#footerContent a:hover {
	text-decoration:none;
	color:#fff;
}

#footerContent a:active {
	color:#fff;
}