/* Cut by: Chris 7.29.09 */



/* Define Tags */


html, body {
	height:100%;
}

body, form, #footer ul, #userFieldsText, #contentLeftLinks, #nav ul {
    margin:0;
	padding:0;
}

.body {
	font-size:11px;	
	font-family:Verdana,Arial,Helvetica; 
	color:#333;	
	line-height:1.45em;
	background:#000 url(images/bodyBG.jpg) no-repeat center top;
	text-align:center;
	padding:10px 0 0 0;
}

h1 {
	color:#fff;
	background:url(images/h1BG.png) repeat-x;
	text-transform:uppercase;
	font-size:17px;
	font-family:Trebuchet MS;
	padding-top:15px;
	padding-left:15px;
	margin:0;
	height:25px;
}

h2, h3, h4, h5 {
	font-size:15px;
	color:#7c0000;
	text-transform:uppercase;
}

h5 {
	color:#000;
}

h6 {
	font-size:14px;
	font-weight:normal;
	color:#7c0000;
}

a:link, a:visited {
	color:#689dd7;
	text-decoration:none;
}
a:hover, a:active {
	color:#0000ff;
	text-decoration:none;
}

a {outline:none;}

img {
    display:block;
	border:none;
}


/* Site Structure Start */


#frame {
	margin:0 auto;
	width:964px;
	text-align:left;
}

#userFields{
    background:url(images/userFieldsBG.png) no-repeat right center;
	float:right;
	width:349px;
}
#userFields.logged-in{
    background:none;
	color:#fff;
	text-align:right;
	}
	#userFields.logged-in a, #userFields.logged-in a:visited { color:#689dd7; }
	#userFields.logged-in a:hover { color:#00FFCC; }
#userFields #go{
	float:left;
	width:49px;
	height:20px;
	padding:0 0 2px 17px;
	border:none;
	margin:4px 0 0 10px;
	background:transparent;
	color:#fff;
}
#userFields .inpt{
	float:left;
	width:73px;
	height:18px;
	padding:3px;
	border:none;
	/*margin:3px 0 0 10px;*/
	background:transparent;
	color:#929292;
	margin-top:4px;
}
#userFieldsText{
    float:left;
	text-align:right;
	font-size:10px;
	line-height:12px;
	color:#929292;
	margin-top:8px;
}

#loggedIn{
	width:230px;
	height:70px;
	margin:23px 0 0 4px;
	background-color:#004a70;
}

#logoAndFlash {
	width:964px;
	height:321px;
	margin-top:10px;
	position:relative;
}

#logoAndFlash.short { 
	height:162px;
}

#logoDiv {width:100px; height:118px; position:absolute; top:20px; left:20px; z-index:10;}
#logoDiv a {display:block; width:100px; height:118px;}
#logoDiv span {display:none}







/* -----[ START DROP DOWN MENU ]----- */




#nav {
    float:left;
	width:964px;
	height:49px;
	/*background:url(images/nav.gif) no-repeat;*/
}


/* Float list to make it horizontal.  Add a relative positon to control the dropdown menu positon */
#nav li, #nav ul{
    float:left;
	position:relative;
	list-style:none;
}

#nav span {display:none;}

.menu ul a{
    display:block;
	height:49px;
}


#nav-1, #nav-1 a {width: 104px; background:url(images/nav.gif) no-repeat 0 0}
#nav-2, #nav-2 a {width: 139px; background:url(images/nav.gif) no-repeat -104px 0}
#nav-3, #nav-3 a {width: 156px; background:url(images/nav.gif) no-repeat -243px 0}
#nav-4, #nav-4 a {width: 131px; background:url(images/nav.gif) no-repeat -399px 0}
#nav-5, #nav-5 a {width: 106px; background:url(images/nav.gif) no-repeat -530px 0}
#nav-6, #nav-6 a {width: 129px; background:url(images/nav.gif) no-repeat -636px 0}
#nav-7, #nav-7 a {width: 199px; background:url(images/nav.gif) no-repeat -765px 0}

