﻿/* color palette
#2C88B5 - Blue
*/

body {
	border:0;
	margin:0;
	padding:0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #3B3B3B;
	background:#DCE0DD url(../images/bg-main.gif) 50% 0 repeat-y;
	/*font-size: small; */
	font-size: 15px;
	text-align:center;
 	}


/*-- list styles ------------------*/

ul, li {
	list-style: none;
   	background: url(../images/bullet_br.gif) 0 .45em no-repeat;
	line-height: 1.3em;
	margin: .6em 0 .6em 0;
	}
	
ul {
	background:none;
	padding-left: 0em;
	margin-left: 0em;
	margin: .2em 0em .8em 0em;
	}
 
ul li ul {
	margin:.4em 0;
}
 
li {
	font-size: 85%;
	margin: .8em 0 .8em 0;
	padding-left:.8em;
}

li li, li li li {
	font-size: 100%;
}
		
ol {
	background:none;
	margin: .2em 0em .6em 0em;
	padding-left:1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background:none;
	padding-left:0;
}

ol li ul li{
	list-style:none;
	background: url(/images/bullet_br.gif) 0 .45em no-repeat;
	padding-left:1em;
}
	
dl {
	margin:.8em 0;
	font-size:85%;
	line-height:1.6em;
}

dt {
	font-weight:bold;
}

dd {
	padding:0;
	margin:.2em 0 .8em 0;
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size:100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*-- end list styles ------------------*/


p {
	font-size:85%;
	line-height: 1.4em;
	margin: .2em 0em .8em 0em;
}


/*-- header styles ------------------*/

h1,h2,h3,h4,h5,h6 {
	line-height: 1.3em;
}

h1 {
	font-size:110%;
	color: #3B3B3B;
	font-weight: bold;
	margin:0;
	padding:0;
	margin: .4em 0em .4em 0em;
}

h2 {
	font-size:100%;
	color: #363636;
	font-weight:bold;
	margin: .4em 0em .4em 0em;
}

h3 {
	font-size:85%;
	color: #463427;
	margin: .4em 0em .4em 0em;
}

h4 {
	font-size:85%;
	color: #363636;
	margin: 0.4em 0em 0.4em 0em;
}

h5 {
	font-size:85%;
	color: #363636;
	margin: .4em 0em .4em 0em;
}

h6 {
	font-size:85%;
	color: #363636;
	margin: .4em 0em .4em 0em;
}

/*-- end header styles ------------------*/

/*-- table styles ------------------*/

table{
font-size:100%;
line-height:1.6em; /*should equal your main lineheights*/
}
/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

table p, table li{
font-size:100%;
}

/*-- end links ------------------*/


/*-- links ------------------*/

a {
	text-decoration:underline;
	color: #6F767D;
}

a:visited {
}

a:focus, a:hover, a:active {
	text-decoration:underline;
	color: #2C88B5;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*-- end links ------------------*/


pre {
	font-family: monospace;
	font-size: 100%;
	}
	
strong, b {
	font-weight: bold;
	}

hr {
	height:1px;
	border:0;
	border-bottom:1px solid #C9C6B3;
}

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display:none;
}

.leadin {
	padding:0;
	margin:.2em 0 .2em 0;
}

.imgleft{
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.imgright{
	float:right;
	display: inline;
	margin:0px 0px 5px 10px;
}

.last {
	border-right:none !important;
}

/*-- general form stuff ------------------*/

form{
	padding:0;
	margin:0;
}

form fieldset {
	margin:0;
	padding:0;
	border:0;
	margin-bottom:.6em;
}

form label, form select {
	font-size:85%;
}

.starting-graphic 
{
	height:175px;
	width:100%;
	background: url(../images/Starting_v3_Graph_RGB.gif) top center no-repeat;
}

/*-- primary elements ------------------*/


#wrapper {
	margin: 0 auto;
	width: 975px;
	padding: 0 9px;
	text-align:left;
}

#header {
	position: relative;
	height: 151px;
	background: url(../images/bg-header-home.jpg) bottom left no-repeat;
}

#header img#logo{
	position: absolute;
	top: 15px;
	left: 20px;
}

#content-wrapper {
	float: left;
	width: 950px;
	padding: 0px 0px 30px 26px;
	background: url(../images/bg-contentwrapper.gif) top left repeat-x;
}

#content-wrapper img {
	border: 1px solid #B3BECA;
}

img.no-border {
	border: 0 !important;
}

#secondary-content {
	float: left;
	width: 126px;
	padding-right: 40px;
}

#secondary-content ul {
	margin-bottom: 30px;
}

#main-content {
	float: left;
	width: 282px;
	padding-right: 10px;

}

.wide {	
	width: 448px !important;
}

body.english h2 {
	font-size: 100%;
}

body.english #main-content h3 {
	margin-top: 5px;
	margin-bottom: 20px;
}

#main-content h3.english-leadin {
	margin-bottom: 2em;
}

#sidebar *, #secondary-content * {
	line-height: 1.2em;
}

#sidebar li, #secondary-content li {
	background-position: 0 .3em;
}

#sidebar li img {
	margin-bottom: 0px;
}

.notext {
	padding-top: 100px !important;
}

#sidebar h2 {
	color: #535D52;
	font-weight: bold;
}


#footer {
	clear: both;
	border-top: 1px solid #6F767D;
	margin: 0 26px;
	padding-bottom: 10px;
}	

#footer p.left {
	float: left;
}

