﻿* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
}

ul {
	list-style-type:none;
	padding:10px;
	margin:0px;
}

li {
	background-image:url('/img/bullet.png');
	background-repeat:no-repeat;
	background-position:0px 0px; 
	padding-left:35px;
	padding-bottom:20px;
	padding-top:7px;
}

body {
	background:url(../img/bg_tile.gif);
	background-color:#586786;
	margin-left: 0px;
	margin-top: 0px;
	background-position:top;
	background-attachment:fixed;
	background-repeat:repeat-x;
}

#container {
	background: url('img/bg_color.png') repeat;
	background-position: center;
	width: 950px;
}
#content {
	background: url('img/main_box.png') repeat-x;
	background-position: top center;
}

/* Additional Styles used during non-flash conversion 6-11-09 */

#headercontainer	{
	width: 950px;
	margin: 0 auto;
	margin-top: 5px;
}
#topnav	{
	text-align:right;
	margin:0;
	padding:0;
	padding-right:10px;
	height:25px;
}
#topnav img 	{
	padding-left:1px;
}
#subnav	{
	height:22px;
	background-image: url(img/subnav-bkgd.gif);
	padding-right:135px;
	text-align:right;
	line-height: 19px;
}
#subnav a:visited, #subnav a:link	{
	color: #262f43;
	text-decoration:none;
}
#subnav a:hover	{
	color: #FFFFFF;
	text-decoration:none;
}
#services-subnav	{
	margin-right: 190px;
}
#tagline	{
	background-color: #262f43;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	line-height: 25px;
	font-size:14px;
}
#pgcontent	{
	min-height: 500px;
}

/*PNG IMAGES*/
#bhb {
	width: 325px;
	height: 244px;
	background: url('img/bighousebackup.swf');
	/*cursor: hand;
	cursor: pointer;*/
}

#flashContent { 
	width:100%; 
	height:100%; 
}


#home {
	width: 330px;
	height: 280px;
}
#bus {
	width: 200px;
	height: 200px;
	background: url('img/business.png');
}
#res {
	width: 200px;
	height: 200px;
	background: url('img/residential.png');
}
#swat {
	width: 200px;
	height: 200px;
	background: url('img/swat.png');
}

/*NAVIGATION*/
#nav {
	position: relative;
	top: 200px;
	left: 332px;
	width: 200px;
	height: 25px;
}

/*Plain Text*/
.greySlogan {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	text-align: center; 
	color: #666666; 
	font-weight:bold;
	}
	
.greyDate {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align: right; 
	color: #999999; 
	font-weight: normal;
	}
	
.copyright {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align: center; 
	color: #333333; 
	font-weight: normal;
	}
	
.selectedBold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;  
	color: #cc9900; 
	font-weight:bold;
	}
.selected {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;  
	color: #cc9900; 
	font-weight:bold;
	}
	
.button {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  
	color: #333333; 
	font-weight:bold;
	}
.input {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  
	color: #333333; 
	font-weight: normal;
	}

select, option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  
	color: #333333; 
	font-weight:normal;
	}
	
.contentLink {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;  
	color: #003366; 
	font-weight: normal;
	}

/* DARK BLUE NAVIGATION --------------------------------------------------------------------------------------*/
a.BlueBold:link {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}
a.BlueBold:active {color: #333333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}
a.BlueBold:visited {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}
a.BlueBold:hover {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}

a.Blue:link {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.Blue:active {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.Blue:visited {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.Blue:hover {color: #003366; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a.AltNav:link {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.AltNav:active {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.AltNav:visited {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.AltNav:hover {color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a.ContentLink:link {color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.ContentLink:active {color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.ContentLink:visited {color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a.ContentLink:hover {color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a.Copyright:link {color: #333333; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
a.Copyright:active {color: #333333; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
a.Copyright:visited {color: #333333; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
a.Copyright:hover {color: #333333; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

/*==============================================*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px arial}

#sddm li a
{	display: block;
	padding: 4px 10px;
	width: 75px;
	color: #003366;
	text-align: center;
	text-decoration: underline;
	font: bold 18px arial}

/*#sddm li a:hover
{	background: #49A3FF}
*/

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-left: 11px;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #003366}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #EAEBD8;
		color: #666666;
		font: 12px arial}

	#sddm div a:hover
	{	background: #003366;
		color: #ffffff}