#nav-1 #link1:hover, #nav-1 .current {background: url(images/nav.gif) 0 -49px no-repeat;}
#nav-2 #link2:hover, #nav-2 .current {background: url(images/nav.gif) -104px -49px no-repeat;}
#nav-3 #link3:hover, #nav-3 .current {background: url(images/nav.gif) -243px -49px no-repeat;}
#nav-4 #link4:hover, #nav-4 .current {background: url(images/nav.gif) -399px -49px no-repeat;}
#nav-5 #link5:hover, #nav-5 .current {background: url(images/nav.gif) -530px -49px no-repeat;}
#nav-6 #link6:hover, #nav-6 .current {background: url(images/nav.gif) -636px -49px no-repeat;}
#nav-7 #link7:hover, #nav-7 .current {background: url(images/nav.gif) -765px -49px no-repeat;}


/* makes nav stay in hovered state when child drops are active */
.menu :hover > #link2 {
	background: url(images/nav.gif) -101px -49px no-repeat;
}
.menu :hover > #link4 {
	background: url(images/nav.gif) -389px -49px no-repeat;
}




/* -----[ SECOND LEVEL LINKS ]----- */


/* hide the sub levels and give them a positon absolute so they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
    visibility:visible;
}

.menu ul ul a {
	background:#f0f0f0;
	color:#111;
	font-weight:bold;
	height:35px;
	padding:10px;
	border:1px solid #999;
	border-top:none;
}


.menu ul ul a:hover{
	background:#000;
	color:#fff;
	cursor:pointer;
}


/* controls drop navs dimensions */
.menu ul #nav-2 ul a, .menu ul #nav-2 ul a:visited { width: 117px;}
.menu ul #nav-4 ul a, .menu ul #nav-5 ul a:visited { width: 111px;}




/* -----[ START IE BROWSER HACKS ]----- */


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
    width:149px;
	w\idth:138px;
}


/* another hack for IE5.5 */
* html .menu ul ul {
	top:89px;
	t\op:90px;
}


/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
    width:170px;
	w\idth:148px;
}


/* Style the table so that it takes no part in the layout - required for IE to work */
.menu table {
    position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}


/* -----[ END IE BROWSER HACKS ]----- */









/* -----[ END DROP DOWN MENU ]----- */



/* Start Service DIVS */

#dist1 {
	width:370px;
	width/* */:/**/111px; 
	width: /**/111px;
	height:555px;
	float:left;
	color:#FFFFFF;
	margin-left:-20px;
	margin-right:-10px;
	margin-top:-6px;
	font-size:10px;
	padding:55px 230px 0 39px;
	background: url(images/serv_dist_1.jpg) no-repeat top left;
}

#dist2 {
	width:370px;
	width/* */:/**/198px; 
	width: /**/198px;
	height:555px;
	float:left;
	margin-right:-20px;
	margin-top:-6px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:153px 156px 0 16px;
	background: url(images/serv_dist_2.jpg) no-repeat top left;
}

#trans1 {
	width:370px;
	width/* */:/**/111px; 
	width: /**/111px;
	height:555px;
	float:left;
	color:#FFFFFF;
	margin-left:-20px;
	margin-right:-10px;
	margin-top:-6px;
	font-size:10px;
	padding:55px 230px 0 39px;
	background: url(images/serv_trans_1.jpg) no-repeat top left;
}

#trans2 {
	width:370px;
	width/* */:/**/292px; 
	width: /**/292px;
	height:555px;
	float:left;
	margin-right:-20px;
	margin-top:-6px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:117px 47px 0 31px;
	background: url(images/serv_trans_2.jpg) no-repeat top left;
}

