body { margin:0; padding:0; background-color:#cccccc; color:#333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
h1 { margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#000; }
h2 { color:#425460; padding-bottom:8px; font-size:14px; font-weight:bold; border-bottom:1px dashed #666; margin-bottom:8px; }
h3 { color:#a9c000; padding-bottom:5px; font-size:12px; font-weight:bold; }
h4 { color:#a9c000; padding-bottom:5px; font-size:12px; font-weight:bold; padding-left:30px; padding-top:18px; }
img { border:none; }
img a { border:none; }
.right { float:right; }
strong {font-weight: bold;}
.form-element { margin-bottom:8px; }
p { margin:10px 0; }
td,tr { padding-bottom:10px; }

br {
	clear: both;
}

#header {
	height: 52px;
	background: #424242;
}
#header h1 {
	float: left;
	width: 200px;
	height: 52px;
	background: url(../images/logo.png) no-repeat;
	text-align: left;
	text-indent: -9000px;
}
#header #navigation {
	float: right;
	margin-right: 10px;
}
#header #navigation>li {
	position: relative;
	float: left;
	padding: 12px 0;
	margin-left: 15px;
}
#header #navigation>li>a {
	display: block;
	padding: 3px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}
#header #navigation>li.big_one {
	padding: 10px 0;
}
#header #navigation>li.big_one>a {
	border-radius: 3px;
	padding: 5px 10px;
	background: #99b700;
	background-image: none !important;
	font-size: 14px;
}
#header #navigation>li.has_sub>a {
	padding-right: 8px;
	background-image: url(../images/navigation_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#header #navigation ul, #header #navigation div {
	display: none;
}

#header #navigation>li.has_sub:hover ul, #header #navigation>li.has_sub:hover div {
	display: block;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 100;
	width: 200px;
	padding: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	text-align: left;
	background: #fff;
}
#header #navigation>li.has_sub:hover div {
	width: 180px;
	padding: 10px;
}
#header #navigation>li.has_sub:hover ul::after, #header #navigation>li.has_sub:hover div::after {
	content: ' ';
	position: absolute;
	top: -10px;
	right: 10px;
	width: 20px;
	height: 10px;
	background: url(../images/navigation_hover_arrow.png);
}
#header #navigation>li.has_sub:hover ul li:first-child a {
	border-radius: 3px 3px 0 0;
}
#header #navigation>li.has_sub:hover ul li:last-child a {
	border-radius: 0 0 3px 3px;
}
#header #navigation>li.has_sub:hover ul li a {
	display: block;
	padding: 10px;
	font-size: 12px;
	color: #222;
	text-decoration: none;
}
#header #navigation>li.has_sub:hover ul li a:hover {
	background: #eee;
}
#header #navigation>li.has_sub:hover div input[type=text], #header #navigation>li.has_sub:hover div input[type=password] {
	width: 172px;
	border: 1px solid #999;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1);
	margin-bottom: 5px;
	padding: 3px;
}

#comments{
	background: #FAFAFA;
	border: 1px solid #EEE;
	padding: 10px;
	margin-top: 20px;	
}
#cform{margin:10px 0px 10px 0px}
.comment{margin-top: 10px;display: block}

#home-about {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	font-size: 20px;
	line-height: 26px;
}
#home-about .title {
	color: #99b700;
}

#home-right h3 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#home-events {
	margin-left: -5px;
}
#home-events .home-event {
	margin-bottom: 10px;
}
#home-events .home-event a {
	display: block;
	text-decoration: none;
	color: inherit;
}
#home-events .home-event .date {
	float: left;
	display: block;
	width: 30px;
	height: 34px;
	margin-right: 10px;
	padding-top: 5px;
	background: url(../images/event_ribbon.png) no-repeat;
}
#home-events .home-event .date .day, #home-events .home-event .date .month {
	display: block;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
#home-events .home-event .date .month {
	font-size: 8px;
	text-transform: uppercase;
}
#home-events .home-event .title, #home-events .home-event .where {
	display: block;
	margin-top: 4px;
	margin-bottom: 5px;
	font-size: 14px;
}
#home-events .home-event .where {
	display: block;
	margin-bottom: 0;
	font-size: 12px;
	color: #666;
}

/* home */
#home-left { width:425px; float:left; margin-bottom: 20px; margin-right: 20px; }
#home-right { width:375px; float:right; }
#home-buttons { }
#flash { text-align:center; margin:0 auto; width:860px; height:230px; border-bottom:0 solid #666; }

