*
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

body
{
	background-image: url('../img/body-bg.png');
/*        font-family: Sabon, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;*/
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
}

#root
{
	position: relative;
	display: block;
	width: 940px;
	min-height: 981px;
	height: auto !important;
	height: 981px;
	background-image: url('../img/root-bg.jpg');
	background-repeat: no-repeat;
}

#top h1 a
{
	position: absolute;
	right: 22px;
	top: 150px;
	display: block;
	width: 426px;
	height: 66px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	text-indent: -999em;
}

#top h2 a
{
	position: absolute;
	right: 18px;
	top: 0;
	display: block;
	width: 134px;
	height: 149px;
	background-image: url('../img/report09.png');
	background-repeat: no-repeat;
	text-indent: -999em;
}

#nav
{
	position: absolute;
	left: 80px;
	top: 320px;
	width: 186px;
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
}

#nav ul
{
	position: relative;
}

#nav ul li
{
	position: relative;
	list-style-type: none;
	background-image: url('../img/nav-bg.png');
}

#nav ul li a
{
	position: relative;
	text-decoration: none;
	display: block;
	padding: 14px 20px 10px 20px;
	margin-bottom: 10px;
	color: #0E4769;
}

#nav ul li a:hover
{
	background-image: url('../img/nav-bg-over.png');
}

#nav ul li a.current:hover
{
	/*background-image: none;*/
}

#nav ul li ul.subnav
{
	margin-top: -10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	min-width: 0;
}

#nav ul li ul.subnav li
{
	display: block;
	padding-bottom: 8px;
	background-image: none;
}

#nav ul li ul.subnav li a
{
	display: block;
	width: 124px;
	right: 0;
	padding: 2px 0 2px 12px;
	margin: 0;
	color: #444;
	font-size: 12px;
	text-align: right;
	line-height: 100%;
}

#nav ul li ul.subnav li a:hover
{
	color: #36B;
	background-image: none;
}

#nav ul li ul.subnav li a.current
{
	font-weight: bold;
	color: #444;
}

#main
{
	position: relative;
	top: 220px;
	left: 218px;
	display: block;
	width: 720px;
	padding-bottom: 64px;
}

#contentTop, #contentTopHome
{
	display: block;
	width: 720px;
	height: 32px;
	background-image: url('../img/content-top.png');
	background-repeat: no-repeat;
}

#contentBottom, #contentBottomHome
{
	display: block;
	width: 720px;
	height: 32px;
	background-image: url('../img/content-bottom.png');
	background-repeat: no-repeat;
}

#contentTopHome
{
	background-image: url('../img/content-front-top.png');
}

#contentBottomHome
{
	background-image: url('../img/content-front-bottom.png');
}

#content, #contentHome
{
	line-height: 140%;
	padding: 18px 48px 32px 48px;
	background-image: url('../img/content-main.png');
	min-height: 580px;
	height: auto !important;
	height: 580px;
}

#contentHome
{
	background-image: url('../img/content-front-main.png');
	padding-top: 380px;
}

#content a
{
	color: #4C7490;
}

#content a:hover
{
	color: #36B;
}

#content p
{
	margin: 2px 12px 18px 0px;
}

#content ul, #content ol
{
	margin: 12px 48px;
}

#content ul li, #content ol li
{
	padding-left: 16px;
}

#content ul li ul
{
	margin-top: 0;
}

#content h3
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 24px;
	color: #213748;
	margin-bottom: 24px;
}

#content h4
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 18px;
	margin-top: 36px;
	color: #4c738f;
}

#content h5
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 100%;
	margin-top: 36px;
	color: #5996cc;
}





/*
#intro
	#introContent
		.introItem
			.introLeft
				img
			.introRight
				img
	#introNext
*/

#intro
{
	position: absolute;
	top: 18px;
	left: 18px;
	display: block;
	width: 684px;
	height: 367px;
	z-index: 32;
}

#introContent
{
	position: relative;
	display: block;
	width: 684px;
	height: 367px;
}

#introContent div.introItem
{
	position: relative;
	display: block;
	width: 684px;
	height: 367px;
}

#introContent div.introItem div.introLeft
{
	display: block;
	width: 320px;
	height: 367px;
	position: relative;
	top: 0;
	left: 0;
}

#introContent div.introItem div.introRight
{
	display: block;
	width: 364px;
	height: 367px;
	position: absolute;
	top: 0;
	right: 0;
}

#introNext
{
	display: block;
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 46px;
	height: 46px;
	background-image: url(../content/intro/next.png);
	background-repeat: no-repeat;
	z-index: 64;
}
















#employersListContainer
{
	display: block;
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px;
	text-align: center;
}

ul.employersList li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding:0 !important;
	float:left;
}

