*, html {margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
body {background-color: #111111; color: white; font-size: 12pt;}

h1, h2, h3, h4, h5, h6{font-family: Futura, “Century Gothic”, AppleGothic, sans-serif;}

h1 {font-weight: normal;}
h4 {color: #6fa45b;}
p, ol, ul, a {font-family: Futura, “Century Gothic”, AppleGothic, sans-serif;}
ol, ul {
	font-size: 0.9em;
}
a{color: #6fa45b; text-decoration: none;}
a:hover{color: #228c3a; text-decoration: underline;}
p{line-height: 1.3em;}

#wrapper {width: 100%; height: 100%; border-bottom: 160px #2d6938 solid; font-size: 0.95em; letter-spacing: .2px; margin: 0 auto;}



#bar {position:absolute; width: 100%; height: 119px; background: transparent url('../images/head_bkg.png') repeat-x fixed center top;}

#bar2 {position:absolute; width: 100%; height: 44px; top: 119px; background: transparent url('../images/menu_bkg.png') repeat-x; z-index: 2;}
#bar4 {position: absolute; width: 100%; height: 261px; background-color: #312f2f; top: 155px; z-index: 1;}
#bar5 {position: absolute; top: 417px; width: 100%; height: 26px; background: transparent url('../images/border.png') repeat-x; z-index: 2; margin: 0; padding: 0;}
#page-wrapper {width: 960px; margin: 0 auto;}
#header {width: 100%; height: 119px; background: #000 url('../images/head_bkg.png') repeat-x;}
	
.logo {position: relative; width: 426px; height: 75px; margin: 5px; top: 22px; left: 15px;}
.logo img{border: 0;}
#logo-phone {position: relative; top: -10px; right: 15px; color: white; height: 15px; font-size: 9pt; text-align: right;}

#menu {position: relative; width: 100%; height: 44px; background: transparent url('../images/menu_bkg.png') repeat-x; z-index: 7; font-size: 1.04em; margin-bottom: 6px;}
#menu .last span {visibility: hidden;}
#menu ul {padding:0;margin:0;list-style-type:none; height: 36px; background:transparent; font-size: 1em;}
#menu ul ul {width: 200px;} /* style the sub-level lists */
#menu ul li {float:left;height:36px;line-height:36px; display:block; text-align: center;}
/* style the sub level list items */
#menu ul ul li {display:block; width:200px; height:auto; line-height:36px; text-align: left; margin-left: -3em; background-color: #000;}
#menu li a:hover {background-color: #228c3a;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;float:left;height:100%; text-decoration:none;color:#ffffff; padding:0 1.4em;} /* t r b l */
#menu ul li a, #menu ul li a:visited {padding: 0 1.25em;}
/* style the sub level links */
#menu ul ul a, #menu ul ul a:visited {display:block;background-color: transparent; color:#ffffff; width:100%; height:100%;line-height:1.1em; padding: 0.5em 1em; letter-spacing: .01em;}
/* style the level hovers */
/* first */
* html #menu a:hover {color:#fff;background: transparent; position:relative; z-index:100;}
#menu li:hover {position:relative;}
#menu :hover > a {color:#fff;background:transparent;}
/* second */
* html #menu ul ul a:hover{height: 100%; color:#fff; background-color:#228c3a; display: block; position:relative; z-index:110;}
#menu ul ul li:hover {position:relative; }
#menu ul ul :hover > a {height: 100%; color:#fff; background-color:#228c3a; display: block;}
/* DON'T EDIT BELOW */
#menu ul ul {visibility:hidden;position:absolute;height:0; top:2.29em; left: 0; width:250px;}
#menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:0em;}
#menu ul :hover li {width: 200px; overflow: hidden;} /* Prevents Hover Overflow */

#slideshow {position: relative; display: block; height: 260px; width: 960px; margin: 0 auto; z-index: 6; margin-top: -12px; background-color: #312f2f; overflow: hidden;}
#slideshow img {margin-top: 17px; margin-left: 20px; border: 8px black solid;}
#slideshow h1 {position: relative; color: #6fa45b; font-size: 1.6em; top: -203px; left: 620px; width: 305px;}
#slideshow p {position: relative; top: -200px; left: 620px; width: 305px; font-size: 1.0em;}

#slideshow2 {overflow: hidden; z-index: 1;}
#slideshow2 .img {float: left; display: block; margin-right: 10px; width: 450px;}
#slideshow2 .info {float: left; display: block; width: 350px;}

#slideshow2 h1 {color: #6fa45b; font-size: 0.9em; text-align: left; margin-top: -10px; }
#slideshow2 p {font-size: 0.75em; margin-top: -12px;}

#bar3 {position: relative; width: 100%; height: 26px; background: transparent url('../images/border.png') repeat-x; z-index: 6; margin: 0; padding: 0;}

#tabs{width: 960px; position: relative; z-index: 5; margin: -286px auto -27px auto;}

.taba {position: relative; z-index: 10; float: left; width: 176px; margin: 0 8px;}
.taba h1{background: url('../images/tab_norm.png') no-repeat top center; font-size: 12pt; height: 32px; width: 176px;
text-align: center; vertical-align: middle; line-height: 32px; overflow: hidden; z-index: 1000;}
.taba h1 a{color: white; text-decoration: none;} .taba h1 a:hover{color: #d0d0d0; z-index: 1000;}

.tbody{width: 166px; max-height: 400px; height: 280px; overflow: hidden;}
.tbody p{position: relative; z-index: 15; color: black; padding: 8px 8px 8px 8px;}
.tbody img{display: block; text-align: center; margin: 10px auto;}

.taba:hover h1{position: relative; top: 555px; background: url('../images/tab_hover.png') no-repeat top center; line-height: 27px; z-index: 1000;}
.taba:hover .tbody{position: absolute; margin-top: 280px; background-color: #fff; border-left: 5px #6fa45b solid; border-right: 5px #6fa45b solid;}
.tbody a {text-decoration: none;} .tbody a img {border: 0;}

.clear{clear: both;}
.green{color: #6fa45b;}
.hide {visibility: hidden; display: none;}
	
#content {width: 930px; margin: 0px auto; padding: 15px; padding-top: 35px; background: #111111 url('../images/bkg.jpg') repeat-y;
	font-size: 1.1em; letter-spacing: 1.2px; min-height: 350px; text-align: justify;}
#content p{margin: 4px 2px 15px 2px;}
#content h1 {padding-top: 5px; font-size: 1.5em;}
#content ul, #content ol {padding: 2px 0px 4px 40px;}
#content li {padding: 2px;}
#content img {border: 5px #6fa45b solid; margin: 5px;}

.clips {margin: 0 0 0 40px;}
.clips a{float: left; display: block; width: 150px; height: 250px; margin: 10px; text-decoration: none; text-align: center;}
.clips a img{border: 0; text-decoration: none; margin-bottom: 5px;}
.clips em{font-style: italic;}

#footer {width: 930px; height: 160px; background: #2b6c37 url('../images/footer.jpg') no-repeat; padding: 0 15px 0 15px; margin: 0px auto -160px;}
#footer .col33 { float: left; text-align: left; width: 225px; height: 100px; padding: 5px; font-size: 1.05em;}
.col33 ul{list-style-type: none;} .col33 li{margin: 3px 0px;}
.col33 a{color: #251d1b; font-weight: bold; text-decoration: none;}
.col33 a:hover{color: #312f2f; text-decoration: underline;}

#contact {width: 250px; padding: 15px 0 15px 0; background-color: #6fa45b; float: left; border-right: #276432 4px solid; height: 100%;}
fieldset {border: 0px;}
#copy {width: 620px; margin: 0px auto; color: #fff; font-size: 95%; text-align: center; padding: 3px; clear: both; float: right;}
#copy a {color: white; text-decoration: underline;}
#copy a:hover {text-decoration: none;}

#social {text-align: center; padding: 3px; width: 139px; float: right; margin-right: 25px;}
#social img, #exceleron img {border: 0; padding: 3px; margin: 0 auto;}
#exceleron {text-align:center; float: left; width: 320px; height: 25px; float: left; margin-top: -37px;}

#slideshow2 { left: 20px; width: 95%; margin: 15px auto;}
#nav { margin: 15px auto; margin-bottom: 40px; border: 0; display: inline-block;}
#nav li { width: 75px; float: left; margin: 4px; list-style: none; }
#nav a { width: 83px; height: 83px; padding: 0px; display: block; /*border: 4px solid #6fa45b;*/}
#nav a:focus { outline: none; }
#nav img { border: none; display: block; margin: 4px; padding-top: 4px;}
#nav a.activeSlide { background-color: #6fa45b; }
#slideshow2 .slidet {margin: 3px 50px 3px 50px; padding: 2px;}


#content .noborder {border: 0;}
.info ul {font-size: 0.8em;}


/* Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau - http://web-kreation.com/
Date: March 26, 2009 - Version: 1.0 */
#contactpg {letter-spacing: normal;}
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
.clearfix {height: 1%;} .clearfix {display: block;}
/* Panel Tab/button */
.tab {height: 42px; width: 931px; margin: 0 auto; position: relative; top: -7px; z-index: 999;}
.tab ul.login {display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; margin-right: 0px;
	right: 0px; color: white; font-size: 80%; text-align: center;}
.tab ul.login li.left {background: url(../images/tab.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; border: 0;}
.tab ul.login li.right {background: url(../images/tab.png) no-repeat right 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; border: 0;}
.tab ul.login li {text-align: left; padding: 0 6px; display: block; float: left; height: 37px; background: #232323;  border-bottom: 1px solid white;}
.tab ul.login li a {color: #8ac125;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141;}
.tab a.open, .tab a.close {height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 80px; position: relative; top: 11px;}
.tab a.open {background: url(../images/login_control.png) no-repeat left 0;}
.tab a.close {background: url(../images/login_control.png) no-repeat left -40px;}
.tab a:hover.open {background: url(../images/login_control.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/login_control.png) no-repeat left -59px;}
/* sliding panel */
#toppanel {position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; font-size: 0.95em;}

#panel {width: 100%; height: 250px; color: #999999; background: #232323; overflow: hidden; position: relative; z-index: 3; display: none; border-bottom: 1px solid white;}

#panel h1 {font-size: 1.6em; padding: 5px 0 10px 0; margin: 0; color: white;}
#panel h2{font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white;}
#panel p {margin: 5px 0; padding: 0;}
#panel a {text-decoration: none; color: #8ac125;} #panel a:hover {color: white;}
#panel .content {width: 960px;  padding-top: 15px; text-align: left; font-size: 0.85em; margin: 0 auto;}
#panel .content .left, #contactpg .left {width: 280px; float: left; padding: 0 14px; border-left: 1px solid #333;}
#panel .content .right, #contactpg .right {border-right: 1px solid #333;}
#panel .content form, #contactpg form {margin: 0 0 10px 0;}
#panel .content label, #contactpg label {float: left; padding-top: 8px; clear: both; width: 280px; display: block;}
#panel .content input.field, #panel .content textarea, #contactpg input.field, #contactpg textarea {border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 18px;}
#panel .content textarea, #contactpg textarea { height: 140px; width: 260px;}
#panel .content input:focus.field, #contactpg input:focus.field {background: #545454;}
#panel .content textarea:focus, #contactpg textarea:focus {background: #545454;}
#panel .content .center, #contactpg .center {width: 150px; margin: 0 auto; display: block;}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #contactpg input.bt_login{display: block; float: left; clear: left; height: 24px; width: 74px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0;}
#panel .lost-pwd {display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline;}
/*End Sliding Login*/