/* CSS Document */

/*====== BEGIN GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
body, table, img, button, iframe, ul, li, form  { margin:0; padding:0; border:0; }
table { text-align:left; }
/*iframe { width:0; height:0 }*/
/*====== END GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =======*/

html {
	height:100%; /* required for wrapper div height=100% in FF */
}

body {
	height:100%; /* required for wrapper div height=100% in FF */
	background-color:#CCCCCC;
	/*background:url("
		javascript:
			document.body.onload=function(){
				var divContent = document.getElementById('sub-content');
				if (divContent) {
					divContent.style.zIndex = -1;
				}
				
				var divColRight = document.getElementById('sub-col-right');
				if (divColRight) {
					divColRight.style.zIndex = -2;
				}
			}
		");*/
}


body, 
p, 
#sub-content p, 
td, 
select, 
input {	/* default font */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:.82em;*/
	font-size:11px;
	color:#333333;
}

option.heading {
	color:#000066;
	background:#DDDDDD;
}

a {						/* default link style */
	color:#2F4B99;
	/*color:#000066;*/
}

a:active, 
a:visited {
	color:#800080;
}

p {
	text-align:left;
}

ul {
	color:#333333;
}

div {						/* defaults for all divs */
	background:#FFFFFF;
}

h1 {						/* sub page headings */
	font-size:1.5em;
	color:#000066;
}

h2 {						/* home page headings */
	font-size:1.2em;
	color:#42516B;
	margin:0px;
}

h3 {						/* home page headings */
	font-size:1em;
	color:#990000;
	margin:0px;
	margin-bottom:5px;
}

h4 {						/* home page sub-headings */
	color:#333333;
	font-weight:bold;
	font-size:1em;
	margin-bottom:0px;
}

h5 {						/* sub page sub-headings */
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	/*font-size:12px;*/
	/*margin-bottom:0px;*/
}

h6 {						/* contacts sub page sub-headings (dotted underline) */
	font-size:1.2em;
	color:#000066;
	border-bottom:1px dotted #000000;
	margin-top:90px;
	margin-right:7px;
	width:100%;
}

* html h6 { 
	width:95%; /* for IE only, since if set to 100% it interferes with right vertical dotted line */
}

hr.dotted {
	border-top:1px dotted #000000;
	color:#FFFFFF;
}

.generic {
	background-color:#FFFFFF; /* override background color for generic pages */
	margin:10px;
}

.webding {
	font-size:12px;
	font-family: Webdings;
	/*color:#0000cc;*/
	color:#2F4B99;
}

.heading-teaser {
	font-size:1.2em;
	font-weight:bold;
	color:#990000;
	border-bottom:dotted;
	border-color:#000000;
	border-width:2px;
	margin-bottom:7px;
}

.heading-sitemap {			/* site map headings */
	margin-left:44px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.navLeftOff, 
.navLeftOff a, 
.navLeftOff a:visited {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	text-decoration:none;
	/*letter-spacing:-.05em;*/
}

.navLeftOff a:hover,
.navLeftOff a:active {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	font-weight:bold;
	text-decoration:none;
}

.navLeftOn {
	/*font-size:1em;*/
	color:#000066;
	font-weight:bold;
	/*border-top:dotted;
	border-bottom:dotted;
	border-width:2px;*/
	padding-top:4px;
	padding-bottom:12px;
	/*line-height:2em;*/
	/*background-color:#FFFFFF;*/
	background:url("http://media.corporate-ir.net/media_files/irol/89/89330/images07/navLeftOnBG.gif") no-repeat;
	padding-left:12px;
	width:95%;
	height:5px;
}

* html .navLeftOn {			/* this is a hack only seen by IE */
	padding-bottom:4px;		/* FF requires greater padding-bottom for some reason, so reset back to normal for IE */
}

.text-footer, 
.text-footer a, 
.text-footer a:active, 
.text-footer a:visited {
	color:#FFFFFF;
	line-height:28px;
	text-decoration:none;
}

.text-footer a:hover {
	text-decoration:underline;
}

.text-small {
	font-size:10px;
}

#nav-top-right a {			/* top right navigation links */
	color:#FFFFFF;
	text-decoration:none;
}

#nav-top-right a:hover {	/* top right navigation links */
	color:#FFFFFF;
	text-decoration:underline;
}

div.home-content ul,
div.home-content ul li {
	margin:5px;
	margin-left:0px;		/* changed to not be indented on 2007-05-10 */
	padding:0;
	line-height:12px;
	list-style:none;
}

