/* CSS Document */

/* =BODY / HTML
==================================================== */
* { padding:0; margin:0; } select option { padding:0 3px; }
html { height:100%; width:100%;}
body {
	height:100%;
	width:100%;
	background:#e1e1e1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:90%;
}

#container {
	position: relative;
	min-height: 100%;
	height:auto !important;
	height:100%;
	min-width:791px;
}

/* =HEADER
==================================================== */
#header {
	background:url(../images/bg_header.jpg) repeat-x 0 0;
	height:173px;
}

#flash {
	text-indent:-9999px;
	overflow:hidden;
	height:164px;
	background:url(../images/bg_h1.jpg) no-repeat 0 0;
}

/* =NAV
==================================================== */
#nav {
	background:url(../images/bg_nav.jpg) repeat-x 0 0;
	height:58px;
	padding:4px 0 0;
	list-style:none;
}

#nav ul {
	width:716px;
}

#nav li.topsoil {
	background:url(../images/bg_nav00.jpg) no-repeat 0 0;
	width:219px;
	text-indent:-9999px;
	overflow:hidden;
}

#nav li {
	float:left;
	width:90px;
	display:block;
	height:58px;
}
#nav li a {
	display:block;
	height:58px;
	text-indent:-9999px;
	overflow:hidden;
}

#nav li.home { width:77px; }
	#nav li.home a { background:url(../images/bg_nav01.jpg) no-repeat 0 0; }
	
#nav li.about { width:98px; }
	#nav li.about a { background:url(../images/bg_nav02.jpg) no-repeat 0 0; }
	
#nav li.faq { width:91px; }
	#nav li.faq a { background:url(../images/bg_nav03.jpg) no-repeat 0 0; }
	
#nav li.contact { width:91px; }
	#nav li.contact a { background:url(../images/bg_nav04.jpg) no-repeat 0 0; }
	
#nav li.member {width:99px; }
	#nav li.member a { background:url(../images/bg_nav05.jpg) no-repeat 0 0; }

#nav li a:hover, #nav li.current a {
	background-position:left bottom !important;
}
#wrapper {
	width:791px;
}

/* =CONTENT / SIDEBAR
==================================================== */
#content {
	margin-left:226px;
	min-height:400px;
	width:540px;
	height:auto !important;
	height:400px;
	padding:10px 0 75px;
}

#sidebar {
	width:221px;
	float:left;
	height:400px;
	background:url(../images/bg_sidebar.jpg) no-repeat top left;
}

#sidebar a {
	text-indent:-9999px;
	overflow:hidden;
}

#sidebar a.calc {
	display:block;
	margin:80px 2px 0;
	height:155px;
	background:url(../images/bg_sidebar.jpg) no-repeat -2px -80px;
}

#sidebar a.maps {
	display:block;
	margin:5px 2px 0;
	height:155px;
	background:url(../images/bg_sidebar.jpg) no-repeat -2px -240px;
}

#sidebar a.calc:hover {
	background:url(../images/bg_sidebar.jpg) no-repeat -223px -80px;
}
#sidebar a.maps:hover {
	background:url(../images/bg_sidebar.jpg) no-repeat -222px -240px;
}

/* =FOOTER
==================================================== */
#footer {
	min-width:791px;
	position:relative;
	margin:-65px 0 0;
	height:65px;
	background:url(../images/bg_footer-r.jpg);
}

#footer .copy {
	height:65px;
	width:644px;
	background:url(../images/bg_footer-l.jpg);
}

#footer .copy div {
	height:40px;
	width:580px;
	padding:25px 64px 0 35px;
	background:url(../images/bg_footer-m.jpg) no-repeat top right;
	font-size:10px;
}

/* =CONTENT STYLES
==================================================== */

a {	color:#600; }
a:visited { color:#603; }
a:hover { color:#900; }

a img { border:0; }

#content p {
	padding:5px 15px 5px;
	line-height:1.5em;
}

#content h3, #content h4 {
	padding:5px 5px 0;
}

#content dl {
	padding:0 20px;
}