#storm1 {
	width:370px;
	width/* */:/**/111px; 
	width: /**/111px;
	height:555px;
	float:left;
	color:#FFFFFF;
	margin-left:-20px;
	margin-right:-10px;
	margin-top:-6px;
	font-size:10px;
	padding:55px 230px 0 39px;
	background: url(images/serv_storm_1.jpg) no-repeat top left;
}

#storm2 {
	width:370px;
	width/* */:/**/292px; 
	width: /**/292px;
	height:555px;
	float:left;
	margin-right:-20px;
	margin-top:-6px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:117px 47px 0 31px;
	background: url(images/serv_storm_2.jpg) no-repeat top left;
}

#tech1 {
	width:370px;
	width/* */:/**/111px; 
	width: /**/111px;
	height:555px;
	float:left;
	color:#FFFFFF;
	margin-left:-20px;
	margin-right:-10px;
	margin-top:-6px;
	font-size:10px;
	padding:55px 230px 0 39px;
	background: url(images/serv_tech_1.jpg) no-repeat top left;
}

#tech2 {
	width:370px;
	width/* */:/**/292px; 
	width: /**/292px;
	height:555px;
	float:left;
	margin-right:-20px;
	margin-top:-6px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:10px 47px 0 31px;
	background: url(images/serv_tech_2.jpg) no-repeat top left;
}

/* End Service DIVS */


#content {
    clear:both;
    padding:0 0 20px 0;
	background:#fff;
}
	
	#content p {
	margin-left:20px;
	}


#contentLeft {
    float:left;
	width:230px;
	height:342px;
	margin:20px 0 0 20px;
}

#contentLeftLinks {
    display:block;
	width:230px;
	height:100px;
	background:url(images/services_btn.jpg) no-repeat top left;
}
	#contentLeftLinks a:hover {
		display:block;
		width:220px;
		height:100px;
		background:url(images/services_btn.jpg) no-repeat -100px 0;
		border:solid thick #c61919;
	}
	
	#contentLeftLinks span{
		display:none;
	}

#contentLeftLinks2 {
    display:block;
	width:230px;
	height:220px;
	margin-top:20px;
	background:url(images/electrical_btn.jpg) no-repeat top left;
}
	#contentLeftLinks2 a:hover {
		display:block;
		width:230px;
		height:220px;
		background:url(images/electrical_btn.jpg) no-repeat -220px 0;
		border:solid thick #c61919;
	}
	#contentLeftLinks2 span{
		display:none;
	}



#contentCenter {
    float:left;
    width:279px;
	height:272px;
	padding:50px 20px 20px 20px;
	margin:20px 28px 0 28px;
	background:url(images/recentNewsBG.jpg) no-repeat;
	overflow-y:hidden;
}
#contentCenter p{
    padding-bottom:10px;
    background:url(images/contentCenterPBG.png) no-repeat center bottom;
}


#contentRight {
    float:left;
    width:279px;
	height:272px;
	padding:50px 20px 20px 20px;
	margin-top:20px;
	background:url(images/letterFromThePresBG.jpg) no-repeat;
	overflow-y:hidden;
}
#contentRightImg{
    float:left;
	margin:10px 10px 7px 0;
}
#contentRight h6{
    margin:6px 0 0 0;
}
#contentRight p{
	margin-top:3px;
}


#footer {
	padding:25px 20px;
	color:#929292;
	background:#fff url(images/footerBG.png) no-repeat;
}
#footer span{
    float:right;
}
#footer ul li {
    list-style:none;
	display:inline;
}

#smallContent {
	float:left; 
	width:760px; 
	width/* */:/**/720px; 
	width: /**/720px;
	padding:6px 20px 0 20px; 
	margin-top:0px;
	background-color:#FFFFFF;
}

#smallContentSmaller {
	float:left; 
	width:485px; 
	width/* */:/**/445px; 
	width: /**/445px;
	padding:6px 20px 0 20px; 
	margin-top:0px;
	background-color:#FFFFFF;
}

#rightSmall {width:232px; float:left; padding:15px; margin-left:15px; color:#fff;}