div.home-content a,				/* home page links */
div.home-content a:active,
div.home-content a:visited,
div.home-content a:hover {
	/*color:#0000cc;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

div.home-content a:hover {
	text-decoration:underline;
}

div.teaser p {
	text-align:left;
}

div.ticker {
	border-top:1px solid #CCCCCC;
	text-align:center;
	margin-top:7px;
}


.top,
.top a, 
.top a:visited {
	text-align:left;
	padding-right:10px;
	/*color:#666666;*/
	/*color:#000066;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

.top a:hover {
	text-decoration:underline;
}

.jumpMenu,						/* non-alphabet jump menu */
.jumpMenu a, 
.jumpMenu a:visited {
	/*color:#000066;*/
	color:#2F4B99;
	text-decoration:none;
	text-align:center;
	margin-bottom:25px;
}

.jumpMenu a:hover{
	text-decoration:underline;
}

.jumpMenuAlpha {				/* alphabet jump menu */
	text-align:center;
	margin-bottom:25px;
	
}

.teaser .jumpMenu {				/* override some styles if the jump menu is inside a teaser */
	text-align:left;
	margin-bottom:0px;
	line-height:16px;
}

.jumpMenuAlpha a, 
.jumpMenuAlpha a:visited {
	color:#000066;
	text-decoration:underline;
	font-weight:bold;
}

.heading-table {
	color:#FFFFFF;
	background-color:#2462AD;
	font-weight:bold;
}

.heading-table-section {
	color:#000066;
	/*background-color:#42516B;*/
	background-color:#FFFFFF;
	border-bottom:1px solid #000066;
	font-weight:bold;
}

.data {
	text-align:center;
}

.data-shaded {							/* for shaded table cells */
	background-color:#DFE8F2;
	text-align:center;
}


/*====== BEGIN STYLES FOR LAYOUT ===================================================*/

#wrapper {
	position:relative;		/* use relative positioning for absolutely positioned flash movie to work in Firefox */
	width:976px; /*max width for 1024 x 768*/
	/*border:1px solid #FF0000;*/
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
	background-color:#FFFFFF;
	/*min-height:778px; /* set minimum wrapper height for home page - moved to the masterpage */
	/*z-index:-10;*/
}

* html #wrapper {
	position:relative;		/* for IE only, use relative positioning so the top menu z-index will work and appear on top of everything */
	top:0;
	left:0;
}

#banner-top {
	position:relative;		/* use relative positioning so nav-top-right div can be positioned absolutely in relation to banner-top */
	width:976px;
	/*height:94px;*/
	height:77px;
	background-image:url("http://media.corporate-ir.net/media_files/irol/89/89330/images07/bnrTopAFG.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	padding: 0px;
	margin:0px;
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
        	        /*z-index:0;*/
	
}

#banner-tagline {
	position:absolute;
	top:23px;
	left:165px;
	background:none;
	color:#000066;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#nav-top {					/* background behind top navigation menu */
	position:relative;		/* use relative positioning so search div can be absolute positioned in relation to nav-top div */

width:976px;
	height:20px;
	background:#000066;
	padding:0;
}

#nav-top-right {			/* top right navigation */
	position:absolute;		/* position absolute in relation to banner-top div */
	top:2px;
	right:15px;
	color:#FFFFFF;
	background:none;
	z-index:1; /*prevent this from being hidden behind wrapper*/
}

#sub-left-col {				/* subpage left column */
	position:static;
	float:left;
	width:205px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
	/*min-height:100%; not needed anymore */
	/*z-index:0;*/
}

#sub-right-col {			/* subpage right column */
	position:relative;		
	top:0px;
	left:0px;
	float:left;
	width:733px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
}

*html #sub-right-col {
	z-index:-5; /* for IE only, set z-index so this is behind the top menu */
}

*+html #sub-right-col {
	z-index:-5; /* for IE7 only, set z-index so this is behind the top menu */
}
#sub-page-heading {			/* subpage page heading div */
	border-bottom:1px dotted #000000;
	/*z-index:0;*/
}



#sub-margin-right {			/* subpage right margin div */
	float:left;
	width:171px;
/*	border-left:1px dotted #000000;*/
	padding-top:5px;
	padding-left:5px;
	/*z-index:-4;*/
}
#sub-margin-right2 {			/* subpage right margin div */
	float:left;
	width:171px;
	border-left:1px dotted #000000;
	padding-top:5px;
	padding-left:5px;
	/*z-index:-4;*/
}

#footer-left {				/* left side of footer */
	float:left;
	width:25%;
	height:30px;
	background-color:#999999;
	text-align:left;
	vertical-align:middle;
	visibility:hidden; /*hide the footer until the column heights are determined by javascript*/
	/*z-index:0;*/
}

#footer-right {				/* right side of footer */
	float:right;
	width:75%;
	height:30px;
	background-color:#999999;
	text-align:right;
	vertical-align:middle;
	visibility:hidden; /*hide the footer until the column heights are determined by javascript*/
	/*z-index:0;*/
	
}

