@charset "utf-8";
/* Boyer CSS */
body{
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image: url(../images/nav/1px_repeat.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	color: #000000; /* #004a8d */
	text-align: left;
	line-height: 22px;
}

#bodyWrap{
	text-align: left;
	margin: 0;
}

#header{
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: white;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#left_nav{
	width: 200px;
	padding: 0;
	background-color: white;
	background-image: url(../images/nav/1px_repeat.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;
	margin: 0;
}
#left_nav div{
	background-color: white;
	margin: 0;
	padding: 0;
}

#main{
	padding: 0 70px 0 10px;
	background-color: white;
}

#bread_crumbs{
	font-size: 16px;
	font-weight: bold;
	color: #999;
	margin: 10px 0;
}
#bread_crumbs a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #586798;
}
#bread_crumbs a:hover{
	text-decoration: none;
	color: #95AFD0;
}
#emrgncy_srvc{
	background-color: #CA4444; 
	border: dotted 1px #900; 
	text-align: left; 
	padding: 10px; 
	color: white; 	
}
.cntct_info{
	line-height: 18px;	
}
.cntct_info h2{
	font-size: 18px;
	font-weight: normal!important;
	color: #999!important;
	border-bottom: solid 1px #ccc;
	width: 230px;
}
.cntct_info a{
	color: #06C;
	text-decoration: none;
}
.cntct_info a:hover{
	text-decoration: underline;	
}
.cntct_info p{
	padding-left: 10px;	
}

#footer{
	border-top: dotted 1px #ccc; 
	border-bottom: dotted 1px #ccc;
	padding: 5px 10px; 
	font-size: 11px; 
	color: #666;
}
#footer a{
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;	
}

img{
	margin: 0;	
	padding: 0;
}
/* clear out floating divs */
.clr{
	clear: both;	
}

/* font styles */
h1{
	font-size: 20px;
	font-weight: normal;
	color: #004a8d;
	margin: 20px 0;
}
h2{
	font-size: 18px;
	font-weight: normal;
	color: #900;
}
h3{
	margin: 5px 0;	
	font-size: 18px;
	font-weight: normal;
}
a.tran{
	color: #900;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#footer p{
	font-size: 12px;
	color: #004b8d;
}

/* dropdown menus */
.cooling ul, .heating ul{
	padding: 0;
	margin: 0;
}
.heating li, .cooling li, #energy_saving_list li{
	list-style: none;
	margin: 0;
	padding: 0;
}

div ul li a{ /* stylize the anchor tags in the dropdown menus */
	width: 150px!important;
	height: 14px!important;
	padding: 0 0 6px 5px!important;
	color: #004b8d!important;
	font-size: 14px!important;
	font-family: arial;
	text-align: left!important;
	display: block;
	text-decoration: none;
}
div ul li a:hover{
	background-color: #9dc0e0!important;	
}

div.heating, div.cooling{ /* hide the dropdown initially and set the position to hover over the page content */
	position: absolute; /* this allows the content to hover under the main anchor since it is wrapped in a position: relative */
	display: none;
	padding: 0;
	z-index: 10;
	background-color: white;
	opacity: .90;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

/*energy saving tip popup */
div#est{
	display: none;
	width: 181px;
	position: absolute;
	z-index: 10;
	margin: -15px 0 0 -54px;
	*top: 35px!important;
	*left: -55px!important;
	*margin: 0!important;
	cursor: pointer;
}
#est img, #left_nav img, #header img{
	font-size: 0;
	display: block;
}
#est #est_content{
	padding: 0 22px;
	cursor: pointer;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #6D945C;
	background-image: url(../images/energy_tip_middle.png);
	background-position: center;
	background-repeat: repeat-y;
}

/* maintenance */
#maint_tbl th{
	background-color: #004b8e;
	background-image: url(../images/maint_tbl_hd.png);
	text-align: center;
	color: white;
}

#maint_tbl tr.dark td{
	background-image: url(../images/maint_tbl_drk.png);
}