/* = GENERIC PAGE --------------------------------------------------------*/

/* = PAGE HEADER
-------------------------------------------------*/

#page-header {
	width: 960px;
	margin: 0px auto; 
	position: relative; top: 0px; left: 0px; 
}

#page-title {
	width: 695px;
	float: right;
	padding: 14px 24px;
	background: #97894d url('../images/page_title_bg.gif') no-repeat 100% 0%;
}

#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 {
	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
-------------------------------------------------*/

 

#primary-content {
	width: 960px; 
	min-height: 160px;
	height: auto !important;
	height: 160px;
	margin: 0px auto 0px; 
	clear: both
}

#primary-content #primary-image {
	width: 960px; 
	min-height: 160px;
	height: auto !important;
	height: 160px;
	position: relative; 
	border: 1px solid #000000; 
	clear: both
 
}
 
#primary-content #primary-image #primary-nav {
	width: 150px; 
	height: 100%;
	position: relative; left: 0px; top: 0px; 
	border: 1px solid #000000;
	background-color: #000000; 
 
}



 

/* = INTRO TEXT
-------------------------------------------------*/

#intro-text {
	font-weight: bold;
	color: #2767a5;
	font-size: 1.4em;
	line-height: 1.4em;
}

/* = INTRO BLOCK
-------------------------------------------------*/

.intro-block {
	width: 100%;
	padding-bottom: 1px;
	margin-bottom: 19px;
}

.intro-block .thumbnail {
	float: left;
	border: 0px solid #666;
	margin: 2px 14px 4px 0px;
}

/* = CALLOUT
-------------------------------------------------*/

.quote-callout {
	width: 183px;
	float: right;
	padding: 7px 11px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #bbb;
}

.quote-callout .quote {
	font-weight: bold;
	color: #2767a5;
	line-height: 1.4em;
}

.quote-callout .quote-caption {
	margin-bottom: 0px;
}

/* = 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;
}

/* = ACTION CALLOUT
-------------------------------------------------*/

.action-callout-wrapper {
	background: #dcebf5 url('../images/ac_top_left_bg.gif') no-repeat 0% 0%;
	margin: 20px 0px;
	width: 100%;
}

.intro-grid .action-callout-wrapper {
	margin: 0px;
}

.ac-top-right {
	background: transparent url('../images/ac_top_right_bg.gif') no-repeat 100% 0%;
}

.ac-bot-left {
	background: transparent url('../images/ac_bot_left_bg.gif') no-repeat 0% 100%;
}

.action-callout {
	padding: 10px 20px;
	background: transparent url('../images/ac_bot_right_bg.gif') no-repeat 100% 100%;
}

.action-callout a.button:link,
.action-callout a.button:visited,
.action-callout a.button:active,
.action-callout a.button:hover {
	background-image: url('../images/button_ac_left_bg.png');
}

.action-callout a.button:link span,
.action-callout a.button:visited span,
.action-callout a.button:active span,
.action-callout a.button:hover span {
	background-image: url('../images/button_ac_right_bg.png');
}

/* = RELATED CONTENT
-------------------------------------------------*/

.has-sub-content #main-content {
	width: 445px;
	float: left;
	padding-right: 34px;
}

#sub-content {
	width: 219px;
	float: left;
	padding-top: 24px;
}

/* = PHOTO BLOCK
-------------------------------------------------*/

.photo-block {
	width: 219px;
	margin-bottom: 30px;
}

.photo-block .photo-image {
	border: 1px solid #666;
	display: block;
}

.photo-block .photo-caption {
	margin: 5px 0px;
}

.photo-block .photo-caption p {
	margin: 5px 0px 10px;
}

/* = RELATED CONTENT CALLOUT
-------------------------------------------------*/

.callout {
	margin: 0px 0px 30px;
}

.highlighted-callout-block-wrapper {
	margin: 0px 0px 30px;
	background: #dcebf5 url('../images/rc_callout_top_bg.png') no-repeat 0% 0%;
}

.highlighted-callout-block {
	background: transparent url('../images/rc_callout_bot_bg.png') no-repeat 0% 100%;
	padding: 18px 22px 10px;
}

