/* general styles */
/*---------------------------------------------------*/

.sttext {
color: #003399;
	font: 12px/16px helvetica, arial, verdana, sans-serif;
	}
	
body, html, div {
	margin: 0px;
	padding: 0px;
	font: 11px/16px arial, verdana, sans-serif;
	}

p {
	padding: 0;
	margin: 0 0 10px 0;
}	
	
body#basic {
	margin: 0px;
	padding: 0px;
	color: #434852;
	width: 780px;
	background: url(images/bg_gradient.jpg) repeat-x #5B5044;
	font: 11px/16px arial, verdana, sans-serif;
	}
	
body#homepage {
	margin: 0px;
	padding: 0px;
	color: #EBE1C5;
	background: url(images/home_gradient.jpg) #5B5044;
	font: 11px/16px arial, verdana, sans-serif;
	}
	
#contentHome a, #footer a {
	color: #BBD4E6;
	text-decoration: none;
	border-bottom: 1px dotted;
	padding: 1px;
}


#contentHome a:hover, #footer a:hover {
	color: #FFFFFF;
	background: #FF6699;
	border: none;
}

#contentHome h3 {
	color: #BBD4E6;
}
	
td {
	color: #EBE1C5;
	font: 11px arial, verdana, sans-serif;
	}
	
div#mainArea a {
	color: #434852;
	text-decoration: none;
	border-bottom: 1px dotted;
	padding: 1px;
	}
	
div#mainArea a.noBorder img, div#mainArea a.noBorder {
	border: none;
	padding: 0px;
}

	
div#mainArea a:hover.noBorder img {
	border: 0px;
	padding: 0px;
}

div#mainArea a:hover {
	color: #FFFFFF;
	background: #FF6699;
	border: none;
	}
	
h1 {
	margin:0 0 8px 0;
	color: #FF6699;
	font: 20px/30px helvetica, arial, verdana, sans-serif;
	}
	
h2 {
	margin-bottom:0px;
	padding: 0;
	color: #5B5044;
	font: bold 11px/16px verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	}
	
h2 a {
	color: #DC5402;
	}
	
body#homepage h3 {
	margin: 0;
	padding: 0;
	color: #BBD4E6;
	font: bold 10px/16px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;
	}
	
body#basic h3 {
	margin: 0;
	padding: 0;
	color: #6D879A;
	font: bold 10px/16px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;	
}	
	
h4 {
	margin: 2px 0 2px 12px;
	padding: 0;
	color: #EFEFEF;
	font: bold 12px arial, verdana, sans-serif;
	letter-spacing: .1em;
	}
	
h5 {
	margin: 0;
	padding-left: 10px;
	color: #FFFFFF;
	background: #6D879A;
	font: bold 11px/16px arial, verdana, sans-serif;
	text-transform:uppercase;
	}
	
h6 {
	margin: 0;
	color: #BBD4E6;
	font: bold 10px/16px arial, verdana, sans-serif;
	}
	
ul li {
	margin-bottom: 5px;
	list-style: url(images/arrow.gif);
	line-height: 16px;
	}
	
	
/* header divs */
/*---------------------------------------------------*/
div#container {
	background: url(images/bg.jpg) no-repeat;
	height: 132px;
	width: 760px;
	margin: 0 0 10px 0;
	padding: 0px;
	}
	
	
div#containerreport {
	background: url(images/report_bg.jpg) no-repeat;
	height: 86px;
	width: 760px;
	margin: 0;
	padding: 0px;
	}
	
div#pageHeader {
	width: 760px;
	position: absolute;
	left: 41px;
	top: 49px;
	visibility: visible;

	}
	
div#date {
	padding-top: 6px;
	color: #8E8165;
	font: 10px/16px verdana,arial,sans-serif;
	text-align: right;
	}
	
div#tagline {
	width: 192px;
	float: right;
	background: url(images/tagline.gif) no-repeat;
	height: 22px;
	margin-top:20px;
	}
	
#tagline h2,#contact span,.columnBottom span,.columnBottom2 span, .columnBottomWide span,.divider strong,.dividerC strong,#pdf span,.hide,#process1 h3,#process2 h3, #process3 h3, #process4 h3,#process5 h3 {
	display: none;
	}
	
	span.divider {
	background: url(images/nav_divider.gif) no-repeat;
	}

