@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 22px 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 2px 0px;
	padding:0px 0 20px 0;/* this is a firefox bug fix */
	line-height: 14px;
}

h4{/* block links  */
	color:#304b79;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	line-height: 14px;
	padding:0px;/* this is a firefox bug fix */	
}

h5{
	color:#1868a3;
	font:bold 12px 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;
}


#pageTopArea{
	float: left;
	clear: both;
	margin:0 0px 0px 0px !important;
	padding:0px 0px 0 0px;
	width: 987px;
	height: 50px;
	overflow: hidden;
	/* 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:34px; /* of logo image */
	margin:10px 0px 0 75px;  /* in addition to logo */
	width:131px; /* of logo image */	
}
*html #logoControlContainer{
	margin: 10px 0 0 40px;
}
#logoControlContainer img {
	height:34px !important; /* of logo image */
	width:131px !important; /* of logo image */	
}

#utilityNavContainer {
	float:left; /* of logo */
	height:20px;
	margin:25px 0px 0px 0px;
	overflow:hidden; 
	text-align:right; 	
	position: relative;
	width:480px; /* width to fill space and place better - in relation to logo and search bar */
}
*html #utilityNavContainer {
	top: -18px;
	width: 440px;
	margin: 0;
	
}
#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: 15px 0 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: 15px 0 0 60px;
}

/* 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:890px;
	margin: 0 0 0 100px;
}

#contentContainer {
	float:left;  
	width:870px;	
	margin: 0 9px 0 0 !important;
	padding: 0 0 0 20px !important;
}
#pageTools {
	display: none;
}

#topZone {
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	width: 870px;
}
#titleBarContainer {	
	background: url(images/bg_titleBar.jpg) repeat-x;
}

#topContentContainer img {
	border: 3px solid #464646;
	margin: 0 !important;
	padding: 0 !important;
}
#topContentContainer  {
	background: #fcfbf7;
	margin: 0 !important;
	padding: 0 !important;
}
#topContentContainer .Freeform {
	margin: 0 0 0 0 !important;
	padding: 8px 8px 5px 10px; !important;
}

#centerZone {
	width: 840px;
	background: #ffffff;
	margin: 0 0 0 0 !important;
	padding: 15px  !important;
	/*background: url(images/home_image.gif) no-repeat bottom right;*/
}
#centerZone h4 {
	color: #304b79;
}
#centerZone h4 a:link,
#centerZone h4 a:active,
#centerZone h4 a:visited{
	color: #304b79 !important;
}
#centerZone h4 a:hover{
	color: #742c32 !important;
}

#centerZone .TwoCol {
	padding: 8px 0 0 0;
	margin: 0;
	border-top: 2px dotted #d0cfcb;
	background: url(images/vertical_dotted_line.gif) no-repeat center;
}
#centerZone .TwoCol div {
	padding-left: 3px;
}

.FreeformCallout {
	padding: 0 0 10px 0 !important;
	border-top: 17px solid #681920;
}
.FreeformCallout p img {
	padding: 0;
	margin: -19px 0 -15px -8px;
	position: relative;
}
html* .FreeformCallout p img {
	margin: -27px 0 -18px -8px;
}
.FreeformCallout img {
	border: 0;
	margin: 0;
	padding: 0;
}

.FreeformCallout p {
	color: #545454;
	padding: 8px 8px 0 8px;
	font-weight: bold;
}
*html .FreeformCallout p {
	padding-right: 0;
}
.FreeformCallout .learnMore {
	margin: -10px 0 0 10px !important;
}
#bottomZone {
	margin-left: 110px;
	width: 880px;
}