/* Universal --------------------------------------  */

body{

font-family: eurostyle, arial, sans-serf;
color: black;
background: #3e62ad;
}

h1 {
color: #5280A2;
font-size: 1em;
}

h2 {
disiplay: block;
color: #0F226E;
border-bottom: 1px solid #0F226E;
padding-left: 0px;
margin-top: 20px;
font-size: 0.8em;
}

h3 {
display: block;
padding-left: 0px;
margin: 2em 0;
font-size: 12px;
color: #212f63;
}

em {
font-size: 0.8em;
color: #0F226E
}

a {

color: #5583c9;

}





/*
p, ul, ol, .text {  /* The .text class created as a way to apply the font and line-height to areas where the other tags wouldn't be a good idea. Used in the form in contact page 
font-size: 0.8em;
line-height: 1.4em;

} */

.blackBorder{
	border: 1px solid black;
	margin: 5px;
	}

/* Navigation ------------------------------------- 

Main Horizontal Naviagation:-
Menu-1; the blue strip at the top

*/


	
div.menu-1 a   {	
	
	display: block;
	color:           #ffffff;
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	font-size: 	0.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
	float: left;
	border-right: 1px solid #212F63;
	padding-top: 5px;
	text-decoration: none;
	text-align:      center;
	width: 100%;
	height:          100%;
	line-height:	20px;

 }

a.MENU-1-ON{
	background: #0F226E;
	}
	
div.menu-1 a:hover {
	background: #0F226E;
	}
	
	
div.menu-1 table  {	
background: url(images/menu-1_background.gif) repeat #0f226e; 
width: 760px;
height: 35px;
valign: center;
cellspacing: 0;
cellpadding: 0;
 }

div.menu-1 table tr td {
vertical-align: middle;
background: url(images/menu-1.a.border-left.gif) no-repeat top left;
padding: 0;
width: auto;
}


table td {
margin: 0;
padding: 0;
spacing: 0;
}


/* ----- Menu 2 ----------------------------------------------------------------
As seen in the gutter.
Left Menu on all pages other than the home page

*/


a.MENU-2, a.MENU-2-ON {
border-top: 1px solid #808080;

display: block;
padding: 6px 15px;
text-decoration: none;
font-family: arial;
 
margin-top: -2px;
}

a.MENU-2 {
	color: #3e62ad;
	background:#C8C8C8;
	}


a.MENU-2:hover{
background-color: #3e62ad;
color: white;
}

a.MENU-2-ON{
background-color: #3e62ad;
color: white;
}

a.MENU-3, a.MENU-3-ON {
font-size: 0.7em;

padding-left: 30px;
padding-bottom: 3px;
display: block;
margin-top: -1px;
text-decoration: none;
}

a.MENU-3 {
	background: #c8c8c8;
	color: #5583c9;
	}

a.MENU-3:hover {
background-color: #808080;
color: white;
}

/*
a.MENU-3-ON {
	background: #808080;
	color: white;	
} */

a.MENU-3-ON {
	background: #c8c8c8;
	color: #303c4a;	
	font-weight: bold;
}

span.MENU-3 {
display: block;
}


/* Table on the main page for the submenu ------------ */

.formatContent h2 {
display: block;
color: #0F226E;
border-bottom: 1px solid #0F226E;
padding-left: 25px;
margin-top: 20px;
font-size: 0.8em;
font-family: arial;
}

.formatContent ul {
list-style: none;
padding: 25px;
}


.homepageMenu a{
margin-left: 25px;
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
text-decoration: none;
color: #303c4a;
}

.homepageMenu a:hover{
text-decoration: underline;
}



/* ------------------------ the header -------------------------------------------

This applies to the home page only

------  */

.middle-column {
display: block;
position: relative;
padding: 0 15px 0 15px;
font-family: arial;
font-size: 0.71em;
text-align: justify;
line-height: 1.5em;
color: white;
}

/* The header extas are the light blue column -- the right-most on the header strip */

table.headerExtras a img {  
float: right;
padding: 3px;
margin: 3px;
border: 1px solid black;
clear: right;	
vertical-align: middle;
}



table.headerExtras p, table.headerExtras h3{
margin: 0 10px;
margin-left: 10px;
padding: 0;
font-family: eurostyle, arial;
float: left;
clear: left;
}

table.headerExtras h3{
color: orange;
font-size: 2em;
}

table.headerExtras p{
color: white;
font-size: 1em;
}





/* format for the main content area -- originally only applies to home page; add span around content area to reach all pages ----- */
td.mainContentArea {
background: url(../.control/images/content.td.background.jpg) bottom no-repeat;
}

/* The all.footer footer */

div.FOOTER a{
color: white;
}

div.FOOTER {

font-size: 0.8em;

}

/* Extras and Workarounds.  ------------------ 

side column created to handle the extra column on the air conditioning page without using tables  

The float items tags can be used to float images that appear side-by-side 
*/


.sideColumn {
margin: 0 0px 0 25px;
}

.sideColumn, .floatItems img{  
float: left;
clear: none;
margin-right: 10px;
vertical-align: middle;
}

table.floatItems img{
float: left;
margin:0px 5px;
vertical-align: bottom;

}

.leftIndent {
	display: block;
	margin-left: 20px;
	}
	
.doubleSpaced{
	line-height: 2em;
	}
	
.center {
	display: block;
	width: 100%;
	text-align: center;
	}
	
.brownBackground {
	background: #c8c8c8;
	}

.infoBox{
	display: block;
	float: right;
	border: 1px solid #0F226E;
	background: #c8c8c8;
	margin: 10px;
	padding: 5px;
	width: 150px;
	}
	
	.imagebackground
	{
	background-image:url(/010~Home/content.bg.jpg);
  background-position: bottom;
  background-repeat:no-repeat;
  background-color: #ffffff;
	}
	
div.rebate-div img{
	border: 1px solid #5583c9;
	}
	
/* Dynamic events ------------------------- */


/* Other ---------------- */
span.right {
float: right;
align:top;
display: block;

}

div.center-items {
overflow: visible;
margin-left: 135px;
}

.caption{
	font-size: 10px;
}