div#navBox {
	margin-top:4px;
	width: 740px;
	text-align:right;
	clear:both;
	float:left;
	}

div#navBoxHome {
	margin-top:10px;
	width: 740px;
	clear:both;
	float:left;
	}

div#nav {
	float:right;
	}

#nav a {
	padding: 1px 12px;
	color: #434852;
	font: bold 10px verdana,arial,sans-serif;
	text-decoration: none;
	}
#nav a:hover, #nav a:hover strong {
	color: #FFFFFF;
	background: #FF6699;
	}

div#subnavigation a:hover{
	color: #8E8165;
}	
	
#nav strong {
	color: #FF6699;
	}

#contact {
	padding: 6px;
	}

#contact a {
	padding-left: 4px;
	padding-right: 6px;
	background: url(images/icon_email_off.gif) no-repeat;
	text-decoration: none;
	}

#homepage #contact a:hover, #contact a:hover {
	background: url(images/icon_email_on.gif) no-repeat;
	}

div#subnavigation a {
	padding: 6px;
	color: #FF6699;
	font: 10px verdana,arial,sans-serif;
	text-decoration: none;
	}
	
#sideBar {
	margin-top: 30px;
	width: 285px;
	float: right;
	}	
	
#sideBarNarrow {
	clear: both;
	margin-top: 30px;
	padding: 30px 10px;
	width: 220px;
	float: right;
	}
	
#logo {
	margin-top: 16px;
	margin-left: 16px;
	}
	
.arrow {
	margin: 3px; 
	}
	
/*---------------------------------------------------*/

#thirdNav ul {
	margin: 0;
	padding: 0;
	background: #978C80;
	text-transform: lowercase;
	}
	
 #thirdNav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
	}
	
 #thirdNav ul a {
	border-bottom: 1px solid #E7DCD0;
	border-right: 1px solid #E7DCD0;
	padding: 0 0 0 16px;
	display: block;
	color: #EBE1C5;
	background: none;
	font: 11px/1.85em arial,verdana,sans-serif;
	text-decoration: none;
	}

#thirdNav ul a:hover {
	border-bottom: 1px solid #E7DCD0;
	border-right: 1px solid #E7DCD0;
	}	
	
  #thirdNav ul .forthNav {
	padding-left: 30px; /* homepage divs */
	}
	
/*---------------------------------------------------*/
div#containerHome {
	background: url(images/home_bg_noflash.jpg) no-repeat;
	height: 260px;
	width: 780px;
	margin: 0px;
	padding: 0px;
	}

div#pageHeaderHome {
	background: url(images/home_nav_bg.jpg) no-repeat;
	width: 780px;
	height:  40px;
	position: absolute;
	left: 0;
	top: 260px;
	}
	
div#columnOne {
	width: 480px;
	float: left;
	}
	
div#columnTwo {
	width: 240px;
	float: right;
	}
	
.homeBox {
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #978C80;
	border-right: 1px solid #3D3226;
	border-left: 1px solid #978C80;
	line-height: 1.8em;
	text-align: left;
	}
	
.hometext {
	color: #FF6699;
	background: none;
	font: 18px/22px verdana,arial,sans-serif;
	}
	
#contentHome {
	width: 750px;
	position: absolute;
	left: 21px;
	top: 320px;
	}
	/*
div.columnBottom {
	width: 240px;
	background: url(images/column_bottom.gif) no-repeat;
	height: 15px;
	}
	*/
	
div.columnBottomNarrow {
	width: 200px;
	background: url(images/column_bottom_narrow.gif) no-repeat;
	height: 15px;
	}
	
div.columnBottomWide {
	width: 490px;
	background: url(images/column_bottom_wide.gif) no-repeat;
	height: 15px;
	}
	
div.columnBottomHome {
	width: 240px;
	background: url(images/column_bottom2.gif) no-repeat;
	height: 15px;
	}
	
div.columnBottomHome2 {
	width: 480px;
	background: url(images/column_bottom_home.gif) no-repeat;
	height: 15px;
	}
	
/* content area */
/*---------------------------------------------------*/
div#mainArea {
	width: 760px;
	float: left;
	margin: 0 0 10px 20px !important;
	margin: 0 0 10px 10px;
	padding: 0 0 30px 0;
	background: url(images/content_bg.jpg) bottom repeat-x #FFFFFF;
	border-top: 1px solid #FF6699;
	}

