/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; } /* normalize presence of scrollbars */
body {
	text-align: center;
	background-image: url('../images/Layout/body_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
}

#doc1 {
	width: 1064px;
	margin: auto;
	text-align: left;
	background-image: url('/images/Layout/doc_bg.png');
	background-repeat: repeat-y;
}

#doc_bottom {
	width: 1064px;
	height: 84px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url('/images/Layout/contentBottom_bg.png');
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
}

/** Page Grid (golden mean):
  * 974px: Total page
  * 544px: Main
  * 225px: Left
  * 204px: Right
  *
  * 10px gutter between all sections (not including page edges)
  * Gutter handled using padding. Margin could also be used.
  * Remember to adjust width if adjusting padding/margin!!
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */

.grid_LMR #grid_container { float: right; width: 748px; padding-top: 10px; }
.grid_LMR #grid_Main      { float: left;  width: 523px; padding: 0 10px; border-left: 1px dotted #acb9c4; }
.grid_LMR #grid_Right     { float: right; width: 184px; padding: 0 9px 0 10px; border-left: 1px dotted #acb9c4; }
.grid_LMR #grid_Left      { float: left;  width: 205px; padding: 0 10px; }

.grid_LM  #grid_Main      { float: right; width: 727px; padding: 0 10px; border-left: 1px dotted #acb9c4; }
.grid_LM  #grid_Left      { float: left;  width: 205px; padding: 0 10px; }

.grid_MR  #grid_Main      { float: left;  width: 750px; padding: 0 10px; }
.grid_MR  #grid_Right     { float: right; width: 184px; padding: 0 9px 0 10px; border-left: 1px dotted #acb9c4; }

.grid_M   #grid_Main      { width: 954px; padding: 0 10px; }

#hd, #bd, #ft { clear: both; margin: 0 auto; }

/*** Header ***/
#hd {
	padding: 0;
	width: 974px;
	height: 190px;
	background-image: url('/images/Layout/hd_bd.gif');
	background-repeat: no-repeat;
}
#layout_Logo { float: left; padding: 0 13px 0 170px; }
#hd form     { float: right; padding: 10px 10px 0 0; }
#hd .perform_search { padding: 4px 5px 7px 0; float: right; clear: right; }
#hd .searchbox_empty {
	border: 1px solid #7f9db9;
	color: #000;
	padding: 2px;
	font-size: 13px;
	float: left;
}
#hd .search_btn {
	overflow: visible;
	display: block;
	float: left;
	font-weight: bold;
	height: 24px;
	line-height: 22px;
	margin-left: -1px;
	text-align: center;
	width: 42px;
}
#hd #layout_SearchField {
	height: 17px;
	padding: 3px 3px 2px 8px;
	border: 1px solid #536b7f;
	color: #333;
	font-weight: bold;
}
#feed_icons {
	position: relative;
	top: 77px;
	right: 40px;
	float: right;
	clear: right;
}

/*** Body ***/
#bd {
	width: 974px;
	background-image: url('/images/Layout/content_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
}
#rotating_banner { width: 954px; height: 228px; padding: 0 10px 10px 10px; }
#flash_banner {
	width: 954px;
	height: 228px;
	padding: 10px 10px 10px 10px;
	background-image: url('/images/Layout/banner_bg.jpg');
	background-repeat: repeat-x;
	background-color: #B7C8D8;
}
#promo_navigation {
	width: 974px;
	height: 30px;
	background-image: url('/images/Layout/topMenu_bg.jpg');
	background-repeat: repeat-x;
	border-bottom: 1px solid #98b2c4;
}
#promo_navigation li {
	display: inline;
	float: left;
	padding: 7px 13px 7px 14px;
	border-right: 1px solid #d2d5d8;
}
#promo_navigation a,
#promo_navigation a:link {
	color: #527ca1;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#promo_navigation a:hover { color: #003E74; }
#content_Container {
	background-image: url('/images/Layout/content_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
}
#feature_links {
	float: left;
	width: 205px;
	padding: 10px 10px 0 10px;
	border-right: 1px dotted #acb9c4;
}
#feature_links img { padding-bottom: 8px; }
#layout_Breadcrumbs { color: #00345f; font-size: 10px; text-decoration: none; }
#layout_Breadcrumbs a { color: #00345f; }
#grid_Top { padding: 10px 10px 10px 10px; }

/*** Left Navigation ***/
#gradient_shell { position: relative; }
#grid_Left ul.Menu { margin: 0; padding: 0 10px; }
#grid_Left li { padding: 4px 0; }
#grid_Left a,
#grid_Left a:link,
#grid_Left a:visited { color: #527ca1; font-weight: bold; }
#grid_Left a:hover { color: #003e74; }
#grid_Left .Active a,
#grid_Left .Active a:link { color: #002240; }

#grid_Left ul.T3 { padding-left: 25px; padding-top: 5px; }
#grid_Left ul.T3 a,
#grid_Left ul.T3 a:link { color: #00467f; }
#grid_Left ul.T3 a:hover { color: #002240; }
#grid_Left ul.T3 li.T3Active a,
#grid_Left ul.T3 li.T3Active a:link { color: #c07600; }