#content dt {
	font-weight:bold;
	padding:0 15px 2px;
	background:url(../images/icon_bullet.jpg) no-repeat left center;
}

#content dd {
	padding:0 15px 10px;
}

#content ol, #content ul {
	padding:0 35px;
}

#content ul.blue, #content ul.red {
	padding:10px 65px;
	list-style-image:url(../images/icon_blueBullet.gif);
}

#content ul.red {
	list-style-image:url(../images/icon_redBullet.gif);
}
/* =STATES
==================================================== */
table.states {
	width:100%;
	border-right:1px solid #666;
	border-top:1px solid #666;
	margin:10px;
}

table thead th {
	background:#ccc;
	padding:5px;
	border-left:1px solid #666;
	border-bottom:1px solid #999;
}

table tbody td {
	padding:5px;
	border-left:1px solid #666;
	border-bottom:1px solid #ccc;
}

table tbody .odd td {
	background:#eee;
}

table tbody .even td {
	background:#eef;
}

table tbody .last td {
	border-bottom:1px solid #666;
}

.back { text-align:center; }

h3.member {
	background:#ccc;
	text-align:center;
	font-size:1em;
	font-weight:normal;
}

h3.member span {
	font-size:1.2em;
	font-weight:bold;
}

.member_side {
	width:225px;
	float:left;
	padding:15px 0;
}

#content .member_side p {
	line-height:normal !important;
}

/* =CONTACT
==================================================== */
#content .contact_side {
	text-align:center;
	width:200px;
	float:left;
	padding:12px 10px;
}

#content .contact_side p {
	font-size:0.9em;
	line-height:normal;
}

#content .contact_form {
	width:300px;
	float:left;
	padding:20px 0;
}

#content fieldset {
	border:0;
}

#content .contact_form div {
	clear:both;
}
#content .contact_form .error {
	color:#c00;
	clear:both;
}

#content .contact_form label {
	display:block;
	float:left;
	width:80px;
	padding:3px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	background:#ff6e07;
	color:#fff;
	text-align:right;
	margin:0 0 10px;
}

#content .contact_form .comment label {
	padding:46px 3px;
}

#content .contact_form input, #content .contact_form select, #content .contact_form textarea {
	float:left;
	display:block;
}
#content .contact_form textarea {
	height:104px;
	width:150px;
}

#content .contact_form input {
	height:14px;
	padding:2px;
	width:150px;
}

#content .contact_form .submit input {
	width:auto;
	padding:0;
	height:auto;
	float:right;
}

/* =CONTACT
==================================================== */
#calc fieldset.step1, #calc fieldset.step2 {
	float:left;
	width:220px;
	padding:10px;
}
#calc fieldset.step1 {
	border-right:1px solid #566;
}

#calc fieldset label {
	display:block;
	margin:10px 10px 0;
}
#calc fieldset input {
	margin-left:15px;
}

#calc fieldset.submit {
	border-top:1px solid #566;
	clear:both;
	text-align:left;
	padding:5px;
}

/* =IMG REPLACE CONTENT
==================================================== */
h2.notext {
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	margin:0;
}

h2.map { background:url(../images/head_map.jpg) no-repeat 10px 0; }
h2.about { background:url(../images/head_about.jpg) no-repeat 5px 0; }
h2.faq { background:url(../images/head_faq.jpg) no-repeat 5px 0; }
h2.member { background:url(../images/head_member.jpg) no-repeat 5px 0; }
h2.contact { background:url(../images/head_contact.jpg) no-repeat 5px 0; }
h2.index { background:url(../images/head_index.jpg) no-repeat 5px 0; }
h2.articles { background:url(../images/head_articles.jpg) no-repeat 5px 0; }

h2.privacy { background:url(../images/head_privacy.jpg) no-repeat 5px 0; }
h2.legal { background:url(../images/head_legal.jpg) no-repeat 5px 0; }
h2.sitemap { background:url(../images/head_sitemap.jpg) no-repeat 5px 0; }

.clear {
	clear:both;
	height:1px;
}