@charset "utf-8";
/* CSS Document */
/*
****
**** NB:  This file is preceded by CSSreset.css
****
*/
/*
****
**** Tag redefinition...
**
*/
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
bolditalic {
	font-style:italic;
	font-weight:bold;
}
ol {
	margin-left:44px;
	list-style-type:decimal;
}
ul {
	margin-left:44px;
	list-style-type:disc;
}
hr {
	margin-top:5px;
	margin-bottom:5px;
}
/*
****
**** Now that we have reset the CSS in the preceding file, which includes browser-specific margin-top
**** values for 'p' tags, we can be confident that paragraphs will not automatically and mysteriously
**** drop some arbitrary distance from the top of their container.
****
**** So, here we re-introduce a margin at the bottom of the paragraph only...
****
*/
p {
	margin-bottom:9px;
}
body {
	background-color:#7C90A8;  /* SSL blue */
}
/*
****
****  GLOBAL container...
****
*/
#globalContainer {
	height:100%;
	width:100%;
	text-align:center;  /* IE5 hack */
	z-index:1;
}
/*
****
****  Within the global container, we have the primary content area: 1144px by 530px.
****  This white border area will contain all of our content, except for the copyright
****  notice which is placed immediately below it.
****
*/
#groupCenter {
	position:absolute;
	left:50%;
	margin-left:-572px;
	top:50%;
	margin-top:-265px;
	width:1144px;
	height:530px;
	border:none;
	text-align:left;
	visibility:visible;
	z-index:9;	
}
#centerContent {
	position:absolute;
	left:0px;
	top:0px;
	width:1144px;
	height:530px;
	background-color:#FFFFFF;
	border:1px solid #495f7a;  /*  a darker version of SSL blue (was 75804a = dark sage)  */
	text-align:left;
	visibility:visible;
	z-index:10;	
}
/*
****
**** Place the copyright information immediately below the vertically centered "centerContent"
**** area, defined above...
****
*/
#copyrightInfo {
	position:absolute;
	left:0px;
	top:535px;
	width:1114px;
	height:30px;
	background-color:none;
	border:none;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:17px;
	color:#314359;  /*  darkest version of SSL blue (was 555f2d)  */
	visibility:visible;
	z-index:10;
}
/*
****
**** Within 'centerContent', we have the LOGO CONTAINER...
****
*/
#logoDiv {
	position:absolute;
	left:24px;
	top:16px;
	width:159px;
	height:106px;
	z-index:200;
}
#priorLogoDiv {
	position:absolute;
	left:22px;
	top:42px;
	width:149px;
	height:66px;
	z-index:20;
}
/*
****
****  ...the PRIMARY MENU (stretched horizontally across the top)...
****
*/
#primaryMenu {
	position:absolute;
	left:207px;
	top:46px;
	width:900px;
	height:29px;
	padding:3px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#787B7F;   /*  was 787B7F  */
	text-align:left;
	text-transform:uppercase;
	z-index:20;
}
#primaryMenu a:link, #primaryMenu a:visited {
	color:#787B7F;
	text-decoration:none;
	margin-right:11px; /* horizontal spacing for the primary menu categories */
}
#primaryMenu a:hover {
	text-decoration:none;
	color:#B58026;
}
.dividerClass {
	color:#9EAB6D;
	margin-right:9px; /* horizontal spacing for the primary menu categories */
}


/*
****
****  ...the SECONDARY MENU (stretched horizontally across the top, below the primary menu)...
****
*/
#secondaryMenu {
	position:absolute;
	left:233px;
	top:70px;
	width:875px;
	height:29px;
	padding:3px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#787B7F;   /*  was 787B7F  */
	text-align:left;
	text-transform:uppercase;
	visibility:hidden;
	z-index:20;
}
#secondaryMenu a:link, #secondaryMenu a:visited {
	color:#787B7F;
	text-decoration:none;
	margin-right:11px; /* horizontal spacing for the primary menu categories */
}
#secondaryMenu a:hover {
	text-decoration:none;
	color:#B58026;
}
/*
****
**** For the currently selected category in the primary menu,
**** place a 1-pixel border below the selected category.
****
*/
.selectedPrimary {
	background:none;  /*  was #6477AF  */
	border-bottom:1px solid #B58026;  /* was #888FA3  */
	padding:3px 3px 3px 3px;
	margin-left:-6px;
}
/*
****
****  ...the FLASH container...
****   ( first, for the home page )
*/
#flashBorder {
	position:absolute;
	left:20px;
	top:137px;
	width:770px;
	height:330px; /* was 330px */
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	z-index:40;
}
#flashContent {
	position:absolute;
	left:4px;
	top:4px;
	width:760px; /* 760px content width + 4px+4px offset + 2px for the border = 770px bordered container width */
	height:320px;
	background-color:#FFFFFF;
	border:1px solid #A0A0A0;
	z-index:40;
}

/*
****  ...then "fullRun": the Flash component takes up the entire 1100px horizontal width...
*/
#fullRun {
	position:absolute;
	left:0px;
	top:121px;
	width:1100px;
	height:390px;
	background-color:#FFFFFF;
	border:none;  /* 1px solid #A0A0A0; */
	z-index:40;
}

/*
****  ...then "leftTwoThirds": the Flash component takes up the left 2/3 of the horizontal width...
*/
#leftTwoThirds {
	position:absolute;
	left:0px;
	top:131px;
	width:655px;
	height:390px;
	background-color:#FFFFFF;
	border:none;  /* 1px solid #A0A0A0; */
	z-index:40;
}
#rightTwoThirds {
	position:absolute;
	left:208px;
	top:131px;
	width:898px;
	height:390px;
	background-color:#FFFFFF;
	border:none;  /* 1px solid #A0A0A0; */
	z-index:40;
}
#rightThird {
	position:absolute;
	left:707px;
	top:131px;
	width:389px;
	height:355px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	z-index:40;

}
/*
****
****  ...and on all but the gallery pages, a scrollable area for
****  text and commentary...
****
*/
#textArea {
	position:absolute;
	left:780px;
	top:147px;
	width:318px;
	height:334px;
	background-color:none;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#787B7F;
	text-align:left;
	overflow:auto;
	padding-right:15px;
	z-index:40;
/*
****
**** Scrollbar styling for IE 5.5+
****
*/
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;  /* veeeery light */
	scrollbar-face-color: #F8F8F8;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-shadow-color: #AAAAAA;
	scrollbar-darkshadow-color: #444444;
	scrollbar-highlight-color: #FFFFFF;  /* #888B8D */
	scrollbar-arrow-color: #999999;
}
#textInset {
	float:left;
	margin:5px 18px 5px 0px; /* top right bottom left */
	width:100px;
	border: 1px solid #444444;
}
/*
****
****  ...tooltip specifications...
****
*/
#toolTxt {
	visibility:hidden;
}
#toolTxt p {
	margin-bottom:24px;
}
/*
****
****  ...and finally, text-related (and other miscellaneous) definitions...
****
*/
.allCaps {
	text-transform:uppercase;
}
.quoteAttribution {
	font-style:italic;
	margin-right:44px;
}
.strongEmphasis {
	font-weight:bold;
	text-decoration:underline;
}
.hdrText {
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}
.hrDiv {
	margin-top:9px;
	margin-bottom:9px;
}
.boldItalic {
	font-weight:bold;
	font-style:italic;
}
.tipHeader {
	color: #EEEDEB;
	text-align:center;
}