/*** Right Callouts ***/
#grid_Right .base { padding-top: 10px; }
#layout_QuickLinks { width: 184px; }
#callouts_gradient { position: relative; }
#callouts_gradient ul { padding: 0 10px; }
#callouts_gradient li { text-align: right; padding: 3px 0; }
.top_capper { padding-top: 10px; }
#callouts_gradient a,
#callouts_gradient a:link,
#callouts_gradient a:visited {
	color: #527ca1;
	font-size: 11px;
	font-weight: bold;
}
#callouts_gradient a:hover { color: #003E74; }

.layout_Related ul { margin: 0 0 0 25px; }
.layout_Related li { list-style: disc; color: #666; }
.layout_Related li a,
.layout_Related li a:link,
.layout_Related li a:visited { color: #527ca1; }

#grid_Right h3.quicklink_header { margin-top: 5px; }

/*** Footer ***/
#ft {
	clear: both;
	width: 974px;
	text-align: center;
	position: relative;
	bottom: 50px;
	color: #767676;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
#ft a,
#ft a:link,
#ft a:visited { color: #4b779d; text-decoration: none; }
#ft a:hover { color: #173956; }
#ft #pb_link a,
#ft #pb_link a:link,
#ft #pb_link a:visited,
#ft #pb_link a:hover { color: #e0e0e0; font-size: 10px; font-weight: bold; }
p.awards_ft img { padding: 0 10px; }

/** Forms **/
.FormError { background-color: red; color: white; }

/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu       { clear: both;  z-index: 200;}
#layout_TopMenu ul    { list-style: none; margin: 0; padding: 0; }
#layout_TopMenu ul.T2 {
	position: absolute;
	display: none;
	width: 160px;
	z-index: 200;
}
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; }
#layout_TopMenu li {
	list-style: none;
	display: inline;
	float: left;
	width: 160px;
	z-index: 200;
}
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu {
	position: absolute;
	top: 160px;
	width: 974px;
	height: 30px;
	background-image: url('/images/Layout/topMenu_bg.jpg');
	background-repeat: repeat-x;
}
#layout_TopMenu ul.T2 { background-color: #C8D5DE; border: 1px solid #A8BFCF; }
#layout_TopMenu ul.T3 { border: none; }
#layout_TopMenu a {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003e74;
	border-right: 1px solid #b2cade;
	text-align: center;
	padding: 8px 0 7px 0;
	display: block;
}
#layout_TopMenu a:hover,
#layout_TopMenu a:active,
#layout_TopMenu li.T1Active a,
#layout_TopMenu li.T2 a:hover { color: #c07600; }
#layout_TopMenu li.T2 a { color: #003e74; }
#layout_TopMenu .T2 a { border-right: none; padding: 3px 0; }

#layout_TopMenu li#tINAV000002 { width: 121px; }
#layout_TopMenu li#tINAV000013 { width: 171px; }
#layout_TopMenu li#tINAV000015 { width: 117px; }
#layout_TopMenu li#tINAV000016 { width: 125px; }
#layout_TopMenu li#tINAV000017 { width: 81px; }
#layout_TopMenu li#tINAV000078 { width: 135px; }
#layout_TopMenu li#tINAV000019 { width: 121px; }
#layout_TopMenu li#tINAV000020 { width: 101px; }
#layout_TopMenu li#tINAV000020 a { border-right: none; }


/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1, h1 {
	font-size: 138.5%;
	margin: 13px 0;
	font-weight: bold;
	color: #003e74;
}
.base h2, h2 {
	font-size: 123.1%;
	margin: 13px 0;
	font-weight: bold;
	color: #003e74;
}
.base h3, h3 {
	font-size: 108%;
	margin: 13px 0;
	font-weight: bold;
	color: #003e74;
}
.base h4, h4 { font-weight: bold; color: #003e74; }
.base h5, h5 { font-weight: bold; color: #003e74; }
.base h6, h6 { font-weight: bold; color: #003e74; }
.base strong { font-weight: bold; color: #003e74; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 13px 13px 13px 36px; color: #333; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left: 13px; }
.base th,
.base td {
	border: none;
	padding: 8px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base form th,
.base form td {
	border: none;
}
.base caption {
	margin-bottom: 8px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
	color: #333; 
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 159px;
	color: #333;
}

a,
a:link,
a:visited { color: #744700; text-decoration: none; }
a:hover { color: #b28237; }

iframe { border: none; }

/* Style for eCards */
.eCardForm td, .eCardForm th {
	border: 0;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.eCardForm th {
	background-color:#B1B2B5;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:3px;
}

.eCardForm p {
	margin-bottom: 2px;
}

.Message { color: Red; font-weight: bold; }
/*-----------------Vid Player----------------*/
.moreVidWrapper {
	height: 19px;
	margin-bottom: -2px;
}

.moreVidContents {
	background-color: #EBEBEB;
	text-align: right;
	padding: 0 5px;
}

.vidDescription {
	background-color: #EBEBEB;
	clear: both;
	font-size: 10px;
	padding: 2px 5px;
}


/*This rule set will be applied only when the document is printed or viewed in print preview mode. */
@media print {
  body {
	border: none;
	}

	#grid_Left
	,#hd
	,#grid_Right
	,#ft
	,#layout_TopMenu
	,#layout_Breadcrumbs
	{ 
		display: none !important; 
	}
	.layout_Logo img {
		margin: 0 0 0 0;
	}
	div#hd {
		background: none;
		margin: 0;
		margin-left: 10px;
		border: none; 
	}
	#grid_Main {
		background: none;
		position:absolute;
		left:.5in;
		top:.5in;
		
	}
	div#bd {
		border: none;
	}
}