/* layout */
#topper { background-color:#666; width:100%; height:70px; margin:0; padding:0; }
#topper-inner-top { background-color:#666; height:65px; }
#topper-inner-bot { background-color:#666; border-top:1px dashed #FFF; height:4px; }
#flashheader { padding:20px 0 0 30px; float:left; }
#search-header { padding:20px 30px 0 0; color:#FFF; font-size:11px; float:right; }
#holder { text-align:left; margin:0 auto; width:860px; background-color:#fff; }
.sidebox { border:1px dashed #999; width:200px; margin:0 15px 15px 0; padding:10px; float:right; font-size:11px; color:#666; line-height:1.3em; }
.greyspacer { height:1px; background-color:#ccc; }
#main { float:left; display:inline; width:500px; font-size:11px; line-height:1.3em; margin:0 0 0 12px; }

/* nav */
#nav-holder { height:42px; background-image:url(/public/frontend/images/navback2.jpg); width:860px;font-family:Arial, Helvetica, sans-serif; }
#nav-left { padding:5px 0 0 35px; float:left; width:600px; }
#nav-right { float:right; padding-top:8px; margin-right:63px; }

/* sidebar */
#sidebar { width:230px; display:inline; float:left:; margin:0 10px 0 0; }
.quote { float:left; }
.welcome { margin-bottom:.5em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:15px; color:#999; }

/* main area */
#main-content { background-color:#fff; margin:0 20px 0; padding-top: 20px; width:820px;font-family:Arial, Helvetica, sans-serif; }
.home-button {
	float: left;
	width: 400px;
	background: #fafafa;
}
.home-button .home-button-content {
	padding: 10px;
}
.home-button h3 {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color: #99b700;
}
.home-button p {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}
.home-button .home-button-action {
	overflow: auto;
	padding: 10px;
	background: #ececec;
}
.home-button .home-button-action a {
	float: right;
	display: block;
	padding: 10px;
	border-radius: 3px;
	background: #99b700;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
#hvac-button {
	margin-right: 20px;
}
#hvac-button h3 {
	color: #425460;
}
#hvac-button .home-button-action a {
	background: #425460;
}

/* sub pages */
#sub-content { background-color:#FFF; margin:0 0 0 17px; padding-top: 20px; width:825px;font-family:Arial, Helvetica, sans-serif; }
#left-bar { width:215px; float:left; background-color:#FFFFFF; margin-bottom:20px; }
#middle-bar { width:400px; float:left; background-color:#FFFFFF; margin-bottom:20px; line-height:1.4em; }
#middle-bar a { color:#000000; }


#middle-bar > #news_middle > ul{list-style-type: disc;list-style-position: outside;text-indent: none;margin-left: 20px}
#middle-bar > #news_middle > li{padding-left:10px;list-style-position: outside;text-indent: none;}


#middle-bar-portal { width:570px; padding:0px 0px 0px 0px;float:left; background-color:#F7F7F7; margin-bottom:0; margin-left:18px; line-height:1.4em; }
#middle-bar-portal h2{background:#9ab800;color:#FFF;padding:10px 0px 10px 10px;font-size:20px;border-bottom:0px;margin-bottom: 0px}
#middle-bar-portal ul#nav{background: #9AB800;display: block;padding:5px 10px 8px 10px;}
#middle-bar-portal ul#nav li{display: inline;padding:3px 5px 3px 5px;color:#FFF;font-size: 15px;margin: 0px 10px 0px 0px}
#middle-bar-portal ul#nav li.selected{display: inline;background:#6c8102}
#middle-bar-portal a { color:#000000; }
#middle-bar-portal ul#nav a {text-decoration:none;color:#FFF;cursor:pointer}
#middle-bar-portal .portal_box {padding:10px 0px 0px 0px;display:none}
#middle-bar-portal #portal_welcome{position:relative;overflow:hidden;height:450px}

#middle-bar-wide { width:560px; float:left; background-color:#FFF; margin-bottom:20px; line-height:1.4em; margin-left:30px;}
#middle-bar-wide a { color:#000000; }
#middle-bar-state { width:590px; float:left; background-color:#FFF; margin-bottom:20px; line-height:1.4em; margin-left:0px;}
#middle-bar-state a { color:#000000; }
#middle-bar-flow { float:left; background-color:#FFF; margin-bottom:20px; line-height:1.4em; }
#middle-bar-flow a { color:#000000; }
#right-bar { width:190px; float:right; background-color:#FFF; margin-bottom:20px; }
#right-bar-portal { width:190px; float:right; background-color:#FFF; margin-bottom:0; margin-right:20px; }

/* footer */
#footer { background-color:#545454; height:49px; border-top:5px solid #a9c000; color:#FFF; text-align:left; clear:both;position:relative}
#footer-left { margin-top:20px; margin-left:12px; float:left; }
#footer-right { margin-top:20px; margin-right:20px; float:right; font-size:11px; color:#eaeaea; text-decoration:none; }
#footer-logo { margin-top:4px; margin-right:20px; float:right; }
.footer-item { float:left; border-right:1px solid #fff; }
.footer-item a { float:left; color:#FFF; font-size:11px; color:#eaeaea; text-decoration:none; padding:0 8px; }

/* boxes */
.box { width:190px; background-color:#dfdddd; font-size:10px; min-height:150px; background-image:url(/public/frontend/images/box_back.gif); background-repeat:no-repeat; }
.box-bot { width:190px; height:11px; background-image:url(/public/frontend/images/box_bot.gif); margin-bottom:10px; line-height:0; }
.box-inner { width:140px; padding:20px 0 0 30px; line-height:1.2em; }
.box-inner a { color:#000000; text-decoration:underline; }

/* quote */
.testimonial { width:190px; background-color:#dfdddd; background-image:url(/public/frontend/images/quote_back.gif); background-repeat:no-repeat; font-size:10px; }
.testimonial-bot { width:190px; height:11px; background-image:url(/public/frontend/images/box_bot.gif); margin-bottom:0; background-color:#FFF; }
.testimonial-inner { width:140px; padding:20px 0 0 35px; line-height:1.2em; }
.author { text-align:right; margin-top:6px; }

/* about section */
.partner { background-color:#eaeaea; margin-left:0; padding:10px; width:250px; margin-bottom:4px; }
.error { color:red; }
.related { background-color:#EEE; padding:10px; }
.folder1 { float:left; width:45px; }
.folder2 { float:left; width:200px; padding-top:10px; }
.folder3 { float:left; width:32px; }
.folder4 { float:left; width:250px; padding-top:0; }
.smallchive { font-style:italic; font-size:10px;}

/* membership section */
.app-left { float:left; width:140px; margin-bottom:15px; }
.app-right { float:left; width:200px; }
.app-boxes { float:left; width:175px; }
.question { font-size:11px; color:#333; margin-bottom:5px; }

/* sub site */
#subsite { margin-left:auto; margin-right:auto; text-align:center; }

/*members section*/
#questionsbox { background-color:#eeeeee; padding:10px; line-height:1.4em; }
.even { padding:10px; margin-left:-10px; background-color:#f5f5f5; }
.odd { padding:10px; margin-left:-10px; background-color:#ffffff; }
#bigblue a { color:#FFFFFF; text-decoration:none; }
.bigblue a { color:#FFFFFF; text-decoration:none; }
#smallblue a { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.smallblue a { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.smallbluebox { padding:8px 8px 8px 10px; background:#425460; color:#FFFFFF; font-weight:normal; margin-bottom:6px; margin-left:-10px; }
.smallbluebox a { color:#FFFFFF; }
div.smallbluebox:hover { background-color:#ccc; }
.bluebox { padding:8px 8px 8px 10px; background:#425460; color:#FFFFFF; font-weight:bold; margin-bottom:6px; margin-left:-10px; }
.bluebox a { color:#FFFFFF; }
div.bluebox:hover { background-color:#ccc; }
.staticbox { padding:8px 8px 8px 10px; background:#425460; color:#FFFFFF; font-weight:bold; margin-bottom:6px; margin-left:-10px; }
.staticbox a { color:#FFFFFF; }
div.staticbox:hover { background-color:#425460; }

/*member form*/
.membergrey { padding:15px; background-color:#eaeaea; margin-bottom:15px; }
.searchleft { float:left; width:180px; }
.searchright { float:left; width:300px; }
.rightleft { float:left; margin-right:10px; }
.rightright { float:left; width:80px; }

/* membership states */
.stateouter { background-color:#eaeaea; height:100px; width:400px; }
.searchouter { background-color:#eaeaea; height:100px; width:540px; }
.searchleft { float:left; width:200px; padding:10px; }
.searchleft2 { float:left; width:250px; padding:10px; }
.stateleft { float:left; width:160px; padding:10px; }
.stateleft2 { float:left; width:200px; padding:10px; }
#stateleft { float:left; width:410px; }
#stateright { float:right; width:155px; margin-top:30px; margin-left:15px; }
.stateborder { border:3px solid #ccc; margin-bottom:5px; }
.detailheader { background-color:#425460; height:15px; padding:5px; margin-left:-5px; color:#FFF; }
.detailgeneric { width:100px; float:left; margin-left:25px; text-align:left; }
.detailgenericheader { width:100px; float:left; text-align:right; }
.detailgreybox { background-color:#eaeaea; height:20px; padding:5px; }
.detailwhitebox { background-color:#fff; height:20px; padding:5px; }
.viewall1 { background-color:#eaeaea; padding:5px; }
.viewall2 { background-color:#ffffff; padding:5px; }
.viewallleft { width:225px; float:left; }
.viewallright { width:125px; float:left; }
.smalldate {font-weight:bold; color:#425460; font-size:10px; line-height:1em;  }
.tinydate { color:#425460; font-size:10px; line-height:1em; padding-top:10px; font-weight:bold; }
.scrollertitle { font-weight:normal; }




.dsleft {
background-image:url(/public/frontend/images/file.gif);
width:20px;
height:20px;
background-repeat: no-repeat;
float:left;
}

.dsright {
float:left;
overflow: hidden;
width:300px;
}
.social{
	color:#666;
	width:200px;
	margin-left: 20px;
	padding:10px 0px 10px 0px;
}

.social img
{
	border:none; margin-left:1px;
}
.nophoto{
	width:100px;
	margin:5px;
	background: #EEE;
	border: 1px solid #CCC;
	color:#333;
	height:70px;
	padding:4px;
	text-align: center;
	padding-top:30px;
}

.news_dashimage{
border:1px solid #CCC;width:400px;margin:5px;margin-left:0px
}
.news_no_dashimage {
	border:1px solid #CCC;width:200px;float:right;margin:5px;
}