/* CSS Document */

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

html {overflow-y: scroll;}

* {margin: 0; padding: 0;}

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

img {border: 0; display: block;}

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

#container {width: 985px; margin: auto;}
#topNav {width: 985px; height: 53px; float: left;}
#bulbs {width: 985px; height: 217px; float: left;}
#conference {width: 229px; height: 290px; float: left; padding-left: 42px;}
#welcome {width: 683px; height: 197px; float: left; background: url(../images/welcomeBG.jpg); padding: 93px 0 0 31px;}
#welcometext {width: 379px; float: left;}
#footerBG {width: 100%; height: 173px; background: url(../images/footerBG.gif) repeat-x; float: left; margin-top: 8px;}
#footerInt {width: 960px; margin: auto; padding: 25px 0 0 25px;}

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

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

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

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

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