/* Map Electrical stylesheet - Ken McCormack May 2006 */
body 
{ 
	background-color:#1A1818;
	color:#ffffff;
	padding:20px;
	vertical-align:top;
	text-align:center;
	
	font-family:"Century Gothic", Helvetica, Arial, sans;
	font-weight:normal;
	font-size:small;
}
p { 	line-height:140%; margin:18px 0px 18px 0px; }

h1 { background-color:#333333; color:#666666; font-size:12px; margin:0px 0px 10px 0px; padding:2px; overflow:hidden; height:15px;  border-bottom:1px solid black; }
/* default font */

#main { width:594px;  margin:0px auto; background-color:#080808; }
#screen h1 
{
	font-family:"Century Gothic", Helvetica, Arial, sans;
	font-weight:bold;
	background-color:inherit;
	font-size: 130%; text-align:left;
	width:360px;
	border:0px; 
	margin:18px 0px 18px 0px; 
	overflow:visible;
	padding:0px; 
	background:none;
	color:#FFFFFF;
	/* background-image:url(../img/h1bg.png);
	background-repeat:no-repeat;
	background-position:right center; */
	clear:both;
}

img { display:block; }
#masthead 
{ 
	float:left;
	width:594px; height:80px;
	margin:0px;
	border-top:2px solid #AB7439; /*top line gold */
	border-bottom:2px solid #AB7439; /*top line gold */
	background-color:#181A1A;
}
#masthead img
{ 
	float:left;
	margin:0px;
}
#mainmenu, .mainmenubuttons
{ 
	float:left;
	width:594px; height:121px;
	margin:0px;
}

.mainmenubuttons { height:22px; border-bottom:1px solid #080808; }
#mainmenu div.col, .mainmenubuttons div.col
{
	width:198px;
	float:left;
}

#mainmenu, .mainmenubuttons, #screen, #leftnav
{
	text-align:left;
}




#screen
{
	float:right;
	clear:right;
	width: 370px; /* was 396 (minus 26) */
	padding: 6px;
	padding-right:20px;
	min-height:300px;
}

#leftnav
{
	float:left;
	width: 183px;
	padding: 7px;
	margin-top:18px; /*compensate for H1 padding etc */
}


div.clear
{ float:none; clear:both;}

div#footer
{
	float:left;
	width:594px; height: 57px;
	text-align:left; vertical-align:bottom;
	margin:30px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/Map_Electical_footer.png);
	background-repeat:no-repeat;
	background-position:top right;
}

div#footercontent
{
	float:left;
	font-size:90%;
	color:#ffffff;
	width:485px; height:15px; margin:14px 0px 2px 2px;
	text-align:left; vertical-align:baseline;
}

/*------------------------------------------------------------- link styles */

a:visited 	{ color:#999999;}
a:link 		{ color:#FFFFFF; }
a:hover 	{ color:#FFFFFF; text-decoration:underline; }

#leftnav a 
{ 	width:163px; 
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 1px 0px 20px; background-repeat:no-repeat;
	margin:0px 0px 5px 0px; 
	background-position:center left;
}

#leftnav a:visited { background-image:url(../img/leftnav_link.png); }
#leftnav a:link { background-image:url(../img/leftnav_link.png); color: #797979; }
#leftnav a:hover { background-image:url(../img/leftnav_hover.png); color:#FFFFFF;}


/* top menu links -------------------------------------------------------------------*/
.mainmenubuttons a
{
	text-align:left;
	width: 184px; /* 198px minus total horizontal padding */
	min-height:20px;
	padding:2px 7px 2px 7px;
	font-weight:normal;
	color:#ffffff; 
	font-size:100%;
	float:left;
}
.mainmenubuttons a:link { color:#ffffff; text-decoration:none; }
.mainmenubuttons a:visited { color:#ffffff; text-decoration:none; }
.mainmenubuttons a:hover { color:#ffffff; text-decoration:none; background-color:#797979; color:#000000; }


a.brown1 { 	background-color:  #52371A;}
a.brown2{background-color:#8E5F2B;}
a.brown3 {background-color:#BA7D38;} 

a.grey1 { 	background-color:  #080808;}
a.grey2{background-color:#797979;}
a.grey3 {background-color:#343434;}