body {
	text-align: center;
	font-family: verdana, times, serif;
	background-color: #006600;
	color: #333333;
}
a {
	color: #006600;
	font-style: bold;
}
a:hover {
	color: #008C00;
}
hr {
	color: #006600;
}


/*page structure*/
#container {
	width: 98%;
	margin: 10px auto;
	line-height: 130%;
	text-align: left;
	border: 8px solid #000000;
	background-color: #000000;
}
#header {
	height: 150px;
	padding: 0;
	margin: 0;
	background: url(assets/banner.jpg) 0 0 no-repeat;
	background-color: #000000;
	border-bottom: 8px solid #003;
}
#leftnav {
	float: left;
	margin: 0;
	background-color: #000000;
}
#rightnav {
	float: right;
	width: 200px;
	margin: 0;
	background-color: #FFFFFF;
}
#content {margin-left: 150px; margin-right: 208px; padding: 25px; background-color: #FFF;}

/*header styles*/
div#tagline {position: absolute; top: 35px; right: 250px; left: 250px;}
div#headertitle {position: absolute; top: 35px; left: 200px;}
div#headertitle h1 {font: bold 300% verdana, serif; color: #FFF; font-style: italic; text-align: left;}
div#headertitle h2 {font: bold 100% verdana, serif; color: #FFF; font-style: italic; text-align: left;}


/*img styles*/
img {border: none;}
img.picleft {
	float: left;
	border: 1px solid #000;
	margin: 0 15px 15px 0;
}
img.picright {
	float: right;
	border: 1px solid #000;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
img.center {margin-left: 150px;}
img.noborder {border: none;}

/*Paragraph and header styles*/
p {
	font: 80% verdana, serif;
	;
	line-height: 1.7em;
	text-align: justify;
}
#leftnav p, #rightnav p {margin: 0 0 1em 0; }
#content h2 {margin: 0 0 .5em 0; }
h1 {
	color: #006600;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
}
h3 {
	text-align: center;
	margin: 0;
	padding: 5px;
	color: white;
	background-image: url(assets/h3bar.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}
p.centerimage {text-align: center;}
h3.rightbar {
	font: bold 80% verdana, serif;
	text-align: center;
	margin: 0;
	padding: 5px;
	color: #000000;
	background-color: #FFF;
}
span.ceo {font: bold 92% verdana, serif;}
div.pullquote {
	float: right;
	width: 180px;
	font: bold 80% arial, sans-serif;
	color: #993300;
	line-height: 120%;
	border: solid #003;
	border-width: 2px 0;
	padding: 3px 2px;
	margin: 1px 0 5px 20px;
	background-color: #FFFBEC;
}
div.pullquote3 {float: right; width: 200px; font: 90% arial, sans-serif; color: #006; line-height: 120%; 
	padding: 0; margin: 5px 0 5px 5px; background-color: #ECF2F9;}
div.pullquote4 {width: 100%; font: 90% arial, sans-serif; color: #006; line-height: 120%; 
	padding: 10px; margin: 5px 0; background-color: #ECF2F9;}
p.righttext {
	font: bold 80% arial, sans-serif;
	text-align: center;
	color: #006600;
	padding: 10px;
}
ul {margin-left: 25px; padding: 0;}
li.rightlist {
	font: 85% arial, sans-serif;
	color: #006600;
	padding: 5px 5px 0 0;
	line-height: normal;
}
li.innerlist {
	font: 90% arial, sans-serif;
	padding: 0 1px 0 0;
	list-style: 3px;
	line-height: normal;
	text-align: left;
}
p.quote {
	font: 75% arial, sans-serif;
	font-style: italic;
	text-align: center;
	color: #006600;
	padding: 5px;
}
p.textaligncenter {text-align: center;}



/*left nav styles - black frame menu*/
		div.column {font: bold 80% arial, sans-serif;}
		div.column#left {
	width: 143px;
	background-color: #000000;
	padding: 0 7px 0 0;
}

		b.wtop, b.wbot {display: block; background: #000;}
		b.wtop b, b.wbot b {display:block; height: 1px; overflow: hidden; background: #fff;}
		b.w1{margin: 0 5px;}
		b.w2{margin: 0 3px;}
		b.w3{margin: 0 2px;}
		b.wtop b.w4, b.wbot b.w4 {margin: 0 1px; height: 2px;}

		div#logo{}
		div.padding {background-color: white; text-align: center;}
		div.paddinglogo {
	height: 150px;
	background-color: white;
	text-align: center;
}

		div#animquote {float: right;}

		div#slogan {
	width: 100%;
	background-color: #000000;
	height: 40px;
}
		div#slogan h3 {padding-left: 170px; padding-top: 6px; text-align: left; color: #FFF; text-transform: uppercase; 
				font: bold 110% arial, sans-serif; font-style: italic;}

		div#navigation{}
		div#navigation .padding {background-color: white; padding: 8px 7px 8px 0;}
		ul.navigation{margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
		ul.navigation li {
	padding-top: 15px;
	padding-bottom: 15px;
}

		a.navigation{text-decoration: none; font-weight: bold;}
		a.navigation:link{
	color: #006600;
}
		a.navigation:visited {
	color: #006600;
}
		a.navigation:hover{
	color: #008C00;
}
		
		
/*Contact Us styles*/	
table#contactus {margin-left: 20px;}
table#contactus td {padding: 0.25em 1px;}
table#contactus td.lbl {font: 90% verdana, serif; line-height: 1.1em; text-align: right; vertical-align: top;}	
table#contactus td.inp {padding-left: 10px;}
tr.required td.lbl {background-color: #ECF2F9;}
div#submitcontactinfo {text-align: center; margin-top: 1em; padding-top: 1em;}
div#submitcontactinfo p {text-align: center;}

input:focus {background: #F5F5F5;}

/*Testimonial and Product Table styles - note, both have id tag "testimonials"*/
table#testimonials td {padding: 8px; background-color: #ECF2F9;}
table#testimonials td {text-align: left;}
table#testimonials td p {text-align: left;}
table#testimonials td img {
	border: 1px solid #666666;
}

/*Four Cornerstone Table styles*/
table#cornerstones td {
	padding:2px; 
	background-color: #ECF2F9;
	vertical-align: top;
}
		

/*footer styles*/
p.botlinks {
	font: 90% arial, sans-serif;
	color: #000000;
	text-align: center;
}
p.botlinks a {
	font: 90% arial, sans-serif;
	color: #000000;
}
p.botlinks a:hover {
	color: #008C00;
}