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; }

/* home */
#home-left { width:555px; float:left; height:175px; }
#home-right { width:190px; float:right; }
#home-buttons { border-top:dashed 1px #999; }
#flash { text-align:center; margin:0 auto; width:860px; height:245px; 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:20px 0 0 35px; width:780px;font-family:Arial, Helvetica, sans-serif; }
#hvac-button { float:left; width:400px; }
#member-button { float:left; width:380px; }

/* sub pages */
#sub-content { background-color:#FFF; margin:20px 0 0 17px; 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-portal { width:570px; float:left; background-color:#FFFFFF; margin-bottom:0; margin-left:18px; line-height:1.4em; }
#middle-bar-portal a { color:#000000; }
#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; }
#footer-left { margin-top:20px; margin-left:40px; 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;
}