/*holds the entired background image of the page*/
#BackgroundContainer{
	background: #031829 url("../images/body_background.jpg") repeat-x;
	margin: 0px;
	padding: 0px;}

/*contains top header content logo, tNav, gNav, and sNav*/
#HeaderContainer{
	clear: both;
	height: 108px;
	margin: 0px auto auto auto;
	width: 840px;}
	
/*top logo in the header*/
#logo{
	float: left;
	height: 60px;
	width: 100px;}
	
/*top navigation bar in header div*/
#tNav{
	float: right;
	height: 60px;
	margin-top: 0px;
	padding: 0px;
	width: 740px;}
	
/*1st navigation bar*/
#gNav{
	clear: both;
	height: 20px;
	padding: 0px;
	width: 840px;}
	
/*contains drop down list navigation*/	
#sNav{
	background-color: #004B85;
	clear: both;
	height: 28px; /*this seems 2 px off, but IE looks better this way Firefox is fine as well*/
	margin: 0px;
	padding: 0px;
	width: 840px;}

/*****************begin the contain area divs*****************/

	
/*container div for bCrumb, subNav, pgTxt or bCrumb, lftSide and rgtSide*/	
#contentContainer{
	background: #ffffff url(../images/gradient_content.gif) repeat-y;
	clear: both;
	margin: 0px auto auto auto;
	padding: 0px;
	width: 840px;}

#contentContainerSResults{
	background: #ffffff;
	clear: both;
	margin: 0px auto auto auto;
	padding: 0px;
	width: 840px;}
	
/*breadcrumb placement on the page*/
#bCrumb{
	clear: both;
	height: 30px;
	width: 840px;}
	
/*divs used in the contentContainer for the subnav and content layout*/	
#subNav{
	float: left;
	width: 150px;}	

#pgTxt{	
	float: right;
	width: 690px;}
	
/*divs used in the contentContainer for the 2 column layout*/	
#lftSide{	
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 418px;}
	
#rgtSide{	
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	vertical-align: top;
	width: 420px;}

/*3 column layout pages*/	
#threeColumn{
	 width:280px; 
	 float:left;}
	 
/*4 column layout, to be used with lftside and rgtside IDs*/	
#qtrPg{	
	float: left;
	margin: 0px;
	padding: 0px;
	width: 50%;}
	
/*container for columns across bottom of child pages*/
#contentRow {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 840px;}

#imageRound{
	float: left;
	margin: 0px;
	padding: 20px 0px 10px 20px;
	vertical-align: top;}

#bySquare{
	float: left;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 20px;
	vertical-align: top;}
	
#bySquareR{
	float: left;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 20px;
	vertical-align: top;
	height: 175px;}	
		
/*footer region containing the horizontal rule and navigation links*/
#footerContainer{
	clear: both;
	height: 50px;
	width: 840px;
	margin-bottom: 25px;}
	
#footerHR {
	background: url(../images/gradient_footerHR.jpg) repeat-x;
	height: 5px;
	margin-top: 20px;
	padding: 0px;}