.highlighted-callout-block h2 {
	margin: 0px 0px 10px;
}

/* = VIDEO BLOCK
-------------------------------------------------*/

.video-block {
	border: 1px solid #666;
	margin-bottom: 10px;
}
/*= SUB CONTENT
-------------------------------------------------*/

#section-content {
float: left;
	position: relative; top: 10px; left: 42px;
	width: 243px;
	margin-top: -10px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	padding: 15px 0px 0px;
	background: #dcebf5 url('../images/sub_content_top_bg.png') no-repeat 0% 0%;
}

#section-content a:link,
#section-content a:visited,
#section-content a:active {
	color: #2767a5;
	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/bullet_section_nav.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/bullet_sel_subnav.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/bullet_subnav.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-link-block {
	margin: 15px 19px 30px 19px;
}

.related-link-block ul {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
}

.related-link-block ul li {
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 6px;
}

/* = PRODUCT CALLOUT
-------------------------------------------------*/

.sc-callout-wrapper,
.product-callout-wrapper {
	width: 207px;
	margin: 15px 18px 15px 18px;
	background: #fff url('../images/pc_top_left_bg.gif') no-repeat 0% 0%;
}

.sc-top-right,
.pc-top-right {
	background: transparent url('../images/pc_top_right_bg.gif') no-repeat 100% 0%;
}

.sc-bot-left,
.pc-bot-left {
	background: transparent url('../images/pc_bot_left_bg.gif') no-repeat 0% 100%;
}

.sc-callout,
.product-callout {
	padding: 9px 12px;
	background: transparent url('../images/pc_bot_right_bg.gif') no-repeat 100% 100%;
}

.product-callout .product-image {
	display: block;
	margin-bottom: 10px;
}

.product-callout p {
	margin: 5px 0px;
	color: #666;
	line-height: 1.3em;
}

.sc-callout p {
	font-size: 1.2em;
	margin-bottom: 15px;
}

#section-content .sc-callout a:link,
#section-content .sc-callout a:visited,
#section-content .sc-callout a:active {
	text-decoration: underline;
}

#section-content .sc-callout a:hover {
	text-decoration: none;
}


/* = LANDING PAGE --------------------------------------------------------*/

/* = LANDING PAGE OVERRIDES
-------------------------------------------------*/

#landing-page #main-content-area-outer-wrapper {
	background-position: 0px 220px;
	padding-top: 0px;
}

#landing-page #section-title {
	background: #0063a1 url('../images/page_header_bg.png') repeat-y 0% 0%;
	padding: 0px;
	margin-bottom: 15px;
	float: none;
}

#landing-page #section-title h2 {
	background: transparent url('../images/section_title_bg.png') no-repeat 0% 0%;
}

#landing-page #section-content {
	padding-top: 0px;
	margin-top: 0px;
}

#landing-page #page-title {
	float: right;
	width: 743px;
	padding: 0px 0px 10px;
	background: #fff none;
}

#landing-page #page-title img {
	display: block;
}

#landing-page #main-content-area-inner-wrapper {
	float: right;
	width: 747px;
}

/* = INTRO GRID
-------------------------------------------------*/

.grid-wrapper,
.intro-grid-wrapper {
	background: transparent url('../images/intro_grid_mid_bg.gif') repeat-y 50% 0%;
}

.grid-inner-wrapper,
.intro-grid-inner-wrapper {
	background: transparent url('../images/intro_grid_top_bg.gif') no-repeat 50% 0%;
}

.grid,
.intro-grid {
	background: transparent url('../images/intro_grid_bot_bg.gif') no-repeat 50% 100%;
}

.grid td,
.intro-grid td {
	vertical-align: top;
}

.grid .intro-block .thumbnail,
.intro-grid .intro-block .thumbnail {
	border: 1px solid #ddd;
	border-width: 0px 1px 1px 0px;
}

/* = LIBRARY PAGE
--------------------------------------------------------------------------*/

#library-grid {
	background-position: 40% 0%;
}

#library-grid .grid-inner-wrapper {
	background-position: 40% 0%;
}

