@import url("jefferson_default_de.css");

/* h1-h6 are the only ones that should have no preceding selectors, large margins and padding will not look good in te paragraph style drop down */
h1 { /* titleBarContainer */
	color:#ffffff;
	font:normal 26px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0 3px 0;/* this is a firefox bug fix */
}

h2 {
	color:#252525;
	font:normal 20px Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;/* this is a firefox bug fix */
}

h3 { /* block title */
	color:#1868a3;
	font:bold 19px Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px 0 10px 0;/* this is a firefox bug fix */
	line-height: 14px;
	border-bottom: 2px dotted #d0cfcb;
}

h4{/* block links  */
	color:#000000;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0px;
	text-transform: uppercase;
	line-height: 14px;
	padding:0px;/* this is a firefox bug fix */	
}

h5{
	color:#333;
	font:bold 14px Arial, Helvetica, sans-serif;		
	margin:0px;
	padding:0px;/* this is a firefox fix */	
}

h6 {
	color:#252525;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform: none;
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
}

.learnMore {
	background: url(images/bg_learnMore.gif) no-repeat left;
	padding: 0 0 0 18px !important;
	font-size: 11px !important;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
.learnMore a {
	text-decoration: underline !important;
}

.titanBody {
 	background: url(images/bg_titanBody_home.jpg) repeat-x #f4f2e5;
}


#pageTopArea{
	float: left;
	clear: both;
	margin:0 0px 0px 0px !important;
	padding:0px 0px 0 0px;
	width: 930px;
	height: 80px;
	overflow: hidden;
	background: url(images/bg_pageTopArea.gif) no-repeat top right;
	/* position:relative; used if absolute positioning is used, dont' use with overflow - currently not used for this css */
}

/* logoControlContainer will display on left, utililtyNavContainer and searchBarContainer on right */
#logoControlContainer{
	float:left;
	height:104px; /* of logo image */
	margin:15px 0px 0 45px;  /* in addition to logo */
	width:215px; /* of logo image */	
}
*html #logoControlContainer{
	
}

#utilityNavContainer {
	float:left; /* of logo */
	height:20px;
	margin:8px 0px 0px 0px;
	overflow:hidden; 
	text-align:right; 	
	position: relative;
	width:539px; /* width to fill space and place better - in relation to logo and search bar */
}
*html #utilityNavContainer {
	width:490px;
}
#utilityNavContainer span {
	display: none;
}
#utilityNavContainer ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#utilityNavContainer ul li {
	display:inline;	
	margin:0px 5px; 
	padding:0px 0 0 10px; 
}
/* to make changes to default link styles */
#utilityNavContainer ul li a {
	font:11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#utilityNavContainer ul li a:link {
	color: #ffffff;
}

#utilityNavContainer ul li a:visited{
	color: #ffffff;
}

#utilityNavContainer ul li a:hover {
	color: #bcb89d;
}

#utilityNavContainer ul li a:active{
	color: #ffffff;
}
#utilityNavContainer ul li a.current{
	color: #bcb89d;
}

#searchBarContainer {
	float:right; /* of utility */
	margin: 20px 65px 0 0;
	padding:0 0 0px 0px; /* use padding because of IE doubled margin bug */
	width:280px; /* see utility notes */	
}
*html #searchBarContainer {
	width: 320px;
	margin: 20px 15px 0 0;
}

/* this set of css helps with the textbox and button heights to be equal in firefox and ie and have the top and bottom of each line up with each other */
#searchBarContainer #searchTerms{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	width:200px;	
	height: 20px;
	position: relative;
	padding: 3px 0 0 5px;
	margin: 1px 5px 0 0;
	float: left;
	color: #304b79;
}

#searchBarContainer #searchGo{
	width: 29px;
	height: 29px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg_searchGo.jpg) no-repeat;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 1px 1px;
	margin: 0;
	position: relative;
	cursor: pointer;
}

*html #searchBarContainer #searchGo{
}

#contentArea {
	overflow:hidden;
	clear:both; 
	padding:0 0px 0 0px;
	width:824px;
	margin: 0 0 0 100px;
}

#contentContainer {
	background: url(images/bg_contentContainer.gif) no-repeat top;
	float:right;  
	width:824px;	
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

