body{
	text-align: center;	/*used to keep content centered in browser window for older browsers*/
	font: 80% Verdana,Arial,sans-serif; /*"Trebuchet MS",Verdana,sans-serif*/
	margin: 0;
	padding: 0;
	background: #3e6083 url(../../images/mainbkg.gif) repeat-y 50% 0%;
}

/*Styling of general Selectors*/

a:link,a:visited{
text-decoration: none;	
}


/*BEGIN SECONDARY PAGE BOX LAYOUT*/
#containingbox /*INLINE CENTERED ON PAGE*/
{
width: 740px; /*fixed  width */
margin: 0px auto; /*auto centers the div in the browser window, 10px top/bottom margins*/
color: #333; /*text color of main containing div*/
text-align: left; /*brings the alignment of text back to left. Refer to body text-align tag.*/
/*border: 10px solid #fff; /*10 px white border to give illusion of a page* replaced with margin on each div*/
background-color: #fff; /*give page complete white background*/
}

/*LOGO AND TOP LEVEL NAVIGATION*/ 
#branding{
position: relative;
margin: 0px 0 5px 0 ; /*creates the 10px white border on left and right and 5px space above branding box*/
padding: 0;
height: 25px;
  }

/*Begin Top Level Navigation*/
ul#topnav
{
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;/*positioned according to the containing block "branding"*/
bottom: 0;/*aligns the navigation to sit on the baseline of the splash box*/
left: 0;
color: #333;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 85%;
}
ul#topnav li {display: inline;}
ul#topnav li a{
color: #333;
padding: 0.2em .5em;
text-decoration: none;
border-right: 1px solid #ccc;
}
ul#topnav li a:hover{
background-color: #333;
color: #fff;
}

/*End Top Level Navigation*/
/*HOME PAGE SPLASH GRAPHIC WITH WORDING*/
#splash{
	position: relative;
	margin: 0;
	background-color: #ccc;
	/*border-top: 15px solid #e5322c;*/
	/*height: 200px;*/
	background-image: ;
	background-repeat : no-repeat;
	background-position : top right;
}
.splashimgtext{
	position: absolute;
	bottom: 0;
	left: 0px;
}

/*BEGIN 2 COLUMN SECONDARY PAGE LAYOUT*/
#left{
	float: left;
	width: 165px;
	margin: 0;
	}
	
/* Hide from IE5-mac. Only IE-win sees this. Holly Hack for 3px gap aligning near floated items\*/
 * html #left {
  margin-right: 5px;
  }
 
* html #content {
  height: 1%;
  margin-left: 0;
  }
 /* End hide from IE5/mac */



/*Begin Left Navigation*/
#navcontainer{
font-size: 85%;
margin: 0 0 1em 0;
padding: 0;
width: 165px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li {margin: 0; border-bottom: 1px solid #a0b6cc;}

#navcontainer li a
{
display: block;
padding: 6px 5px;
color: #2c445c;
background-color: #89a3bd; 
border-left: 5px solid #466889;
border-right: 5px solid #6988a7;
text-decoration: none;
width: 145px;
}
#navcontainer li a:hover
{
color: #f9f8f2;
background-color: #3e6083;
border-right: 5px solid #466889;
border-left: 5px solid #6988a7;
}


/*End Left Navigation*/
#breadcrumb{
margin: 0 0 10px 0 ;
padding: 0.25em 0.50em;
font-size: 80%;
background-color:#474f58;
color: #f9f8f2;
}
#breadcrumb a:link, #breadcrumb a:visited{
	color: #f9f8f2;
}
/*Begin Content Section*/
#content{
	line-height: 1.6em; /*line height to increase readability, inherited by descendant divs*/
	margin: 0 0 0 170px;
	padding: 10px  0 10px;
	background-color: #f9f8f2;
	font-size: 85%;
	}
	#content p, #content h1, #content h2, #content h3{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	}

	#content h1{
	margin-top: 0;
	padding: 0;
	font-weight: bold;
	font-size: 150%;
	color: #154270;
	font-family : Arial, Helvetica, sans-serif;
}
#content h2{
	margin-top: 0;
	padding:0;
	font-weight: bold; 
	font-size: 130% ;
	color: #154270;
	font-family : Arial, Helvetica, sans-serif;
}

#content h3{
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
	font-weight: bold;
	font-size: 170% ;
	color: #154270;
	font-family : Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	
}

#content em {
	font-weight: bold;
	font-style: italic;
	color: #154270;
}


#cleardiv	{
clear: both;
height: 1em;
}
#footer{ /*INLINE WITH CLEAR:BOTH TO CLEAR ANY FLOATED ITEMS ABOVE*/
clear: both; /*forces the footer below any floated elements above*/
margin:  0 auto; 
width: 740px;
text-align: left;
}
#footer h3{
margin: 0 ;
padding: 0.25em;
font-size: 85%;
font-weight: normal;
color: #333;
border-top: 1px solid #333;
}

/*GENERAL COLUMN STYLING CLASSES FOR HOME PAGE 3 COL LAYOUT*/
.coltext{
	font-size: 85%;background-color: #f9f8f2; padding: 0 .5em; margin: 0;
}
.fivepxspacer{
margin: 0 0 5px 0;
padding: 0;
}
.thumbnail{
	width: 52px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}
/*Services Box*/
#box{
	background-color: #aeb9c6;
	border: 1px solid #9997b7;
		width: 250px;
		padding: 0 0 0.50em 0;
	float: right;
	margin: 0 5px 10px 10px;
}
#box p{
font-size: 85%;	
color: #5f6a76;
line-height:1.3em;
padding: 0 0.25em;

}

#box h3{color: #40474f;margin: 0 0 0 10px; padding: 0 0.25em;}
#box h2{
margin: 0 0 5px 0;
background-color: #40474f;
color: #f9f8f2;
border-bottom: 1px solid #9997b7;
padding: 0.25em 0.50em;
}
#callbox{
	float:right;
	margin: 0 10px 10px 5px;
	padding: 0 0 0.5em 0;
	width: 200px;
	background: #f5b1af url(../../images/callbox_bkg.jpg) no-repeat top;
		}
#callbox h4{
font-weight: normal;
color: #333;
line-height:1.3em;
padding: 0.50em 0.75em;
margin: 0;
font-size: 85%;
}
#callbox h2{
color: #333;	
margin-bottom: 5px;
padding: 0.5em 0.15em 0.25em;
font-size: 120%;
}

.floatleft
{
float: left;
margin: 0 10px 5px 0;
}
.floatright
{
	float: right;
	margin: 0 5px 5px 5px;
}

#benes
{
	background: url(../../images/benes_bkg.gif) no-repeat;
	margin: 0px 0px 10px 50px;
	height: 125px;


}
#benes ul{
	font: bold small-caps 120% Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	/*url(../../images/check.gif);
	*/
	padding: 0;
	margin: 25px 0 0 115px;
	color: #154270;
}

#benes li{padding-bottom: 10px;}