/* Site Structure End */



/* Custom Class Names */


#subPageDivContent img{
    float:left;
	margin-right:25px;
}

#subPageDivContent ul{
    list-style-position:inside;
}



.clear {clear:both;width:1px;height:1px;}

.imgFLeft{float:left;margin:0 10px 10px 0;}

.error, a.error, a.error:visited, a.error:hover {color:#900;}

.bold {font-weight:bold;}

.center{text-align:center;}
 
.centerSafari img{margin:0 auto;}

h1.part-width { width:721px; margin:0; border-right:1px solid #950000; float:left; }
h1.side-header { width:202px; float:left; margin:0; }

/* Custom Class Names End */

.form {border:1px solid #830000; font-size:12px; padding:5px; background-color:#ae0000; color:#FFFFFF}
.form:focus {border:1px solid #c5c5c5;}
#btn, .button, a.button, a.button:visited, a.button:active, a.button:hover {background:#950000; border:2px solid #BF0000; color:#fff; font-size:14px; cursor:pointer; padding:4px 16px;}
#btn:hover, .button:hover, a.button:hover {background:#BF0000; border:2px solid #EF0000;}

a#signUp-button, a#signUp-button:visited, a#signUp-button:active, a#signUp-button:hover { display:block; background:url(images/sign-up.gif) 0 0 no-repeat; width:183px; height:43px; overflow:hidden; text-indent:-800px; }
a#signUp-button:hover { background-position:0 -43px; }

/*Sub Nav Styles*/

#subnavcontainer {
	width:200px;
	height:100%;
	float:left;
	background-color:#680000;
}

.subNav { margin:0px 0 0 0;float:left; width:200px; border:1px solid #8F0000; height:100%;}
.subNav a, .subNav a:visited, .subNav a:hover{text-decoration:none; color:#fff;}
.subNav a:hover{text-decoration:none; color:#fff;}
/*.subNav a:hover{color:#fff; background:#000;}*/
	.level1.even, .level1.odd {display:block; background:#7F0709; padding:12px 10px 12px 20px; color:#fff; border-top:#5F0000 1px solid; border-bottom:1px solid #8F0000;}
	.level1.even:hover, .level1.odd:hover {background:#5F0000; border-bottom:1px solid #5F0000;}
	
	.level2.even, .level2.odd {display:block; background:#7F0709; padding:12px 10px 12px 40px; color:#fff; border-top:#5F0000 1px solid; border-bottom:1px solid #8F0000;}
	.level2.even:hover, .level2.odd:hover {background:#5F0000; border-bottom:1px solid #5F0000;}
	
	.currentPage {font-weight:bold; background:#5F0000 !important; border-bottom:1px solid #5F0000 !important;}
	.currentPage:hover {font-weight:bold; background:#5F0000 !important; border-bottom:1px solid #5F0000 !important;}
.subNav ul { margin:0; padding:0; list-style:none; }
.subNav ul li { margin:0; padding:0; }
.subNav ul li a, .subNav ul li a:visited, .subNav ul li a:hover { display:block; height:auto; background:#7F0709; padding:12px 10px 12px 40px; color:#fff; border-top:#5F0000 1px solid; border-bottom:1px solid #8F0000; }
.subNav ul li a:hover { background:#5F0000; border-bottom:1px solid #5F0000; }
.subNav ul ul li a { padding:12px 10px 12px 60px; }
.subNav ul ul ul li a { padding:12px 10px 12px 80px; }
.subNav ul ul ul ul li a { padding:12px 10px 12px 100px; }


/*HEADINGS*/
.headings {margin-bottom:0;}	


#member-left { width:520px; float:left; }
#member-pageeditor { padding:0 15px 0 0; }
#member-pageeditor p { margin-left:0; }
#member-right { width:200px; float:left; }
.news-item { padding:0 0 15px; }
.news-item .news-title { font-weight:bold; }