/* 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;}
.imgLeft {float:left; margin-right:5px;  }

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

#container {width: 985px; margin: auto; background-image:url(../images/bk.gif); background-position:center; background-repeat:repeat-y; height:100%;  min-height:100%}
#topNav {width: 985px; height: 53px;  text-align:center; margin:0 auto }
#bulbs {width: 985px; height: 217px; float: left;}
#newsletter {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;}


#footerBGNew {clear:both; width: 100%; height: 173px; background: url(../images/footerbk.gif) repeat-x;  margin-top: 160px; *margin-top: 170px; }
#footerIntNew{clear:both; width: 960px; margin: auto; padding: 25px 0 0 25px;}


#latestNews {width:280px;  background-color:#fff; margin:120px 0px 0px 65px; height:230px;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; opacity:0.9;
filter:alpha(opacity=90); padding:20px; line-height:18px;}
.newsArticle{line-height:16px; padding-bottom:8px;}

#smIcons {width:60px;  margin:10px 0px 0px 900px;}

#tabContractor {width:985px; margin:0; padding:30px 20px 20px 20px;}
#tabContractorInfo {width:570px; float:left; color:#FFFFFF; line-height:18px}
#tabContractorForm {width:370px; float:right; background-image:url(../images/vdiv.gif); background-position:left; background-repeat:no-repeat; padding-left:10px}

#tabElectrician {width:985px; margin:0; padding:30px 20px 20px 20px;}
#tabElectricianInfo {width:950px; float:left; color:#FFFFFF; line-height:18px; height:150px;}

#tabEvents {width:985px; margin:0; padding:30px 20px 20px 20px;}
#tabEventsInfo1{width:460px; float:left; color:#FFFFFF; line-height:18px}
#tabEventsInfo2{width:460px; float:right; color:#FFFFFF; line-height:18px}

#tabMember {width:985px; margin:0; padding:30px 20px 20px 20px;}
#tabMemberInfo {width:570px; float:left; color:#FFFFFF; line-height:18px}
#tabMemberForm {width:360px; float:right; background-image:url(../images/vdiv.gif); background-position:left; background-repeat:no-repeat; padding-left:20px}



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

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

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


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

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

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

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

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

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

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

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

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

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

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

.contact {width: 85px; display: block; background-position: 0 -954px; float: left;}
.contact: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;}





input.button {    padding: 2px 10px 2px 10px;    width: 0; /* for IE only */    	font: 10px "Arial", Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;	overflow: visible; width:0;}
input.button[class] { /* IE ignores [class] */    width: auto;	 padding: 2px 10px 2px 10px; 	font: 10px "Arial", Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;}





.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.myButton:active {
	position:relative;
	top:1px;
}