/* @override http://babcock/css/content.css */

/* = GENERIC PAGE --------------------------------------------------------*/

/* = PAGE HEADER
-------------------------------------------------*/

#page-header {
	width: 990px;
	margin: 0px auto;
	background: transparent url('../images/page_header_bg.png') repeat-y 0% 0%;
}

#page-title {
	width: 695px;
	float: right;
	padding: 14px 24px;
	background: #33758c ;
}

#page-title h1 {
	color: #fff;
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.8em;
	line-height: 1.4em;
	width: 100%;
}

#section-title {
	display: ;
	float: left;
	width: 243px;
	background: transparent url('../images/section_title_bg.png') no-repeat 0% 0%;
}

#section-title h2 {
	margin: 0px;
	padding: 14px 19px;
	width: 205px;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
}

#section-title h2 a:link,
#section-title h2 a:visited,
#section-title h2 a:active,
#section-title h2 a:hover {
	color: #fff;
	text-decoration: none;
}

/* = MAIN CONTENT AREA
-------------------------------------------------*/

#main-content-area-outer-wrapper {
	background-position: 0px 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#main-content-area-wrapper {
	background-position: 100% 0px;
	background: #fff url('../images/sub_content_bg.gif') repeat-y 0% 0%;	
}

#main-content-area {
	width: 747px;
	float: right;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	color: #555;
	background: transparent url('../images/content_area_bg.png') no-repeat 100% 0%;
}

#main-content {
	width: 695px;
	padding: 24px 24px 24px 28px;
}

/* = INTRO TEXT
-------------------------------------------------*/

#intro-text {
	font-weight: bold;
	color: #2767a5;
	font-size: 1.4em;
	line-height: 1.4em;
}


/* = TWO COLUMN BLOCK
-------------------------------------------------*/

.two-column-block {
	width: 100%;
}

.two-column-block .col {
	float: left;
	width: 48%;
}

.two-column-block .last-col {
	float: right;
}

.three-column-block {
	width: 685px;
}

.has-sub-content .three-column-block {
	width: 445px;;
}

.three-column-block .col {
	float: left;
	padding-right: 15px;
	width: 228px;
}

.has-sub-content .three-column-block .col {
	width: 138px;
}

.three-column-block .last-col {
	padding-right: 0px;
}

/* = RELATED CONTENT
-------------------------------------------------*/

.has-sub-content #main-content {
	width: 445px;
	float: left;
	padding-right: 34px;
}

#sub-content {
	width: 219px;
	float: left;
	padding-top: 24px;
}

/* = COLUMN 3 PICTURES
-------------------------------------------------*/

.column-3-picture {
	width: 219px;
	margin-bottom: 30px;
}

.column-3-picture .picture {
	border: 1px solid #666;
	display: block;
}

.column-3-picture .picture-caption {
	margin: 5px 0px;
}

.column-3-picture .picture-caption p {
	margin: 5px 0px 10px;
}


/* = COLUMN 3 HIGHLIGHTS
-------------------------------------------------*/

.highlight {
	margin: 0px 0px 30px;
}

.column-3-highlights-wrapper {
	margin: 0px 0px 30px;
	background: #dcebf5 url('../images/col3-highlight-top.png') no-repeat 0% 0%;
}

.column-3-highlights {
	background: transparent url('../images/col3-highlight-bottom.png') no-repeat 0% 100%;
	padding: 18px 22px 10px;
}

.column-3-highlights h2 {
	margin: 0px 0px 10px;
}


/*= SUB CONTENT
-------------------------------------------------*/

#section-content {
	float: left;
	width: 243px;
	margin-top: -63px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	padding: 15px 0px 0px;
	background: #84b3c3 url('../images/sub_content_top_bg.png') no-repeat 0% 0%;
}

#section-content a:link,
#section-content a:visited,
#section-content a:active {
	color: #ffffff;
	text-decoration: none;
}

#section-content a:hover {
	text-decoration: underline;
}

#section-content .text-block {
	padding: 0px 18px 0px;
	margin: 0px 0px 15px;
}