#library-grid .grid {
	background-position: 40% 100%;
}

#library-search-wrapper {
	background: transparent url('/library/images/library_search_bg.png') no-repeat 0% 0%;
	margin: 0px 0px 20px;
}

#library-search h2 {
	margin: 0px 0px 10px;
}

#library-search input {
	vertical-align: middle;
}

#library-search #librarySearchQuery {
	width: 104px;
	height: 12px;
	font-size: 10px;
	line-height: 12px;
	padding: 7px 5px 7px 7px;
	background: #fff url('/library/images/ls_query_bg.gif') no-repeat 0% 0%;
	color: #666;
	border: 0px;
	margin-left: -4px;
}

/* = NEWS AND EVENTS
-------------------------------------------------*/

#featured-story {
	width: 100%;
	margin: 20px 0px;
}

#featured-story h3 {
	margin-bottom: 15px;
}

span.place-date {
	color: #2767a5;
	font-weight: bold;
	display: block;
}

#featured-story .thumbnail {
	float: left;
	margin: 0px 15px 5px 0px;
	border: 1px solid #666;
}

#news-list {
	list-style: none;
	margin: 15px 0px;
	padding: 0px;
	width: 445px;
}

#news-list li {
	margin: 0px 0px 15px;
	padding-left: 8px;
	font-size: 1.2em;
	background: transparent url('../images/bullet_more.gif') no-repeat 0px 6px;
}

#news-list li span.date {
	color: #2767a5;
}

#news-list li a:link,
#news-list li a:visited,
#news-list li a:active {
	text-decoration: none;
	color: #666;
}

#news-list li a:hover {
	text-decoration: underline;
}

/* = SEARCH
--------------------------------------------------------------------------*/

#search-page .picoboxsmallfontsize {
	font-size: 1.1em;
}

#search-page .picoboxregfontsize {
	font-size: 1.2em;
}

#search-page .picoboxregfontsize input,
#search-page .picoboxregfontsize label,
#search-page .picoboxregfontsizewidth input,
#search-page .picoboxregfontsizewidth label {
	vertical-align: middle;
}

#search-page .picoboxregfontsizewidth {
	font-size: 1.2em;
	/*width: 90%;*/
}

#search-page .picosmallfontsize {
	font-size: 1.2em;
	line-height: 1.3em;
}

#search-page .picoregfontsize {
	font-size: 1.2em;
	line-height: 1.3em;
}

#search-page .picobigfontsize {
	font-size: 1.2em;
}

#search-page .picolistsmallfontsize {
	font-size: 1em;
}

#search-page .picolistregfontsize {
	font-size: 1.1em;
}

#search-page .picoclassolsize {
	font-size: 1em;
}

#search-page .picoclasshr {
	background-color: #cdcdcd;
	border: 0px none;
	color: #cdcdcd;
	height: 1px;
	width: 100%;
	margin: 15px 0px;
}

#search-page #picoform1 table {
	margin: 0px auto;
	width: auto;
}

/* = HISTORY GRID
--------------------------------------------------------------------------*/

.timelinedates {
	border-bottom: 1px solid #cdcdcd;
	
}

.timeline {
	border: 1px solid #cdcdcd;
	border-width: 0px 0px 1px 0px;
	padding: 5px 10px 5px 20px;
}

.timeline ul {
	margin-top: 0px;
}


/* = HOME PAGE -----------------------------------------------------------*/

/* = FEATURED CONTENT
-------------------------------------------------*/

#featured-content {
	width: 960px; 
	margin: 0px auto 0px; 
	clear: both
}

#featured-content #featured-image {
	width: 960px;
	height: 500px;
	float: left;
	position: relative;
	clear: both
 
}
 
#featured-content #whats-new {
	width: 180px;
	background: #E2DFE2;
	filter: alpha(opacity=95); -moz-opacity: .95;   
	height: 280px;
	padding: 10px 16px 10px 17px;
	overflow: hidden;
	position: absolute; left: 726px; top: 90px;
	border: 1px solid #000000;
	
	clear: both
}

#featured-content #whats-new h2 {
	color: #2c5583;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: 5px;
}

