@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 848px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url('../images/main-bg.png'); background-repeat:repeat-y;
	min-height:875px;
}
.oneColFixCtrHdr #header {
	position: relative;
	background-image: url('../images/main-bg.png'); background-repeat:repeat-y;
}

#logo { position:relative; top:20px; left:36px; width:116px; height:50px;}
#tagline { position:relative; top:-35px; left:598px; width:237px; height:42px; background-image:url(../images/top-tab.png); padding:0; margin:0px;}

.hr {
  height: 1px;
  background: url(/images/hr.png) no-repeat scroll center;
  width:740px;
  padding:0px;
  margin:0px;
}
.hr hr {
  display: none;
}

#nav {text-align:right; position:absolute; top:120px; right:20px; }

#nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#nav ul li {
	margin-left: 0;
	padding: 44px 44px;
	border: 0px;
	list-style: none;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	text-transform: uppercase;
	}
	
#nav ul li a {color: #000000; text-decoration:none;}
#nav ul li a:visited {color: #000000; text-decoration:none;}
#nav ul li a:active {color: #000000; text-decoration:none;}
#nav ul li a:hover {color: #3972b9; text-decoration:none;}
		
#nav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#footernav { position:relative; left:-17px; top:0px; text-align:right; background-color:#f3f3f3; height:20px; width:822px; padding-top:8px;}
	
#footernav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#footernav ul li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid #CCCCCC;
	list-style: none;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	}
	
#footernav ul li a {color: #666666; text-decoration:none;}
#footernav ul li a:visited {color: #666666; text-decoration:none;}
#footernav ul li a:active {color: #666666; text-decoration:none;}
#footernav ul li a:hover {color: #3972b9; text-decoration:none;}
		
#footernav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
#bread-gen ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #ff9;
	}
	
#bread ul li a {color: #000000;}
#bread ul li a:visited {color: #000000;}
#bread ul li a:active {color: #000000;}
#bread ul li a:hover {color: #3972b9;}	
	
#bread-gen ul li.first:before {
	content: " ";
	}

	
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url('../images/main-bg.png'); background-repeat:repeat-y;
}

#mainContent p { font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:11px; padding-left: 65px; padding-right: 35px; }
#mainContent h1 { font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:16px; padding-left: 65px; padding-right: 35px; color: #3972b9; text-transform: uppercase; }
#mainContent h2 { font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:14px; padding-left: 65px; padding-right: 35px; color: #3972b9; text-transform: uppercase; }

#text { font-family:"Trebuchet MS", "Century Gothic", Arial; padding-left: 0px; padding-right: 35px; padding-top:-40px; text-align:left; }

#text p { font-size:11px;}
#text h1 { font-size:16px; padding-left: 65px; padding-right: 35px; color: #3972b9; text-transform: uppercase; text-align:left; }
#text h2 { font-size:14px; padding-left: 65px; padding-right: 35px; color: #3972b9; text-transform: uppercase; text-align:left; }

#mainPageGraphics { position: relative; width:742px; min-height: 300px; margin-top:80px; left:60px;}
#mainGraphics { position: relative; width:742px; min-height: 600px; margin-top:80px; left:60px;}
#LeftSideLogo { position: absolute; width:42px; height:500px; left:-55px; top:0px;}
#FlashContainer { position: relative; width:742px; height:345px; padding-bottom:0px; }
#TaglineStrip { position: relative; width:737px; height:28px; background-color:#3b73b9; padding-top:5px; padding-left:5px;}
#FeaturedBox { width:742px; height:65px; background-color:#CCCCCC; text-align:right; padding-top:40px;}
#FeaturedBox h1 { font-family:"Trebuchet MS", "Century Gothic", Arial; font-size:46px; padding-right: 10px; color: #dbdbdb; text-transform: lowercase;}

.oneColFixCtrHdr #footer {
	padding: 0 30px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	background-image: url('../images/main-bg.png'); background-repeat:repeat-y;
	padding-bottom:10px;
	padding-top:20px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}