#section-content .text-block p {
	font-size: 1.2em;
}

#section-content p {
	color: #2767a5;
}

#section-nav {
	margin: 0px;
	width: 234px;
	padding: 0px 0px 0px 9px;
	list-style: none;
}

#section-nav li {
	font-size: 1.2em;
	line-height: 1.3em;
	width: 234px;
	margin-bottom: 4px;
}

#section-nav li a:link,
#section-nav li a:visited,
#section-nav li a:active {
	padding: 0px 18px;
	display: block;
	background: transparent url('../images/arrow-right.gif') no-repeat 9px 4px;
}

#section-nav li.sel-subnav a:link,
#section-nav li.sel-subnav a:visited,
#section-nav li.sel-subnav a:active {
	background: transparent url('../images/arrow-down.gif') no-repeat 6px 7px;
}

#section-nav .subnav {
	margin-top: 5px;
	width: 234px;
}

#section-nav .subnav img {
	display: block;
}

#section-nav .subnav ul {
	margin: 0px;
	list-style: none;
	width: 204px;
	padding: 1px 20px 1px 10px;
	background-color: #fff;
}

#section-nav .subnav ul li {
	padding-left: 9px;
	width: 195px;
	font-size: 1em;
	margin-bottom: 4px;
	line-height: 1.3em;
	background: transparent url('../images/arrow-right.gif') no-repeat 0px 5px;
}

#section-nav li.sel-subnav .subnav a:link,
#section-nav li.sel-subnav .subnav a:visited,
#section-nav li.sel-subnav .subnav a:active {
	color: #666;
	background: transparent none;
	padding-left: 0px;
}

#section-nav li.sel-subnav .subnav a:hover {
	color: #2767a5;
	text-decoration: none;
}

#section-content .hr {
	background-image: url('../images/hr_blue_left_bg.png');
	margin: 15px 10px 15px 19px;
	width: 214px;
}

#section-content .hr span {
	background-image: url('../images/hr_blue_right_bg.png');
}

/* = RELATED LINKS
-------------------------------------------------*/

.related-links {
	margin: 15px 19px 30px 19px;
}

.related-links ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
}

.related-links ul li {
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 6px;
}

/* = HOME PAGE -----------------------------------------------------------*/

/* = HOME FLASH
-------------------------------------------------*/

#home-flash {
	width: 990px;
	margin: 0px auto 15px;
	position: relative;
	z-index: 100;
}

#home-flash #flash-file {
	width: 745px;
	height: 369px;
	float: left;
	position: relative;
}

/* = CONTENT AREA OVERRIDES
-------------------------------------------------*/

#home-page #main-content-area-outer-wrapper {
	padding: 0px;
	background-position: 0px 0px;
}

#home-page #main-content-area-wrapper {
	padding-bottom: 0px;
	background: #fff none;
}

#home-page #main-content-area {
	padding: 25px 20px 20px;
	width: 950px;
	float: none;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

/* = HIGHLIGHTS
-------------------------------------------------*/

#highlights-wrapper {
	width: 100%;
	background: transparent url('../images/highlights-top.png') no-repeat 319px 0px;
}

#highlights {
	width: 100%;
	background: transparent url('../images/highlights-bottom.png') no-repeat 319px 100%;
}

#highlights h2 {
	margin: 0px 0px 10px;
	font-weight: normal;
}

#highlights h2 a:link,
#highlights h2 a:visited,
#highlights h2 a:active {
	text-decoration: none;
}

#highlights h2 a:hover {
	text-decoration: none;
}

#highlights p {
	font-size: 1.1em;
	color: #555;
}

#highlights p strong {
	color: #000;
}

#highlights .highlight {
	float: left;
	margin: 0px;
}

#highlights #left {
	width: 279px;
	padding: 0px 4px 0px 26px; 
}
#highlights #middle {
	width: 280px;
	padding: 0px 4px 0px 25px; 
}
#highlights #right {
	width: 279px;
	padding: 0px 4px 0px 26px; 
}