﻿/* Outdoor World of New England 2006 */

* {
	margin: 0;
	padding: 0;
}

body {background: #52824b url(images/bkg.gif);
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}

#outerwrap {
	background: #92847b url(images/background_pattern.jpg) left repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 670px;
	border-right: solid 2px #479a46;
	border-left: solid 2px #479a46;
}

a {
	color: #6799b1;
	text-decoration: underline;
}
a:hover {
	color: #08783e;
	text-decoration: none;
}
acronym {
	border-bottom: 1px dashed #999999;
	cursor: help;
}

#content {
	width: 650px;
}


#content a:visited {
	color: #fff;
}  


#content a:link {
	color: #fff;
}  

#content a:hover {
	color: #0e4206;
}

#content p {
	text-indent: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#column2 li {
	line-height: 18px;
	font-size: 105%;
	font-style: italic;
}

#column2 ul {
	line-height: 18px;
	font-size: 105%;
	font-style: italic;
}

h1 {
	font-size: 220%;
	font-family: Georgia, Book Antiqua, Palatino, Serif;
	border-bottom: 1px solid #fff;
	border-top: 0px solid #fff;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

h2 {
	font-family: Georgia, Book Antiqua, Palatino, Serif;
	border-bottom: 1px solid #fff;
	border-top: 0px solid #fff;
	color: #ffffff;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

input {
	width: 170px;
	background-color: #479a46;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#column2 ul {
	margin: 10px 0;
}
#column2 li {
	color: #fff;
	list-style: square inside;
	text-indent: 10px;
}
.login {
	border: 1px solid #666;
	color: #fff;
}
.login_hover {
	border: 1px solid #999;
	color: #ccc;
}
#submit {
	border: 1px solid #666;
	color: #fff;
	cursor: pointer;
	margin: 2px 20px;
	text-decoration: none;
	width: 140px;
}
#submit_hover {
	border: 1px solid #999;
	color: #ccc;
	cursor: pointer;
	margin: 2px 20px;
	text-decoration: none;
}
/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */
#wrap {
	background-image: url(Images/background.gif);
	background-image: url(images/bkg.gif);
	background-image: url(background_pattern.jpg);
	background-image: url(Images/camera3.gif);
	background-image: url(Images/header.gif);
	background-image: url(Images/selector.gif);
	background-image: url(Images/selector_sub.gif);
	background-repeat: no-repeat;
	background-position: -5000px -5000px;
	text-align: left;
	width: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-left: solid 10px #08783e;
	border-right: solid 10px #08783e;
}
#header {
	background: url(Images/header.gif) center no-repeat;
	color: #e0e0e0;
	font-size: 327%;
	font-weight: bold;
	height: 200px;
	line-height: 120px;
	text-indent: 0px;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #08783e;
	border-bottom-color: #08783e;
}

#nav {
	width: 184px;
	padding-bottom: 0px;
	font-size: 130%;
	border-right: solid 5px #08783e;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #08783e;
	letter-spacing: 1px;
	/* ie5win fudge begins - this is what ie5win needs to make it 179 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 179px; /* Again, "be nice to Opera". */
}
	/* leave padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
	html>body #nav {
		width: 179px; /* ie5win fudge ends */
	}

#nav ul li {
	display: inline;
	line-height: 16px;
	list-style: none;
}
#nav ul li a {
	border-bottom: 1px solid #08783e;
	color: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 179px;
/* ie5win fudge begins - this is what ie5win needs to make it 169 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 169px; /* Again, "be nice to Opera".*/
}
	/* Comments to make Opera happy */
	html>body #nav ul li a {
		width: 169px; /* ie5win fudge ends */
	}

/* remove the 'text-decoration: underline;' in #nav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */

#nav li a:visited {
	background: #479a46 url(images/bg_navbutton.gif);
	text-decoration: none;
	color: #f2f2f2;
}

#nav li a:link {
	background: #479a46 url(images/bg_navbutton.gif);
	text-decoration: none;
	color: #f2f2f2;
}

#nav li a:hover {
	color: #08783e;
	background-color: #cdc294;
	background-image: url(images/tree.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
#nav ul ul li {
	line-height: 10px;
	border-bottom: none;
}
#nav ul ul li a {
	color: #ccc;
	text-indent: 20px;
}
#nav ul ul li a:hover {
	background-image: url(images/ttree.gif);
}

#nav2 {
	width: 184px;
	padding-bottom: 0px;
	font-size: 130%;
	letter-spacing: 1px;
	/* ie5win fudge begins - this is what ie5win needs to make it 179 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 179px; /* Again, "be nice to Opera". */
}
	/* leave padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
	html>body #nav2 {
		width: 179px; /* ie5win fudge ends */
	}
	
