/* CSS Document */
	
/* HEADER CLASSES */

html {
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0;
}

body {
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0; 
}


p {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

UL {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

LI {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

a:link {
color: #F5821F;
}

a:active {
color: #D14414;
}

a:visited {
color: #003D6B;
}

body.epi-pageBG {
margin: 0 !important;
padding: 0 !important;

}

.hdbkgd
{
	background-color : #FFFFFF;
}

.prgheader {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #003D6B;
	}

.page-title {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #003D6B;
	}
	
.book-title {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color : #000;
	}

.navhdbkgd {
	background-color : #ADC32A;
	vertical-align: top;
	}


.navmenuon {
	background-color : #ADC32A;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	color: #FFF;
	margin: 0 30px 0 0;
	}

.navmenu {
	background-color : #ADC32A;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	color : #FFF;
	margin: 0 30px 0 0;
	}

a.navmenu:link {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	}

a.navmenu:visited {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	}

a.navmenu:active {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	}

a.navmenuon:link {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	}

a.navmenuon:visited {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	}

a.navmenuon:active {
	background: #ADC32A; 
	color: #FFF; 
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	}

.footer {  
	font-size: 12px; 
	color: #000000;
	}

.button {
	/* IDLE STATE OF BUTTON */
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	height: 20px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color : #000000;
	background-color : #FFFFFF;
	}


a.button {
	/* ACTIVE STATE OF  BUTTON */
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	text-align: center;
	display: block;
	height: 20px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color : #FFFFFF;
	}

a.button:link {
   background-color : #FFFFFF;
	color: #000000;
	text-decoration: none;
	}

a.button:visited {
	background-color : #FFFFFF;
	color: #000000;
	text-decoration: none;
	}

a.button:active {
	background-color : #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	border-left : 1px solid #000000;
	border-right : 1px solid  #FFFFFF;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #FFFFFF;
	}

a.button:hover { 	
	background-color: #FFFFFF; 	
	color: #000000;	
	text-decoration: none;	
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;
	}



.buttonOn {
	/*CLASS TO MODIFY THE BUTTON DISPLAY FOR ACTIVE PAGE LINK - IF LINK TO BE ACTIVE, PLACE CLASS IN ANCHOR TAG, BUT IF TO BE INACTIVE, PLACE CLASS IN SPAN TAG */
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #000000;
	text-align: center;
	display: block;
	height: 20px;
	}

a.buttonOn:link { 	
	background-color: #FFFFFF; 	
	font-weight: bold;	
	color: #000000;	
	text-decoration: none;
	}

a.buttonOn:visited {	
	background-color: #FFFFFF; 	
	color: #000000;	
	text-decoration: none;
	}

a.buttonOn:hover { 	
	background-color: #FFFFFF; 	
	color: #000000;	
	text-decoration: none;	
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;
	}

a.buttonOn:active { 	
	background-color: #FFFFFF; 	
	color: #000000; 	
	text-decoration: none;
	}


hr.hr-home {
	height: 7px;
	width: 750px;
	background-color: #7CBCE3;
	color: #7CBCE3;
	margin: 10px 0;
	border: 0;
}

hr.video-hr {
	height: 7px;
	width: 350px;
	background-color: #7CBCE3;
	color: #7CBCE3;
	margin: 10px 0;
	border: 0;
}

hr {
	height: 7px;
	background-color: #7CBCE3;
	color: #7CBCE3;
	margin: 10px 0;
	border: 0;
}



#home {
	border: 0;
	padding: 5px;
	margin: 0;
	width: 750px;
	}

table#promos {
	width: 600px;
	border: 0;
	padding: 0;
	margin: 5px 0;
	}

#promos td {
	text-align: left;
	vertical-align: top;
	max-width: 255px; 
	}

table#promos2  {
	width: 750px;
	border: 0;
	padding: 0;
	margin: 5px 0 10px 0;
	}

#promos2 td {
	padding: 0 0 0 75px;
	text-align: left;
	vertical-align: top;
	margin: 5px 0;
	}

.promo-title {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003D6B;
	text-transform: uppercase;
	}

#main_nav_table { /* this is the green nav bar*/
	background-color: #ADC32A;
	width: 1000px;
	border-top: 2px solid white;
	padding: 0;
	margin: 0;
	}

/*#navhdbkgd {
width: 510px;
border: 0;
padding: 0;
margin: 0;
}*/