#footer p.right {
	float: right;
}

/*-- navigation ------------------*/

#mainnav {
	position: absolute;
	bottom: 71px;
	right: 215px;
	margin: 0;
	padding: 0;	
}

#mainnav li{
	margin: 0;
	padding: 0;
	line-height: 1;
	float: left;
	background: url(../images/nav_bar.gif) -15px 0 no-repeat;
}

#mainnav li a {
	display: block;
	outline: none;
	text-indent: -10000px;
	text-decoration: none;
	width: 79px;
	height: 16px;
	background: url(../images/nav_bar.gif) 0 0 no-repeat;
}


#mainnav li a:hover{
background: none;
}

#mainnav li#audit a{
width: 189px;
background-position: 0 0;
}
#mainnav li#audit{
background-position: 0 -20px;
}
#mainnav li#opdr a{
width: 217px;
background-position: -189px 0;
}
#mainnav li#opdr{
background-position: -189px -20px;
}
	
body.audit #mainnav li#audit, body.audit #mainnav li#audit a {
	background-position: 0 -25px;
}
body.opdr #mainnav li#opdr, body.opdr #mainnav li#opdr a {
	background-position: -122px -25px;
}

li#opdr ul li a#claim_link
{
	color:Red;
}

body.home div#wrapper div#content-wrapper div#sidebar ul#subnav li a#claim_link
{
	color:Red;
}

body.english, body.about li#about a, body.contact li#contact a, body.sitemap li#sitemap a {
	color: #3B3B3B;
}

/*pop-up menus*/

ul#mainnav li:hover a, ul#mainnav li.sfhover a {
	background: none;
}

ul#mainnav li ul {
	position: absolute;
	margin: 0;
	left: -10000px;
	top: 14px;
	background: #e5e5e5;
	width: auto;
	height: auto;
	padding: 0 2px;
	border: 2px solid white;
	
}

ul#mainnav li:hover ul, ul#mainnav li.sfhover ul{
	left: auto;
}


ul#mainnav li ul li{
	line-height: 1;
	float: none;	
	background: none;
	text-indent: 0;
	width: 200px; 
	padding: 2px 0;
	margin: 0;
}

ul#mainnav li ul li.last {
	background: none;
}

ul#mainnav li:hover ul li a, ul#mainnav li.sfhover ul li a, ul#mainnav li ul li a {
	height: auto;
	width: 200px !important;
	font-size: 12px;
	display: block;
	text-indent: 0;
	text-transform: none;
	color: #3B3B3B;
	background: none;
	padding: 3px 2px;
}

ul#mainnav li:hover ul li a:hover, ul#mainnav li.sfhover ul li a:hover{
	background-color: #2C88B5  !important;
	color: #fff;
}

#subnav {
	margin-bottom: 30px;
	background: url(../images/dashes.gif) top left repeat-x;
}

#subnav li {
	background: url(../images/dashes.gif) bottom left repeat-x;
	padding: 6px 6px 6px 2px;
	margin: 0;
}


#subnav li a {
	text-decoration: none;
}

#subnav li.on a{
	font-weight: bold;
	color: #3B3B3B;
}

#mininav {
	position: absolute;
	bottom: 125px;
	right: 28px;
	margin: 0;
	padding: 0;	
}

#mininav li{
	float: left;
	margin: 0;
	padding: 0 7px;
	line-height: 1.1em;
	background: none;
	border-right: 1px solid #463427;
}	
	
/* body-home */

body.home #header {
	z-index: 50;
	background: none;
	height: 89px;
}

body.home #mainnav {
	bottom: 9px;
}
	
body.home #mininav {
	bottom: 63px;
}

body.home #main-content {
	width: 750px;
	padding-right: 0;
}


body.home #tile_spacer {
	position: relative;
	z-index: 30;
	height: 16px;
	/*background: url(../images/bg-header-home.jpg) top left no-repeat;*/
}	

body.home #header {
		background: none;
		height: 89px;
	}
	
	
	body.home #mainnav {
		bottom: 9px;
	}
	
	body.home #mininav {
		bottom: 63px;
	}

body.home #sidebar {
	position: relative;
	z-index: 40;
	width: 150px;
	background: none;
	margin: 25px 0 0 0;
	float: right;
}

.spotlight * {
	line-height: 1.2em;
}

.spotlight h3 {
	margin-top: 20px;
	color: #0E495E;
}

.spotlight li {
	background-position: 0 .3em;
}

.col {
	float: left;
	width: 205px;
}

div.left {
	display: inline;
	margin-right: 20px;
}

ul.services li {
	background: none;
	
}


div.BlueBorder
{
	clear:left;
	width:850px;
	border-top:dashed 1px #2C88B5;
	border-bottom:dashed 1px #2C88B5;
	margin-top:10px;	
}



#SecondCol
{
	margin-left:255px;
	width:275px;
	height:250px;
	/*background: url(../images/Reporting_Graph_web.gif) bottom center no-repeat;*/
}

#ThirdCol
{
	float: left;
	width:275px;
	height:250px;
	/*background: url(../images/Reporting_Graph_web.gif) bottom center no-repeat;*/
}






div.BlueBorder div h4
{
	color: #3C3B3B;
	font-size:100%;
	text-align:center;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:0px;
}

#here
{
	background: #fff;

}

#services
{
	background: #fff;
}

#english
{
	background: #fff;

}

#team
{
	background: #fff;
	
}

.MarginTen
{
	margin-top:0px;
}