.code {
	font: 11px/16px courier, "courier new", monospace;
	}
	
#copyright {
	clear: both;
	padding-bottom: 6px;
	color: #CFC3AB;
	font: 10px/16px arial, verdana, sans-serif;
	text-align: right;
	letter-spacing: .1em;
	}
	
.quote, .attribute {
	display: block;
	color: #8E8165;
	font: bold 12px/18px verdana, arial, helvetica, sans-serif;
	}
	
.quote img {
	border: 1px solid #FFFFFF;
	margin: 10px;
	float: right;
	}
	
.attribute {
	font: 11px arial, verdana, sans-serif;
	}
	
.headerTwo {
	color: #41566D;
	}

#pageName {
	/*position: absolute;
	left: 20px;
	top: 140px;
	*/
	margin: 10px 20px;
	width: 760px;
	/*padding: 2px 0 2px 12px;*/
	border-bottom: 1px solid #E7DCD0;
	border-right: 1px solid #E7DCD0;
	background: #978C80;
	}
	
.bevelBox {
	padding: 20px 12px;
	/*border-top: 1px solid #FFFFFF;
	border-right: 1px solid #3D3226;
	border-left: 1px solid #FFFFFF;
	background: #EBE1C5;
	color:#8E8165;
	line-height: 1.5em;
	*/
	margin: 0;
	}
	
#sideBar .bevelBox td {
	color: #978c80;
}	

	
.bevelNarrow {
	margin-top: 10px;
	padding: 16px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #3D3226;
	border-left: 1px solid #FFFFFF;
	background: #978C80;
	line-height: 1.5em;
	}

.dottedLine {
	border-top: 1px dashed #FFFFFF;
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	}

.dottedLineDark {
	border-top: 1px dashed #3D3226;
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	}

.leftCol {
	float: left;
	width: 400px;
	padding: 0 30px 20px 30px;
	margin: 30px 0 0 0;
	line-height: 16px;
	border-right: 1px solid #EBE1C5;
	}
	
	.leftCol2 {
	float: left;
	width: 430px;
	padding: 0 30px 20px 30px;
	margin: 30px 0 0 0;
	line-height: 16px;
	border-right: 1px solid #EBE1C5;
	}
	
#leftColWide {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 520px;
	padding: 10px 20px 20px 30px;
	margin: 30px 0 0 0;
	float: left;
	width: 520px;
	line-height: 16px;
	}
 html>body #leftColWide {
	width: 486px;
	}

#twoCol {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 370px;
	padding: 36px 30px 0 30px;
	float: left;
	width: 310px;
	line-height: 16px;
	}
	html>body #twoCol {
	width: 310px;
	}

.threeCol {
	width: 210px;
	float: left;
	display: block;
	}
	
.highlight {
	padding: 18px;
	background: #BBD4E6;
	}

.photoFloatLeft {
	margin: 0 20px 5px 0;
	float: left;
	}
	
.photoFloatRight {
	margin: 0px 0px 16px 16px;
	float: right;
	}
	
/* process */
/*---------------------------------------------------*/

#processChart {
	margin-top: 18px;
	margin-left: 10px;
	}

#process {
	border: 0;
	}

#process th {
	border-right: 1px solid #FFFFFF;
	padding-top: 20px;
	}

#process td {
	border-right: 1px solid #FFFFFF;
	padding: 8px;
	font: 10px/16px arial, verdana, sans-serif;
	text-align: right;
	}

#process1 {
	width: 146px;
	background: url(images/process_01.gif) no-repeat;
	height: 89px;
	}

#process2 {
	width: 145px;
	background: url(images/process_02.gif) no-repeat;
	height: 89px;
	}
#process3 {
	width: 146px;
	background: url(images/process_03.gif) no-repeat;
	height: 89px;
	}
#process4 {
	width: 147px;
	background: url(images/process_04.gif) no-repeat;
	height: 89px;
	}
#process5 {
	width: 152px;
	background: url(images/process_05.gif) no-repeat;
	height: 89px;
	}
	