#content ul.employersList
{
	margin: 0;
}

#content ul.boardList
{
	margin: 0;
}

ul.boardList li
{
	list-style-type: none;
	margin: 0;
	padding: 12px 0;
	float:left;
	margin-right:40px;
	font-size:11px;
}

ul.boardList a {
 text-decoration:none;
}

ul.boardList a:hover {
 text-decoration:underline;
}

ul.boardList a:hover img {
 border:0;
 text-decoration:none;
}

#content #activeLTD
{
	margin-left: 20px;
}



#content p.chartHeader
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
	margin: 24px 16px 6px 12px;
}

table.chart
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	margin-left: 16px;
	margin-right: auto;
}

table.chart thead td
{
	text-align: center;
	background-color: #FFF665;
	padding: 4px 16px;
	font-weight: bold;
}

table.chart thead td.left
{
	text-align: left;
}

table.chart thead td.current
{
	color: #FFF;
	background-color: #4C7490;
}

table.chart tbody td
{
	padding: 4px 12px;
}

table.chart tbody td.number
{
	text-align: center;
	color: #888;
}

table.chart tbody td span.grey
{
	color: #888;
}

table.chart tbody td.current
{
	text-align: center;
}

table.chart tbody td.currentBlue
{
	color: #FFF;
	border-top: 1px solid #FFF;
	background-color: #4C7490;
	text-align: center;
	font-weight: bold;
}

table.chart tbody td.leftBlue
{
	color: #4C7490;
	font-weight: bold;
}

table.chartasset tbody tr:nth-child(odd) td {
 font-weight:bold;
}

table.chartasset tbody tr:nth-child(odd) td:first-child {
 color:#0E4769;
}

#scorecard td {
}

#content p.chartFooter
{
	font-family: "Myriad Pro", Myriad, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	color: #888;
	margin-left: 16px;
	margin-bottom: 24px;
}

/* 3o updates */

#homeImgs a {
 margin-left:17px;
 display:block;
 width:143px;
 height:185px;
 float:left;
}

#homeImgs a:first-child {
 margin-left:0;
}

#homeImgs a:hover img {
 visibility:hidden;
}

#buck1 {
 background-image: url('../content/buckets/ceo-off.jpg');
}

#buck2 {
 background-image: url('../content/buckets/chair-off.jpg');
}

#buck3 {
 background-image: url('../content/buckets/report-off.jpg');
}

#buck4 {
 background-image: url('../content/buckets/downloads-off.jpg');
}

#quiz {
 padding:20px;
}

#quiz p {
}

#quiz fieldset {
 border:0;
 margin-bottom:20px;
}

#quiz legend {
 font-size:60px; 
 padding:12px 0 12px 0;
/* margin-bottom:-20px;*/
/* margin-left:-15px;*/
 color:#ddd;
}

#quiz input[type=radio] {
 margin:0 10px 10px 30px;
}

#downloads td {
 text-align:top;
}

#downloads a {
 display:block;
}

#downloads td.padding a {
 margin-bottom:9px;
}

#imagebox {
 border-bottom:8px solid #4C738F;
 width:140px;
 float:left;
 margin:0 20px 20px 0;
}



div.quizResult
{
	display: none;
	padding: 32px;
	background: #DFD;
	border: 1px solid #696;
}

#feedBackForm
{
	margin: 32px;
}

#feedBackForm hr
{
	margin: 38px 0;
	margin-bottom: 42px;
}

#feedBackForm textarea
{
	font-size: 12px;
	margin: 6px 12px;
}

#feedBackForm div
{
	margin: 6px 12px;
}

#feedBackForm div.submit
{
	
}

#feedBackForm div#submitBox
{
	margin: auto 0px;
	margin-top: 38px;
	margin-bottom: 42px;
	padding: 38px;
	background-color: #EEE;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#feedBackForm label, #feedBackForm span
{
	padding-left: 8px;
}

#feedBackForm span.text
{
	padding-left: 0;
	padding-right: 8px;
}

#feedBackForm label.error
{
	float: right;
	color: #F00;
	font-weight: bold;
}


#feedBackForm span.percent
{
	position: absolute;
	right: 58px;
	font-size: 10px;
}

#feedBackForm div.percentBar
{
	display: block;
	height: 8px;
	width: 200px;
	float: right;
	margin-top: -2px;
}

#feedBackForm div.percentBar div
{
	display: block;
	height: 8px;
	background-color: #213748;
	width: 0px;
}


div.audioMessage
{
	display: block;
	width: 180px;
	background: #EEE;
	border: 1px solid #CCC;
	margin: 24px;
	margin-top: 0;
	padding: 24px;
	float: right;
	text-align: center;
	font-size: 110%;
}