@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em /* 12px */; background: #382d24; color: #666; font-family: Georgia, serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: bold; margin-bottom: 0.5em; }
h1 { font-size: 1.5em /* 18px */; color: #2e5026; }
h2 { font-size: 1.3em /* 15px */; }
h3 { font-size: 1.2em /* 14px */; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; } 

a, a:visited {
	color: #2e5026; text-decoration: underline;
}
a:hover, a:active {
	color: #2e5026; text-decoration: none;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { _zoom: 1; display: block; }


/* layout */

#nav ul, #nav li, #callout ul, #callout li, #header ul, #header li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }

#container { width: 960px; margin: 0 auto; background: #aa9d71 url(/design/brand.gif) no-repeat;overflow: hidden; }
#branding { display: block; height: 154px; position: relative; }
#branding h1 { position: absolute; top: 20px; left: 20px; }
#branding h1, #branding h1 a { display: block; width: 600px; height: 130px; }
#branding h1 a { text-indent: -99999px; }
#branding p { font-size: 1.5em; color: #59452a; position: absolute; right: 10px; top: 30px; text-align: right; line-height: 1.4em; }
#branding p span { font-size: 1.2em; color: #2f5127; font-weight: bold; }


/* rewritten so that this callout works in IE7 updated May 25 2011 */
#header { padding: 0; background: url(/design/types.jpg) no-repeat; margin-bottom: 3px;height:254px; }
#header li { display: inline; float: left; clear: none; }
#header a { display: block; width: 312px; height: 220px; margin: 3px; text-indent: -99999px; }

/* old callout 
#header { padding: 1px 3px  27px; background: url(/design/types.jpg) no-repeat; margin-bottom: 3px; }
#header li { display: inline; float: left; clear: none; }
#header a { display: block; width: 312px; height: 220px; margin: 3px; text-indent: -99999px; }
*/

/*
#nav, #nav ul { display: block; height: 30px; margin: 0 auto; text-align: center; }
#nav li { display: inline; margin: 0 auto; text-align: center; width: auto; background: url(/design/seperator.gif) right no-repeat; line-height: 30px; }
#nav li:last-child { background: none; }
#nav a, #nav a:visited { margin: 0 14px 0 13px; font-size: 95%; line-height: 30px; color: #d4bf95; text-decoration: none; }

.home #nav #nav-home a,
.about #nav #nav-about a,
.resandcomm #nav #nav-resandcomm a,
.utility #nav #nav-utility a,
.safety #nav #nav-safety a,
.topten #nav #nav-topten a,
.tips #nav #nav-tips a,
.request #nav #nav-request a,
.contact #nav #nav-contact a,
.home #nav #nav-home a:visited,
.about #nav #nav-about a:visited,
.resandcomm #nav #nav-resandcomm a:visited,
.utility #nav #nav-utility a:visited,
.safety #nav #nav-safety a:visited,
.topten #nav #nav-topten a:visited,
.tips #nav #nav-tips a:visited,
.request #nav #nav-request a:visited,
.contact #nav #nav-contact a:visited,
#nav a:hover, #nav a:active { color: #fff; text-decoration: none; }
*/
#container .tube { background: #eee8c5; width: 948px; margin: 0 auto; }
#leftcol, #rightcol { float: left; clear: none; display: inline; padding: 25px 20px; }
#leftcol { width: 274px; }
#rightcol { width: 594px; }

#callout li {display: block; padding-left: 30px; background: url(/design/callout.gif) no-repeat 0 3px; margin-bottom: 10px; }
#callout h3, #callout p { display: inline; }
#callout h3 { font-weight: bold; font-size: 1em; }
#callout a { color: #000; text-decoration: none; }

#leftcol .tube { margin-left: 30px; background: none; width: auto; border-top: 1px dotted #333; margin-top: 10px; padding-top: 10px; }

#footer { margin: 0 auto; font-size: 90%; line-height: 1.2em; text-align: center; color: #aa9d71; background: #0e1a08 url(/design/footer.gif) repeat-x; padding: 1.1em; clear: both; }
#footer a, #footer a:visited { color: #aa9d71; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #aa9d71; text-decoration: none; }

.breadcrumb {
font-size:85%;
padding-bottom: 10px;
}
.breadcrumb a {
outline: none;
}
blockquote {
margin: 10px 10px;
padding: 5px;
background: #f2f2f2;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
blockquote p {
padding-left: 10px;
}

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 38em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #2e5026;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 298px;
	padding: 0 .25em;
	background-color: #2e5026;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}