/* example pages */
/*---------------------------------------------------*/
#exampleFeatured {
	width: 520px;
	float: left;
	margin-top: 20px;
	}
	
#mainArea #exampleFeatured a {
	border-bottom: none;
}	

#mainArea #exampleFeatured a:hover {
	background: none;
}

.exampleFeaturedIndent {
	margin-left: 100px;
	text-align: left;
	}
	

.exampleImg {
	padding: 6px;
	border-top: 1px solid #9E937B;
	border-right: 1px solid #474032;
	border-left: 1px solid #9E937B;
	border-bottom: 1px solid #474032;
	background: #F6E1B2;
	}
	
	
#leftColWide .exampleThumb a{
	border-bottom: none;
}

#leftColWide .exampleThumb a:hover {
	background: none;
}	
	
.exampleThumb {
	width: 262px;
	float: left;
	text-align: right;
	}

div#exampleList {
	width: 210px;
	position: absolute;
	left: 8px;
	top: 8px;
	}

div#exampleList h3 {
	color:  #FF6699;
}

div#exampleList a {
	line-height: 20px;
	color: #434852;
	text-decoration: none;
	border-bottom: 1px dotted;
	padding: 1px;
	}
	
div#exampleList a:hover {
	color: #FFFFFF;
	background: #FF6699;
	border: none;
}	

div#exampleBox {
	width: 456px;
	position: absolute;
	left: 20px;
	top: 0px;
	}
	
div#exampleBox h3 {
	color:  #FF6699;
}	
	
div#exampleBox a {
	color: #434852;
	text-decoration: underline;
}	

div#exampleBox a:hover {
	color: #434852;
	text-decoration: underline;
}	
	
div#imageSpace {
	margin-bottom: 6px;
	padding: 3px;
	background: #5B5044;
	border-top: #978C80 1px solid;
	border-right: #3D3226 1px solid;
	border-left: #978C80 1px solid;
	border-bottom: #3D3226 1px solid;
	}

.floatRight {
	float: right;
	}

.floatLeft {
	float: left;
	}

#exampleText {
	clear: both;
	}

#pdf a {
	width: 55px;
	float: right;
	background: url(images/icon_fullstory.gif) no-repeat;
	text-decoration: none;
	height: 16px;
	}

#pdf a:hover {
	width: 55px;
	background: url(images/icon_fullstory_on.gif) no-repeat;
	height: 16px; /* newsletter */

	}
/*---------------------------------------------------*/
#masthead {
	padding: 5px 10px;
	background: #EBE1C5;
	color: #5B5044;
	
	font: 20px/30px helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	}

#newsletterDate {
	padding: 5px 10px;
	background: #8E8165;
	color: #FFFFFF;
	font: 10px/14px helvetica, arial, verdana, sans-serif;
	letter-spacing: .1em;
	}

#report {
	padding: 26px;
	display: block;
	}
	
#report form a {
	border: none;
}	

#report form a:hover {
	background: none;
}

#report h2, #report h2 a {
	color: #FF6699;
}

#report #leftColNews h3 {
	color: #5B5044;
}


	

#leftColNews {
	border-right: 1px solid #EBE1C5;
	padding-right: 30px;
	width: 450px;
	float:left;
	}

#sideBarNews {
	width: 180px;
	float: right;
	}

#newsLinks {
	padding: 6px 16px;
	margin-bottom: 10px;
	display: block;
	background: #EBE1C5;
	line-height: 1.85em;
	}

.articles {
	width: 460px;
	float: left;
	}
	
.article-col {
	width: 220px;
	float: left;
	padding-right:10px;
	}
	
.article-col2 {
	width: 220px;
	float: left;
	padding-left:10px;
	}
	
.bio {
	width: 200px;
	float: left;
	border: 1px dashed #008C99;
	padding: 10px;
	margin: 0 20px 20px 0;
	color: #978c80;
	font: 12px/16px helvetica, arial, verdana, sans-serif;
	}
	.bio5 {
	width: 200px;
	float: left;
	border: 1px dashed #008C99;
	padding: 10px;
	margin: 0 20px 20px 0;
	color: #003366;
	font: 13px/16px helvetica, arial, verdana, sans-serif;
	}
	.bio2 {
	width: 260px;
	float: left;
	border: 1px dashed #008C99;
	padding: 10px;
	margin: 0 20px 20px 0;
	color: #978c80;
	font: 11px/14px verdana, helvetica, arial, sans-serif;
	}
		.bio3 {
	width: 420px;
	float: left;
	border: 1px dashed #008C99;
	padding: 10px;
	margin: 0 20px 20px 0;
	color: #003399;
	font: 11px/14px verdana, helvetica, arial, sans-serif;
	}
	.biospacer {
	width: 420px;
	float: left;
	border: 0px dashed #008C99;
	padding: 10px;
	margin: 0 0px 0px 0;
	font: 11px/14px verdana, helvetica, arial, sans-serif;
	}