#featured-content #whats-new .thumbnail {
	border: 1px solid #666;
	display: block;
}

#featured-content #whats-new h3 {
	color: #666;
	font-size: 1.2em;
	margin: 8px 0px 0px;
}

#featured-content #whats-new p {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #666;
	margin: 5px 0px 10px;
}

#featured-content #whats-new a:link,
#featured-content #whats-new a:visited,
#featured-content #whats-new a:active {
	color: #2767a5;
	background-image: url('../images/bullet_wn_more.gif');
	background-position: 100% 4px;
}

#featured-content #whats-new .hr {
	background: transparent url('../images/hr_blue_left_bg.png') no-repeat 0% 0%;
	margin: 10px 0px;
}

#featured-content #whats-new .hr span {
	background: transparent url('../images/hr_blue_right_bg.png') no-repeat 100% 0%;
}












#featured-content #page-headerimage {
	width: 960px;
	height: 125px;
	float: left;
	position: relative;
	clear: both
 
}
 
#featured-content #page-nav {
	width: 146px;
	background: #00599C;  
	min-height: 160px;
	height: auto !important;
	height: 160px;
	padding: 15px 15px 15px 15px;
	background: #00599C;
	position: absolute; left: 0px; top: 125px; 
	 
}

#featured-content #page-nav h2 {
	color: #2c5583;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: 5px;
}

#featured-content #page-nav .thumbnail {
	border: 1px solid #666;
	display: block;
}

#featured-content #page-nav h3 {
	color: #FFFFFF;
	font-size: 2.2em;
	font-family: Tahoma;
	position: absolute; left: 15px; top: -44px; 
	margin: 8px 0px 0px;
}

#featured-content #page-nav p {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #FFFFFF;
	margin: 5px 0px 10px;
}

#featured-content #page-nav a:link,
#featured-content #page-nav a:visited,
#featured-content #page-nav a:active {
	color: #FFFFFF;
	font-family: Tahoma;
	background-image: url('../images/bullet_wn_more.gif');
	background-position: 100% 4px;
}

#featured-content #page-nav .hr {
	background: transparent url('../images/hr_blue_left_bg.png') no-repeat 0% 0%;
	margin: 10px 0px;
}

#featured-content #page-nav .hr span {
	background: transparent url('../images/hr_blue_right_bg.png') no-repeat 100% 0%;
}









/* = 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;
}

/* = FP CALLOUTS
-------------------------------------------------*/

#fp-callouts-wrapper {
	width: 100%;
	background: transparent url('../images/fp_callouts_top_bg.png') no-repeat 472px 0px;
}

#fp-callouts {
	width: 100%;
	background: transparent url('../images/fp_callouts_bot_bg.png') no-repeat 472px 100%;
}

#fp-callouts h2 {
	margin: 0px 0px 10px;
	font-weight: normal;
}

#fp-callouts h2 a:link,
#fp-callouts h2 a:visited,
#fp-callouts h2 a:active {
	text-decoration: none;
}

#fp-callouts h2 a:hover {
	text-decoration: none;
}

#fp-callouts p {
	font-size: 1.1em;
	color: #555;
}

#fp-callouts p strong {
	color: #000;
}

#fp-callouts .callout {
	float: left;
	margin: 0px;
}

#fp-callouts #consolidated {
	width: 447px;
	padding-right: 25px;
}

#fp-callouts #library {
	width: 211px;
	padding: 0px 24px;
}

#fp-callouts #career {
	width: 190px;
	padding: 0px 4px 0px 25px;
}

/* = LIBRARY SEARCH
-------------------------------------------------*/

#searchLibrary {
	margin: 15px 0px;
	padding: 0px;
	position: relative;
	left: -4px;
}

#searchLibrary p {
	margin: 0px;
	padding: 0px;
}

#searchLibrary p input {
	vertical-align: middle;
}

#searchLibraryQuery {
	width: 140px;
	height: 12px;
	font-size: 10px;
	line-height: 12px;
	padding: 7px 5px 7px 7px;
	background: #fff url('../images/search_library_query_bg.png') no-repeat 0% 0%;
	color: #666;
	border: 0px;
}