div.contacts {
	position:absolute;	/* positioned absolute in relation to the sub-content div */
	top:65px;
	left:0px;
	margin-top:20px; /* set top margin so this doesn't overlap the contacts select box */
	visibility:hidden;
}

div.teaser {
	border:1px solid #CCCCCC;
	padding:5px;
}


/* begin home page layout */

#slideshow-flash {			/* the flash slideshow */
	float:left;				/* cannot be absolutely positioned or the drop-down menus will appear on top and if that is fixed then the slideshow-noFlash div appears on top */
	width:643px;
	height:288px;
	padding:0px;
	margin:3px;
	margin-top:13px;
	/*margin-bottom:1px; /* if showing static image instead of flash */
	background:none;	/* allow slideshow-noFlash to show through if the user does not have the flash player */
}

*+html #slideshow-flash {				
	/* for IE7 only, increase top margin by 10px */
	margin-bottom:-7px; /* for IE7 only, decrease bottom margin so boxes below line up properly */
margin-top:23px;
}

#slideshow-noFlash {		/* static image behind flash movie which displays if the user does not have the flash player */
	position:absolute;
	top:120px;
	left:2px;
	z-index:-1;				 /* make sure this appears behind the flash movie (for FF & IE) and the drop-down menus (for IE) */
							/* but if set flash movie div display=none, it will not show this div behind it */
}

*+html #slideshow-noFlash {				
	left:3px; 				/* for IE7 only, derease left position by 3px */
}

#hideme {
	background:none;		/* div containing flash movie that gets hidden if already played once, needs no bg so non flash users can see the non-flash image */
}


div.home-content-heading {		/* home content box headings */
	position:absolute;			/* use an absolute position relative to #home-r1-c2 */
	top:-9px;
	left:5px;
	/*color:#990000;*/
	border:none;

	/*background-color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size:12px; use px or em or what unit for accessibility?*/
	/*font-weight:bold;*/
}

div.home-content-more {		/* home content box bottom "more" links */
	position:absolute;		/* use an absolute position relative to #home-r1-c2 */
	bottom:0px;
	right:10px;
	border:none;
}

div.home-content {			/* default styles for home content boxes */
	position:relative; 		/* use relative position to work with heading position */
	float:left;
	top:0px;
	left:0px;
	padding:5px;
	margin:3px;
	margin-top:13px;
	border:1px solid #CCCCCC;
}

* html div.home-content {
	z-index:-1;  /*for IE only, set z-index so these appear behind the top menu */
}

*+html div.home-content {
	z-index:-1; /* for IE7 only, set z-index so these appear behind the top menu */
}
/* begin set size for home content boxes and override any default styles set on div.home-content */

#home-r1-c2 {				
	float:right;
	width:300px;
	height:499px;
}

*+html #home-r1-c2 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}
#home-r2-c1 {
	width:215px;
	height:76px;
}

*+html #home-r2-c1 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}
#home-r2-c2 {
	width:220px;
	height:76px;
}

*+html #home-r2-c2 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c5 {
	width:150px;
	height:76px;
}

*+html #home-r2-c5 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */

}

#home-r2-c3 {
	width:206px;
	height:192px;
}

#home-r2-c4 {
	float:right;
	width:280px;
	height:192px;
}

#home-r3-c1 {
	width:631px;
	height:95px;
}

#home-r3-c2 {
	float:right;
	width:280px;
	height:178px;
}

#home-r4-c1 {			/* Ratings box */
	/*width:448px;*/
	width:430px;
	height:55px;
}

#home-r4-c2 {
	width:216px;
	height:65px;
	padding:0;
	border:none;
	text-align:center;
}

/* end set size for home content boxes and override any default styles set on div.home-content */


/* end home page layout */



















div.container {
	position:static;
	float:left;
	border:1px solid #CCCCCC;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-right:5px;
	/*z-index:0;*/
}

div.container-right {
	position:relative;
	float:right;
	top:-14px;
	width:264px;
	border:1px solid #CCCCCC;
	padding-top:14px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-left:5px;
	/*z-index:-2;*/
}

div.container-title {
	position:relative;
	float:left;
	top:12px;
	left:15px;
	color:#990000;
	border:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; /*use px or em or what unit for accessibility?*/
	font-weight:bold;
	/*z-index:-1;*/
}

#col-sub-left {
	position:static;
	float:left;
	width:197px;
	/*height:100%;*/
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	/*border-right:1px solid #0000FF; TESTING*/
	margin:0; 
	padding:0;
	background:#FFFFFF repeat-y;
	color: #333333;
	/*z-index:3;*/
}

#col-sub-left2 {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:4px;
	border:1px solid #0000FF;
	/*z-index:2;*/ 
}

/*====== END STYLES FOR LAYOUT =====================================================*/