/* CSS Document */

/* BODY ELEMENTS ****************************************************************************************************/

html {overflow-y: scroll;}

* {margin: 0; padding: 0;}

body {background: url(../images/mainBG_i.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 23px;}

img {border: 0; display: block; behavior: url(iepngfix.htc);}

ul {list-style-image: url(../images/bullet.gif); padding-left: 40px;}

ol {padding-left: 40px;}

/* CONTAINERS ****************************************************************************************************/

#container {width: 985px; margin: auto;}
#topNav {width: 985px; height: 53px; float: left;}
#bulbs {width: 985px; height: 177px; float: left;}
#footerBG {width: 100%; height: 173px; background: url(../images/footerBG.gif) repeat-x; float: left;}
#footerInt {width: 960px; margin: auto; padding: 25px 0 0 25px;}
#leftNav {width: 279px; height: 407px; background: url(../images/leftNavBG.gif) top no-repeat; float: left; padding-left: 11px;}
#leftNav2 {width: 279px; background: url(../images/leftNavBG.gif) top no-repeat; float: left; padding-left: 11px;}
#leftNavUnder {width: 250px; text-align: center;}
#mainContent {width: 670px; background: url(../images/contentBG.gif) top no-repeat; float: left; padding: 32px 25px 15px 0;}
.dashed {width: 97%; height: 5px; border-top: 1px dashed #CCCCCC; margin-top: 5px; overflow: hidden;}
.solidLine {border-top: 1px solid #afb8bd; height: 1px; width: 250px;}
.solidLine2 {border-top: 1px solid #afb8bd; height: 10px; width: 100%; margin-top: 10px;}
#leftBGRepeat{width: 985px; background: url(../images/leftNavBG2.gif) left repeat-y; float: left;}
#contact1 {width: 400px; float: left;}
#contact2 {width: 250px; float: right;}

#calendarContent {width: 935px; background: url(../images/contentBG.gif) top no-repeat; float: left; padding: 32px 25px 15px 25px;}

/* LINKS ****************************************************************************************************/

a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #0a54c3;}
a:hover {color: #ca1710; text-decoration: none;}

a.redtext {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ca1710; text-decoration: none;}
a.redtext:hover {color: #0a54c3; text-decoration: none;}

a.largeLink {font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; color: #ca1710;}
a.largeLink:hover {color: #FFFFFF; text-decoration: none; background-color: #4597eb;}

a.smallLink {font-size: 11px;}

a.redLink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #ca1710;}
a.redLink:hover {color: #ca1710; text-decoration: none;}

/* TEXT ****************************************************************************************************/

h1 {font-size: 22px; color: #ca1710; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 5px 0;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 0; color: #ca1710;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1b64b3; margin: 0; padding: 0;}

.smalltext {font-size: 11px; line-height: 15px;}

.text2 {line-height: 18px;}

.redtext {color: #ca1710; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px;}

.greentext {color: #0aca00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px;}

.header {font-size: 14px;}

/* ROLLOVERS ****************************************************************************************************/

.topNav {height: 53px; background: url(../images/topNav.jpg);}

.about {width: 78px; display: block; float: left;}
.about:hover {background-position: 0 -53px; float: left;}

.membership {width: 93px; display: block; background-position: 0 -106px; float: left;}
.membership:hover {background-position: 0 -159px; float: left;}

.committees {width: 93px; display: block; background-position: 0 -212px; float: left;}
.committees:hover {background-position: 0 -265px; float: left;}

.recognition {width: 148px; display: block; background-position: 0 -318px; float: left;}
.recognition:hover {background-position: 0 -371px; float: left;}

.publications {width: 93px; display: block; background-position: 0 -424px; float: left;}
.publications:hover {background-position: 0 -477px; float: left;}

.memberDirectory {width: 191px; display: block; background-position: 0 -530px; float: left;}
.memberDirectory:hover {background-position: 0 -583px; float: left;}

.links {width: 103px; display: block; background-position: 0 -636px; float: left;}
.links:hover {background-position: 0 -689px; float: left;}

.faqs {width: 45px; display: block; background-position: 0 -742px; float: left;}
.faqs:hover {background-position: 0 -795px; float: left;}

.contact {width: 85px; display: block; background-position: 0 -848px; float: left;}
.contact:hover {background-position: 0 -901px; float: left;}

.home {width: 56px; display: block; background-position: 0 -954px; float: left;}
.home:hover {background-position: 0 -1007px; float: left;}



.homeButtons {width: 233px; height: 108px; background: url(../images/homeButtons.jpg); float: left;}

.contractor {display: block; margin-left: 13px;}
.contractor:hover {background-position: 0 -108px;}

.electrician {display: block; margin-left: 9px; background-position: 0 -216px;}
.electrician:hover {background-position: 0 -324px;}

.member {display: block; margin-left: 9px; background-position: 0 -432px;}
.member:hover {background-position: 0 -540px;}

.news {display: block; margin-left: 9px; background-position: 0 -648px;}
.news:hover {background-position: 0 -756px;}



.go {width: 24px; height: 20px; cursor: pointer; background: url(../images/btn_go.gif); border: 0;}
.go:hover {background-position: 0 -20px;}



a.leftNav {width: 232px; height: 26px; padding: 4px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNav.gif);}
a.leftNav:hover {background-position: 0 -30px;}

a.leftNav2 {width: 232px; height: 37px; padding: 8px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNav2.gif); line-height: 15px;}
a.leftNav2:hover {background-position: 0 -45px;}

.leftNav {width: 232px; height: 26px; padding: 4px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNav.gif);}
.leftNav:hover {background-position: 0 -30px;}

a.leftNavPDF {width: 232px; height: 26px; padding: 4px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNavPDF.gif);}
a.leftNavPDF:hover {background-position: 0 -30px;}

a.leftNavPDF2 {width: 232px; height: 37px; padding: 8px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNavPDF2.gif); line-height: 15px;}
a.leftNavPDF2:hover {background-position: 0 -45px;}

a.leftNavRFAC {width: 232px; height: 37px; padding: 8px 0 0 18px; color: #ca1710; text-decoration: none; display: block; background: url(../images/btn_leftNavRFAC.gif); line-height: 15px;}
a.leftNavRFAC:hover {background-position: 0 -45px;}



a.top {width: 39px; height: 22px; display: block; background: url(../images/btn_top.gif); margin: auto;}
a.top:hover {background-position: 0 -22px;}

a.back {width: 44px; height: 22px; display: block; background: url(../images/btn_back.gif); float: right;}
a.back:hover {background-position: 0 -22px;}



a.register {width: 146px; height: 49px; display: block; background: url(../images/btn_register.gif); float: right;}
a.register:hover {background-position: 0 -49px;}

/* FORMS ****************************************************************************************************/

.formbox {border: 1px solid #c9cfd2; padding: 3px; color: #666666; background-color: #f5f5f5; height: 15px;}

.formbox2 {border: 1px solid #c9cfd2; padding: 3px; color: #666666; background-color: #FFFFFF; height: 15px;}

.textarea {border: 1px solid #c9cfd2; padding: 3px; color: #666666; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}

.submit {height: 24px; width: 160px; cursor: pointer; border: 1px solid #2b6cb5; background: url(../images/submitBG.gif) repeat-x; color: #FFFFFF;}
.submit:hover {background: url(../images/submitBG_o.gif) repeat-x;}

.search {height: 22px; width: 50px; cursor: pointer; border: 1px solid #2b6cb5; background: url(../images/submitBG.gif) repeat-x; color: #FFFFFF; margin-left: 5px;}
.search:hover {background: url(../images/submitBG_o.gif) repeat-x;}

.proceed {height: 22px; width: 100px; cursor: pointer; border: 1px solid #2b6cb5; background: url(../images/submitBG.gif) repeat-x; color: #FFFFFF; margin-left: 5px;}
.proceed:hover {background: url(../images/submitBG_o.gif) repeat-x;}

/* TABLES ****************************************************************************************************/

table.collapse {border-collapse: collapse;}
td.padding {padding: 3px;}
td.header {background-color: #85c0fc; color: #FFFFFF; font-weight: bold; padding-left: 10px;}
td.border {border: 1px solid #f2f2f2;}
td.grey {background-color: #f2f2f2; padding: 3px; border: 1px solid #FFFFFF;}
td.grey2 {background-color: #d7d7d7; padding: 3px; border: 1px solid #FFFFFF;}

tr.grey {background-color: #f2f2f2;}

/* IMAGES ****************************************************************************************************/

img.paddingLeft {float: left;}
img.paddingRight {float: right; padding-left: 10px;}

.safetyBorder {border: 1px solid #666666; padding: 4px; margin: auto; width: 140px; background-color: #FFFFFF;}

.powerBorder {border: 1px solid #666666; padding: 4px; margin: auto; width: 140px; background-color: #FFFFFF;}

/* MEMBERS CALENDAR ****************************************************************************************************/

.blackBacking {background-color: #434343;}
.names {background-color: #C2DFFF; font-size: 10px; color: #336666; text-decoration: none; text-align: center; width: 14%;}
a.names2 {font-size: 11px; text-decoration: none; text-align: center;}
a.names2:hover {color: CC0000;}
.calendarBody {background-color: #E8F3FF; font-size: 10px; color: #464C79; text-decoration: none;}
.calCurrentDay {background-color: #FFFFFF; font-size: 10px; color: #464C79;text-decoration: none; height: 55px; padding: 0 3px 0 3px;}
.calOtherDay {background-color: #E8F3FF; font-size: 10px; color: #464C79; text-decoration: none; height: 55px; padding: 0 3px 0 3px;}
.calNotDay {background-color: #E8F3FF; font-size: 10px; color: #464C79; text-decoration: none; height: 55px;}
.calFormMenu {background-color: #E8F3FF; font-size: 10px; color: #464C79; text-decoration: none; }
table.main {background-color: #FFFFFF; border-style: none; border-bottom: 0px solid #996600; border-right: 0px solid #996600; border-top: 0px solid #996600; border-left: 0px solid #996600; font-weight: regular; font-size: 11px; color: #464C79;}
a.numbers {text-decoration: none;}

td.calendarPadding {padding: 15px 25px 15px 65px; border: 1px solid #434343; background: url(../images/ncdaybk.gif);}
td.calendarHeader {background-color: #C2DFFF; padding-left: 10px; border: 1px solid #434343; padding: 3px; text-align: center; font-size: 11px;}

/* SURVEYS ****************************************************************************************************/

#question {color: #0066CC; font-size: 12px; font-weight: bold; padding: 10px 0px 10px 0px;}

table.survey {width: 660px; font-size: 11px; text-align: left; color: #666666; line-height: 18px;}
.survey td {padding: 2px; font-size: 12px;}
.survey tr {border: 1px #999999 solid;}
.survey th {padding: 3px; background-color: #E8F3FF; font-size: 11px; color: #0066CC; font-weight: lighter; word-wrap: break-word; white-space: normal;}

td.line {border: solid 1px #f2f2f2; color: #666666;}
.bluetext {color: #0066CC;}
.pad {padding: 3px; border-bottom: solid 1px #f2f2f2; border-top: solid 1px #f2f2f2; color: #0066CC;}