#topContentContainer {/* if you're not putting images in here, you might want to add padding so text doesn't touch the container edge - or add the padding to the blocks that are in the topCenter Container */
	overflow: hidden;	
	width:823px;
	height: 192px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background: url(images/bg_top_homenew.jpg) top center no-repeat;
	border: 1px solid #bcb89d;
	border-top: none;
}
*html #topContentContainer {
}
#topContentContainer .Freeform {
	width: 336px;
	height: 86px;
	margin: 55px 0 0 0;
	padding: 5px 0 5px 15px;
	background: url(images/bg_top_Freeform.png) no-repeat;
	color: #ffffff;
}
*html #topContentContainer .Freeform {
	background: url(images/bg_top_Freeform.gif) no-repeat;
}
#topContentContainer .Freeform a {	
	color: #ffffff;
}
#topContentContainer .Freeform p {	
	padding-right: 30px;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#centerZone {
	float: left;
	display: block;
	width: 584px;
	position: relative;
	/*background: url(images/home_image.gif) no-repeat bottom right;*/
}
#centerZone h4 {
	color: #252525;
	font-size: 14px;
	font-family: Arial, Arial, sans-serif;
}
#centerZone h4 a:link,
#centerZone h4 a:active,
#centerZone h4 a:visited{
	color: #252525 !important;
	font-weight: bold !important;
	text-transform: none !important;
}
#centerZone h4 a:hover{
	color: #1868a3 !important;
}
#centerZone .Aggregation {
	float: left;
	width: 580px;
	/*background: #fafaf5;*/
	padding: 0;
	margin: 0 0 0 5px;
	/*border-bottom: 4px solid #f4f2e5;
	border-left: 4px solid #f4f2e5;*/
}
*html #centerZone .Aggregation {
	width: 579px;
	margin: 0 0 0 3px;
}
#centerZone .Aggregation h3 {
	width: 310px;
	margin-bottom: 15px;
	padding-top: 20px;
	margin-left: 20px;
}
#centerZone .Aggregation .OneCol {
	width: 564px;
	margin: 0 0 0 20px;
	padding: 0;
	height: 130px;
}
*html #centerZone .Aggregation .OneCol {
	width: 544px;
	margin: 0 0 0 10px;
}


html* #centerZone .OneCol p{
	width: 300px;
}
*html #centerZone .OneCol p{
	width: 300px;
}
#centerZone .OneCol .image a img,
#centerZone .TOCBlock .OneCol .image a img,
#centerZone .Aggregation .OneCol .image a img{
	float: right;
	border: 2px solid #4b4b49;
	margin: -40px 17px 0 5px;
}
html* #centerZone .OneCol .image a img,
html* #centerZone .TOCBlock .OneCol .image a img,
html* #centerZone .Aggregation .OneCol .image a img{
	margin: 0 17px 0 5px !important;
	position: relative;
	top: -45px;
}
*html #centerZone .OneCol .image a img,
*html #centerZone .TOCBlock .OneCol .image a img,
*html #centerZone .Aggregation .OneCol .image a img{
	margin: 0 0 -150px 0 !important;
	position: relative;
	top: -45px;
}


#centerZone .TOCBlock .TwoCol,
#centerZone .Aggregation .TwoCol {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

#centerZone .TOCBlock .TwoCol div,
#centerZone .Aggregation .TwoCol div {
	/*border-left: 4px solid #f4f2e5;*/
	width: 268px !important;
	padding: 30px 8px 15px 11px !important;
	margin: 0 0 0 0 !important;
}
html* #centerZone .TOCBlock .TwoCol div,
html* #centerZone .Aggregation .TwoCol div {
	padding: 15px 8px 15px 10px !important;
}
*html #centerZone .TOCBlock .TwoCol div,
*html #centerZone .Aggregation .TwoCol div {
	width: 279px !important;
	padding: 12px 10px 15px 0 !important;
	margin: 0 0 0 0 !important;
}
#centerZone .TwoCol .image a img,
#centerZone .TOCBlock .TwoCol .image a img,
#centerZone .Aggregation .TwoCol .image a img{
	float: left;
	border: 2px solid #4b4b49;
	margin: 0 8px 0 0 !important;
	width: 133px;
	height: 127px;
}
*html #centerZone .TwoCol .image a img,
*html #centerZone .TOCBlock .TwoCol .image a img,
*html #centerZone .Aggregation .TwoCol .image a img{
	margin: 0 8px 0 8px !important;
}
#centerZone .TOCBlock .TwoCol h4,
#centerZone .Aggregation .TwoCol h4 {

}
#centerZone .TOCBlock .TwoCol p,
#centerZone .Aggregation .TwoCol p {
	line-height: 14px;
}
#centerZone .TOCBlock .TwoCol p.learnMore,
#centerZone .Aggregation .TwoCol p.learnMore {
	float: right;
	width: 108px;
	text-align: left;
	margin-top: 3px;
}
#bottomZone {
	width: 830px !important;
}
#centerZone .TOCBlock  h4 a:link,
#centerZone .TOCBlock  h4 a:visited,
#centerZone .TOCBlock  h4 a:active,
#centerZone .Aggregation  h4 a:link,
#centerZone .Aggregation  h4 a:visited,
#centerZone .Aggregation  h4 a:active {
	color: #252525 !important;
}
#centerZone .TOCBlock  h4 a:hover,
#centerZone .Aggregation  h4 a:hover {
	color: #0082be !important;
}