.bio img {
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
	}

/* header divs */
/*---------------------------------------------------*/



#tagline h2,#contact span,.columnBottom span,.columnBottom2 span, .columnBottomWide span,.divider b,.dividerC b,#pdf span,.hide,#process1 h3,#process2 h3, #process3 h3, #process4 h3,#process5 h3 {
	display: none;
	}



div#subnavigation {
	float:right;
	width:570px;
	text-align:left;
	margin-top: 6px;
	}


.exampleFeaturedText {
	float: right;
	width: 190px;
	padding-left:10px;
	}

.exampleFeaturedImg {
	width:180px;
	float: left;
	border-top: 1px solid #9E937B;
	border-right: 1px solid #474032;
	border-left: 1px solid #9E937B;
	border-bottom: 1px solid #474032;
	background: #CCCCCC;
	margin: 0 10px 6px 0px;
	padding: 4px;
	}
	
#leftColWide .exampleFeaturedImg a {
	border-bottom: none;
}

#leftColWide .exampleFeaturedImg a:hover {
	background: none;
}	

.bio {
	float: left;
	border: 1px dashed #3D3226;
	padding: 5px;
	margin-bottom: 10px;
	color: #5B5044;
	font: 10px/16px helvetica, arial, verdana, sans-serif;
	}
	
#report .bio a {
	color: #5B5044;
	text-decoration: underline;
	border: none;
}

.bio img {
	border: 1px solid #FFFFFF;
	margin: 0 10px 5px 0;
	float: left;
	padding: 5px;
	}

div#footer {
	width: 740px;
	float: left;
	margin: 0 0 0 20px !important;
	margin: 0 0 0 10px;
	height: 30px;
	}
	
div#footerHome {
	width: 740px;
	float: left;
	padding-top: 20px;
	height: 30px;
	}

div#footerexample {
	width: 740px;
	position: absolute;
	top: 12px;
	left: 20px;
	}

#login {
	float: left;
	width: 740px;
	background: url(images/footer_bg.gif) no-repeat;
	height: 30px;
	}

#login input {
	margin: 6px 4px 6px 6px;
	}

#newsletter {
	float: right;
	margin: 18px 13px 0 0;
	}

.formStyle, #newsletterForm {
	border-style: inset;
	border-width: 1px;
	font: 10px arial, verdana, helvetica, sans-serif;
	}

#newsletterForm {
	width: 165px;
	}

.button {
	border-width: 1px;
	border-color: #FFFFFF;
	color: #5B5044;
	background: #EBE1C5;
	font: bold 10px  verdana, arial, helvetica, sans-serif;
	}

#emailerContent {
	width: 760px;
	position: absolute;
	left: 20px;
	top: 60px;
	}

.newsNav {
	padding: 10px;
	background: #F6F3EC;
	line-height: 1.5em;
	}

body#basic .newsNav a {
	padding: 6px 6px 6px 18px;
	display: block;
	border: none;
	background: url("images/arrow.gif") 0px 6px no-repeat; /* footer area */
	}
	
body#basic .newsNav a:hover {
	background: url("images/arrow.gif") 0px 6px no-repeat;
   text-decoration: underline;
	color: #434852;
}

#booklink {
	width: 100px;
	float: left;
	clear:both;
	padding: 4px 4px 20px 4px;
	}
	
div#mainArea #booklink a {
	border-bottom: none;
	}
	
div#mainArea #booklink a:hover {
	border-bottom: none;
	background:transparent;
	}
	
.caption {
	font: bold 11px arial, verdana, sans-serif;
	color:#6D879A;
	}
	
.clientLogin {
	background: #FFF;
	padding:20px;
	}