/*  IMPORTANT - this cascading style sheet (css) controls most design & format decisions for this template.
    Only those familiar with CSS should edit this document.
	 Mark-up helper text is offered to define sections. */
	
/* -------------------------------------------------------------
   STANDARD CLASSES - this section defines standard html classes	
   ------------------------------------------------------------ */
html { padding-bottom: 10px; }
html>body html { padding-bottom:20px; }
	
body {
	background: #f3eadb; 
	color: #000; /*defines the general text color for the entire site */
	font-family: Verdana, Arial, sans-serif; /*defines the general font family & size for the entire site */
	margin: 0 0 10px 0;
	padding: 0;	
	text-align: center; }

a:link, a:visited {
	color: #006699;
	text-decoration: underline; }

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

h1 { color: #000; font: bold 120% Verdana, Arial, sans-serif; }
h2 { color: #000;	font: bold 110% Verdana, Arial, sans-serif; }
h3 { color: #333;	font: bold 105% Verdana, Arial, sans-serif; }	
h4 { color: #333; font: bold 105% Georgia, "Times New Roman", "Times serif"; letter-spacing: .25em; border: 1px solid #666; padding: 2px; }
h5 { color: #333; font: bold 100% Arial, sans-serif; }
h6 { color: #0007; font: bold 100% Arial, sans-serif; }	
hr { color: #666; background-color: #ccc; border: none; height: 1px;	width: 100%;}
img { border: none;}
li { font-size: 90%; }
p { font-size: 90%; }
ol { list-style-type: decimal; }
ul { list-style-type: circle; }
table, tr, td { border-collapse: collapse; } /* collapses any borders from any html tables - required for javascript calendar */

/* --------------------- 
   END Standard Classes 
/* --------------------- */


/* -------------------- 
   DESIGN INSTRUCTIONS
   -------------------- */

/* general container */
#wrapper { 
	width: 960px;
	text-align: left;
	margin: 0 auto; }
	
/* header container for logo, contact us and background image */
#header { 
	width: 960px;
	height: 176px;
	background: url(images/body1.png) no-repeat;
	 }

/* contact menu top right */
#content {
	width: 960px;
	height: 100%;
	background: url(images/body2.png) repeat-y;
	margin: 0;
	padding:0;
}

#contact p {
	float:right;
	font: 10pt Arial Narrow, Arial, Verana, sans-serif;
	text-align:right;
	color: #666;
	padding: 25px 14px 0 0;
	margin: 0px;
}

#contact p a:link, #contact p a:visited { color: #666; text-decoration: none; }
#contact p a:hover { color: #000; text-decoration: underline; }
	
#logo {
	float: left;
	padding: 10px 0 0 20px;
	margin: 0px;
	height: 80px;
}

/* container */
#content {
	width: 960px;
	height: 100%;
	margin: 0;
}

/* main body right on menu left layout */	
#body1 { 
	float: left;
	width: 460px; 
	line-height: 1.5em;
	padding: 0 6px 6px 180px; 
	margin: 0px 10px 20px 10px; }

/* firefox fix */
html>body #body1 { margin: 0px 20px 20px 10px;  }

/* right sidebard on body left layout */	
#body2 { 
	float: right;
	width: 220px;
	padding: 0 6px 6px 6px; 
	margin: -28px 0 10px 10px;
	border-left: 1px solid #ccc; }

/* firefox fix */
html>body #body2 { padding: 0px 20px 10px 20px; } 

#body3 { 
	float:left;
	width: 650px;
	padding: 0 6px 6px 180px; 
	margin: -20px 10px 20px 10px; }


/* bottom section defines the footer image */
#bottom { background: url(images/body3.png) no-repeat; height: 27px; margin: 0; padding:0px; clear: both; }	

/* footer section below page */
#footer { width: 960px; margin: 30px 20px 0 20px; border-top: 1px solid #ccc; }
html>body #footer { width: 920px; margin: 20px 20px 0 20px; }
#footer1 { color: #666; font-size: 70%; padding: 10px 0 3px 10px;  }
#footer1 a:link, #footer1 a:visited { text-decoration: none; color: #666; }
#footer1 a:hover { text-decoration: none; color: #333; border-bottom: 1px solid #333; }
#footer2  { padding: 0 0 10px 10px; color: #666; font-size: 70%; }
#footer2 a:link, #footer2 a:visited, #footer2 a:hover { text-decoration: none; color: #666; }
/* end footer section below page */

/* general instructions --*/
.border { padding: 4px;	border: 1px solid #999; background-color: #fff; margin-bottom: 12px; } /* simple border */
.border2 { padding: 0 4px 4px 6px; border: 1px solid #999; background: #cfcfbc url(images/border02.jpg) repeat-x top; margin: 12px auto; } /* simple border w/background color */
.border2 h1, .border2 h2, .border2 h3 { margin-top: 1px; }
.border3 { padding: 0 4px 4px 6px; border: 1px solid #999; background: #dbdbdb url(images/border03.jpg) repeat-x top; margin: 0 auto 12px auto; } /* simple border w/background color */
.border3 h1, .border3 h2, .border3 h3 { margin-top: 1px; }
.border4 { border: 1px solid #333; }
.cred { color: #ff0000; } /* color red */
.cblue { color: #3366CC; } /* color blue */
.cgreen { color: #009900; } /* color green */
.center { text-align: center; }	
.clear { clear: both; }
.floatL { float: left; margin: 10px 5px 5px 0; } /* basic float left */ 
.floatR { float: right; margin: 10px 0 5px 5px; } /* basic float right */ 
.outline { border: 1px solid #999; margin-bottom: 6px; }
.right { text-align: right; }
.smaller { font-size: smaller; }
.xsmall { font-size: x-small; }
.xxsmall { font-size: xx-small; }
/* end general instructions */


/* --------------------------- 
   END Design Instructions
   --------------------------- */		

	
	
	
	
	
	
/*______________________________________________________________________
DO NOT REMOVE
Title: Custom Design 
Author: Golden Pinecone Web Development Inc.
Version: July 2009
Website: http://www.goldenpinecone.com
________________________________________________________________________*/