@charset "utf-8";

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:0;}
html, body {width:100%; height:100%; margin:0px auto;}
body {font:13px/14px "Trebuchet MS"; color:#333; background:#8c8c8a;}
#wrapper {width:920px; margin:0 auto; }
#content {padding:115px 30px 10px 30px; position:relative; top:-109px; background:url(../images/background2.png); width:860px;}
#quicklinks {background:url(../images/quicklinkbg.png) no-repeat; font:13px "Trebuchet MS"; margin:auto; color:#fff; text-align:center; height:64px; width:920px; padding:20px 0px 0px 0px; position:relative; z-index:20;}
:first-child+html #quicklinks {margin-top:-5px;}
#quicklinks span+span {padding-left:10px;}
#quicklinks a, #quicklinks a:visited, #quicklinks a:active {color:#fff; text-decoration:none;}
#quicklinks a:hover {text-decoration:underline;}
#slideshow {}
#newsbox {height:254px; width:348px; background:url(../images/newsbox.png); margin-left:-28px;}
#newsbox > div {padding:4px 15px;}
#newsbox > div ul {list-style-type: none;}
#newsbox > div ul li::before {
  content: "• ";
  color: white; /* or whatever color you prefer */
}
#newsbox > div ul li {margin:3px 0 0;padding-left: 0;}
#newsbox > div ul li a.newsorange {font-size:12px!important;}
#newsbox hr {background:#FF9900;border-color:#FF9900;margin:13px 0;}
#indexcontent {background:url(../images/indexcontent2-new-2.png); width:790px; height:400px; position:relative; top:-110px; padding:13px 65px;}
#indexcontent h2+p {padding-top:25px;}
#board td {width:300px;}
#board td {padding-top:20px;}
a.newswhite {color:#ffffff!important;}
a.newswhite:hover {color:#940!important; text-decoration:none!important; text-shadow:#888 2px 2px 2px!important;}
a.newsorange {color:#FF9900!important;font-size:17px!important;}
a.newsorange:hover {color:#fff!important; text-decoration:none!important; text-shadow:#888 2px 2px 2px!important;}

/* - - - - - HEADER AND NAV - - - - - */
#header {width:920px; height:200px; background:url(../images/logo2.png) no-repeat;}
#nav {font:16px "Trebuchet MS"; height:40px; width:910px; background:url(../images/navbg.png); padding-left:10px; position:relative; z-index:500;}
:first-child+html #nav {position:relative; top:-4px;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav {margin:auto; border:0 none; padding-top:8px; width:920px; list-style:none; height:22px; position:absolute; z-index:500;}
ul#hrznav li {margin:0; border:0 none; padding:0px 8px 0px 8px; float:left; display:inline; list-style:none; position:relative; height:22px; z-index:500;}
ul#hrznav ul {margin:0; border:1px solid #f90; padding:3px; width:200px; list-style:none; display:none; position:absolute; top:22px; left:0; background:url(../images/transgreensingle.png); z-index:500;}
ul#hrznav ul li {padding:2px; float:none; display:block!important; display:inline; z-index:500; position:relative;}
/* Root Menu */
ul#hrznav a {border:0; padding:0 0px; float:none!important; float:left; display:block; color:#f90; text-decoration:none; height:auto!important; height:1%; position:relative; z-index:500;}
/* Root Menu Hover Persistence */
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {color:#fff;}
/* 2nd Menu */
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; color:#f90;}
/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a {color:#fff;}
/* OTHER */
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:200px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {display:block;}


/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {width:920px; height:78px; font:13px/14px "Trebuchet MS"; color:#fff; background:url(../images/footer.png); position:relative; top:-110px;}
#footer a {color:#fff;}
#footer a:hover {color:#f90;}
#credit {width:80px; height:50px; float:right; padding-right:5px;}
#credit img {float:right;}
#copyright {width:200px; height:50px; float:left; padding-left:10px;}
#contactinfo {width:920px; height:56px; repeat-x; padding-top:18px; color:#fff;}

/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font:24px/35px "Trebuchet MS"; color:#000; text-shadow:#888 2px 2px 2px; text-decoration:underline; padding-bottom:20px;}
h2 {font:20px/28px "Trebuchet MS"; color:#f90; text-shadow:#888 2px 2px 2px;}
h3 {font:18px/26px "Trebuchet MS"; color:#000; text-shadow:#888 2px 2px 2px;}
h4 {font:16px/24px "Trebuchet MS"; color:#000; text-shadow:#888 2px 2px 2px;}
p  {font:13px/14px "Trebuchet MS"; color:#000; text-decoration:none;}
h5 {font:12px/18px "Trebuchet MS"; color:#000;}
h6 {font:10px/16px "Trebuchet MS"; color:#000;}
hr {border:1px solid #444; color:#000; background-color:#000;}
ul,ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
a, a:link, a:active, a:visited {color:#000; text-shadow:#888 2px 2px 2px; text-decoration:none;}
a:hover {color:#940; text-decoration:none; text-shadow:#888 2px 2px 2px;}
a img {border:none;}
.sm10 {font-size:10px;}
.shhhh, .hide {display:none; visibility:hidden; height:1px;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
.white {color:#fff; text-decoration:none;}
.spaced p {padding:10px 0;}
hr {padding:0!important; margin:20px 0;}
.spaced img {padding:0 10px;}
.paddedtable td {padding:10px;}

/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:0 0 20px 0; padding:5px; float:right; width:275px; background:#ccc; border:none; font:0.75em "Trebuchet MS"; color:#333;}
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #fff; padding:0px 10px 10px 10px;}
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/17px "Trebuchet MS";}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}

/* - - - - - OTHER- - - - - */
#googlemap {width:500px; height:350px; margin:0 auto; border:2px double #ddd; float:left;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#920; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#920;}
h1 span.small {font-size:0.9em;}

/*------------ SMARTS Pages -----------------------*/
.rust { color: #F90; }
.blue { color: rgb(0,112,192); }
.red { color: #F00; }
.larger { font-size: 24px !important; }
.no-shadow { text-shadow: none !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.supasmall { font-size: 10px; }
.error { border: 1px solid #F00; }
#loc-error .error { border: none !important; }
#text-centered { text-align: center; }
#text-centered ul { margin-top: 15px; }
#text-centered ul li {
	padding-bottom: 15px;
	text-shadow: 1px 1px 3px #888;
	font-size: 16px;
}
#benefits {
	float: left;
	width: 150px;
}
#benefits lh, #benefits li, #text-centered ul li {
	padding-bottom: 15px;
	text-shadow: 1px 1px 3px #888;
}
#registration {
	float: right;
	width: 710px;
	text-align: center;
}
#registration h1, #text-centered h1, h1.text-center {
	font-size: 50px;
	text-decoration: none !important;
}
p.supabig {
	font-size: 34px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #888;
	margin: 25px 0;
}
#registration-form h2, #registration-form h3 { text-shadow: none !important; }
#registration-form table { margin: 0 auto; }
#registration-form table tr>:first-child { text-align: right; }
#registration-form #pay-link:hover { text-decoration: underline; }
#registration-form fieldset {
	width: 90%;
	margin: 10px auto;
	padding: 25px 0;
}
#registration-form input[type=text] {
	width: 225px;
	padding: 2px;
}
#registration-form input[type=radio] {
	margin-bottom: 15px;
	margin-right: 10px;
}
#registration-form textarea {
	width: 275px;
	height: 110px;
	margin: 15px 0;
}
#registration-form ul.col-loc-1, #registration-form ul.col-loc-2 {
	width: 305px;
	float: left;
}
#registration-form ul.col-loc-2 {
	width: 305px;
	float: right;
}
#registration-form ul.col-loc-1 li, #registration-form ul.col-loc-2 li {
	display: block;
	text-align: left;
}
#register { padding: 5px; }