#nav2 ul li a {
	border-bottom: 1px solid #08783e;
	color: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 179px;
/* ie5win fudge begins - this is what ie5win needs to make it 169 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 169px; /* Again, "be nice to Opera".*/
}
	/* Comments to make Opera happy */
	html>body #nav ul li a {
		width: 169px; /* ie5win fudge ends */
}

#nav2 ul li {
	display: inline;
	line-height: 16px;
	list-style: none;
}

#nav2 p {
	padding: 10px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-indent: 10px;
	word-spacing: 1px;
}

nav2 img {
	padding: 0px;
	margin: 0px;
}

.sub {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

#column1 {
	float: left;
	width: 179px;
}

#column1 img {
	border: 0px none #666;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 31px;
	padding: 2px;
}


/* in #column2, underscore hack gives the column2 div the correct margins in Firefox 1 */

#column2 {
	float: none;
	margin-left: 195px !important;
	margin-right: 0px;
	width: 430px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#column2 p {
	line-height: 150%;
	font-size: 120%;
}

div#list {
	font-size: 150%;
	list-style-type: none;
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-image: none;
}
	
ul.insidelistproducts li {
	font-size:90%;
	padding:0px 0px 0px 15px;}

ul.insidelistproducts2 li {
	font-size:90%;
	padding:0px 0px 0px 10px;
	list-style-type:none;}

.navinfo {
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	padding: 10px;
	word-spacing: 1px;
	line-height: 60%;
}


/* Links at bottom of page */

#links div {
	float: left;
	width: 140px;
}
#links div li {
	list-style: none;
}
#links div li a {
	background: url(Images/arrow_outline.gif) left no-repeat;
	padding-left: 15px;
	text-decoration: none;
}
#links div li a:hover {
	background-image: url(Images/arrow.gif);
	color: #ac835c;
	text-decoration: underline;
}


/* Images in content */

.imageright {
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
	background-color: none;
	border: 0px solid #bac1a3;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.imageright2 {
	float: right;
	padding: 0px;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 3px;
	margin-right: 0px;
	background-color: none;
	border: 5px solid #479a46;
}

.imageright2nb {
	float: right;
	padding: 0px;
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 3px;
	margin-right: 0px;
	background-color: none;
	border: none;
}

.imageleft {
	float: left;
	padding: 0px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 3px;
	background-color: none;
	border: 5px solid #479a46;
}

.imageleftnoborder {
	float: left;
	padding: 4px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	background-color: none;
}

img.imageborder {
	float: left;
	padding: 0px;
	background-color: none;
	border: 1px solid #f2f2f2;
}

img.centered {
	padding: 0px;
	background-color: none;
	border: 5px solid #479a46;
}

div.leadimage {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
}

/* Footer appearance */

#footer {
	clear: both;
	color: #fff;
	font-size: 100%;
	padding: 10px 0 10px 0;
	text-indent: 185px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer2 {
	background: #479a46;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	border-top-width: 5px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #08783e;
	border-bottom-color: #08783e;
}

td {
	text-align: left;
	margin: 0px 0 0 0;
}

.footertable tr {
	font: 13px Arial, Helvetica, sans-serif;
    color: #fff;
}

#address01 {
	line-height: 15px;
	color: #fff;
	border-left: solid 0px #08783e;
}

#address03 {
	line-height: 15px;
	color: #fff;
	border-left: solid 1px #08783e;
}

#address02 {
	line-height: 15px;
	color: #fff;
	border-left: solid 1px #08783e;
}

#table2 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

.noindent {
	text-indent: 0px;
}


/* Table Information */

.mulchtable {width: 400px;
}

.datatabledir {
font: 13px Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}

.datatable {
border: 1px solid #479a46;
font: 13px Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 0px;
padding: 5px;
border-collapse:collapse;
}

.datatablenb {
border: 0px solid #479a46;
font: 13px Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 0px;
padding: 5px;
}

.datatablenb td {
padding: 5px;
}

.datatable tr.altrow {
background-color: #479a46;
color: #fff;
padding: 5px;
}

.datatable tr.row {
background-color: #08783e;
color: #fff;
padding: 5px;
}

.datatable td {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


/* Forms */

span.form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #fff;
}

input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #fff;
}


/* Site Index */

#index {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #fff;
	line-height: 180%;
}

/* New links to submission forms */

.submission {
	font-size: 180%;
	font-family: Georgia, Book Antiqua, Palatino, Serif;
	color: #fff;
}

ol li {font-size: 120%;
	}

span.alttext {font-weight: bold;
}

ul.whynakedwood li { padding-bottom: 20px;
}