/*#navhdbkgd td {
font-weight: bold;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-transform: uppercase;
}*/

#header-links { /*this is the table for the links in the green nav bar*/
	width: 510px;
	border: 0;
	padding: 0;
	margin: 0;
	align: center;

	}

#header-links td { /*these are the td's containing the links in the green nav bar*/
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	}

table#footer-table  {
	padding: 0;
	margin: 0;
	text-align: left;
	}

#footer-table td {
	padding: 0;
	margin: 0;
	}

.footer-text {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.footer-links {
	background-color: #003D6B;
	text-align: center;
	line-height: 8px;
	padding: 4px 0 6px 0;
	margin: 0 0 4px 0;
	height: 10px;
	width: 1000px;
	}

.footer-links a:link,
.footer-links a:visited,
.footer-links a:active {
	color: #FFF; 
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 0 10px 0 10px;
	}

.footer-links a:active {
	color: #F5821F; 
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 0 10px 0 10px;
	}

.footer-phone {
	text-align: center;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003D6B;
	}

.footer-copy {
	text-align: center;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003D6B;
	}

.footer-sig {
	text-align: center;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003D6B;
	}

.footer-sig a:link,
.footer-sig a:visited,
.footer-sig a:active {
	color: #003D6B;
	text-decoration: underline:
	}

.footer-rights {
	text-align: center;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003D6B;
	}



.OTLogo {
	margin: 3px 0 0 0;
	}

#research-split-grid {
	width: 800px;
	margin: 0;
	padding: 0;
	border: none;
	}

#researchLeftNav .ot-logo {
	width: 157px;
	margin: 3px 0 10px 0;
	}

.ot-logo {
	width: 157px;
	margin: 30px 0 10px 0;
	}

.grid-vertical-nav a:link,
.grid-vertical-nav a:visited,
.grid-vertical-nav a:hover,
.grid-vertical-nav a:active {
	color: #F5821F; 
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	}

.grid-vertical-nav-selected {
	color: #000; 
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	}

.grid-vertical-nav {
	width: 220px;
	margin: 0 0 0 -20px;
	padding: 0 0 0 0;
	vertical-align: top;
	text-align: left;
	}
	
.page-content {
	vertical-align: top;
	}

.research-guide {
	margin: 10px 0;
	text-align: center;
	}

.hm-research-guide {
	text-align: center;
	}

.prgheaderlg {
	font-weight: bold;
	color: #3366CC;
	font-size: 14pt
	}

#video-content {
	width: 750px;
	}


#get-media-player {
	width: 300px;
	margin: 0;
	}



#get-media-player-inner {
	width: 300px;
	margin: 0;
	}

.clip-info {
	width: 250px;
	}

.media-background {
	background: url(/images/OOF/oof-us/win_media_bg.gif) no-repeat 0;
	}


#video-main hr {
	width: 353px;
	}

#left-nav {
	width: 200px;
	}

#split-grid {
	width: 1000px;
	border: none;
	padding: 0;
	margin: 0;
	}

#researchLeftNav {
	width: 200px;
	text-align: left;
	margin: 0 0 0 -10px;
	padding: 0;
	}
	
#vertical-nav-include {
	width: 200px;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;
	}

#vertical-nav-include .td-space {
	width: 10px;
	}

#vertical-nav-include .arrow-td {
	width: 20px;
	}
	
#vertical-nav-include .link-td {
	width: 170px;
	}
	
#vertical-nav-include .links-div-off {
	width: 170px;
	}

#vertical-nav-include .links-div-on {
	width: 170px;
	}
	
#split-grid .vertical-nav {
	width: 200px;
	border: none;
	padding: 0 15px 0 0;
	margin: 0;
	vertical-align: top;
	}
	
#split-grid .main-content {
	width: 800px;
	margin:  0 0 0 0;
	vertical-align: top;
	}

.main-content {
	width: 800px;
	margin:  0 0 0 0;
	vertical-align: top;
	}

#research-content-table {
	width: 750px;
	border: none;
	padding: 0;
	margin: 0 0 0 20px;
	}

#career-advice-content-table {
	width: 750px;
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
	}

#content-table {
	width: 750px;
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
	}
	
#home-content-table {
	width: 750px;
	border: none;
	padding: 0;
	margin: 0 0 0 20px;
	}

#research-content-home-table {
	width: 750px;
	border: none;
	padding: 0;
	margin: 0 0 0 25px;
	}


	
/* END HEADER CLASSES */