/**********************
********* MAIN DESIGN 
**********************/

/*background & structure*/
body {
	font: 62.5% Arial; 
}

/* fonts */
h1 {color: #82786e;font-size:2.2em;font-weight:bold;}
div.h1divider {width:100%;height:10px;background:url(../images/bg/H1_line.gif) 0 100% repeat-x;margin:5px 0 10px 0;}
div.grayline {float:left;width:100%;background:url(../images/bg/divider-line.gif) 0 100% repeat-x;margin:0 0 20px 0;padding-bottom:10px;}
div.grayline .nopad {margin:0 0 0px 0;padding-bottom:0px;}
div.dashedline{padding-bottom:5px;border-bottom:1px dashed #ddd7ba;}
div.dashedlineright{padding-bottom:5px;border-bottom:1px dashed #ddd7ba;margin-left:36px}

h2 
{color: #8b8c44;margin-bottom:.5em;font-weight:bold;font-size:1.4em;}
h3 
{color: #8b8c44; font-size: 80%; font-weight: bold;font-size:1.3em;}
h4 
{color: #5a4e37;font-size:1.2em;margin-bottom:.5em;}
h5 
{color: #6f665a;margin-bottom:3px;font-weight:bold;font-size:1.2em;}


a {color: #ec8a10;font-weight:bold;}
a:hover, a:visited {color: #c06a00;}
a.blue {color: #496cad;font-weight:normal;}

#container {
	width: 985px;
	margin: 0 auto;
	position: relative;
}
		
/*content styles*/
#content {
	width: 100%;
	margin: 0;
}
		/*middle or main content styles*/
	#content #middle{
		width: 55.7%;
		float: left;
		padding: 0;
		margin-right:0;
	}
	#content #middle h1{
		margin-bottom: 0;
		font-size: 2.2em;
		font-weight: bold;
		color:#82786e;
	}
	#content #middle h2{
		font-size: 1.8em;
		font-weight: bold;
		margin: 10px 0 8px 0;
	}
	#content #middle p{
		font-size: 1.3em;
		color: #655f53;
		margin: 8px 0;
		line-height:1.4em;
	}
	#content #middle ol{
		font-size: 1.3em;
		color: #655f53;
		margin: 8px 10px 8px 30px;
		
		list-style:decimal;
		list-style-position:inside;

	}
	#content #middle ol li{
		
		
		margin: 10px 20px 10px 0;
		line-height:1.4em;
		

	}
	#content #middle .asterisk{
		
		color: red;
		
	}
	
	#content #middle div.backtotop a{background:url(../images/backtotop.gif); display:block;width:510px;height:23px;}
		#content #middle div.backtotop a span {display:none;}
	
	#content .indent{
		margin: 14px;
		clear:both;
	}
	#content .indent30{
		margin-left: 30px;
	}
	#content .indent30 h2{
		
		position:relative;left:-28px;
	}
	#content .indent30 p{
		
		padding:0 0 5px 0;
		border-bottom:1px dashed #ccc;
	}
	#content .indent30 p.last{
		border-bottom:0;
		padding:0;
		margin-bottom:0;
		
	}
	#content .indent30 img{
	    position:relative;top:7px;margin-top:-7px
	}
	#content .indent30 .backtotop a{background:url(../images/backtotop.gif); display:block;width:510px;height:23px;margin-left:-15px}
	#content #middle p.readmore{
		margin-bottom:15px;
	}
	
	#content #middle div.entry {background:url(../images/bg/divider-line.gif) 0 100% repeat-x;margin:10px 0;padding-bottom:10px;}
	
	/*bio styles*/
	#content #middle dl.bio {width:548px;float:left;margin:10px 0 0 0;padding-bottom:0;}
	#content #middle dl.last { background:none; }
	#content #middle dl.bio dt {width:115px;float:left;margin-right:10px; }
	#content #middle dl.bio dd {width:423px;float:left;margin:-12px 0 0 0;}
	#content #middle dl.bio dd h3 {text-transform:uppercase;margin:-5px 0 0 0;}
	#content #middle dl.bio dd p {line-height:1.4em;}
	
	#content #middle .joblist{margin-left:30px;line-height:1.5em;}
    #content #middle .joblistlast{margin-left:30px;line-height:1.5em;padding-bottom:0px;}
	
	
	
	/*contact styles */
	#content #middlewide {width:70.9%;float:left;padding: 0 0 0 26px;}
	#content #middlewide h2{
		font-size: 1.8em;
		font-weight: bold;
		margin: 0 0 8px 0;
	}
	#content #middlewide p{
		font-size: 1.3em;
		color: #655f53;
		margin: 8px 0;
		line-height:1.4em;
	}
    #content #middlewide .column {height:750px;width:215px;float:left;border-right:1px dashed #ddd7ba;padding-left:10px;padding-right:10px;margin:10px 0 0 0;}
    #content #middlewide .first {width:215px;float:left;border-right:1px dashed #ddd7ba;padding-left:0;padding-right:0;margin:10px 0 0 0;}
	#content #middlewide .last {width:215px;float:left;border-right:none;padding-left:10px;padding-right:10px;margin:10px 0 0 0;}
	#content #middlewide .column .contact {margin-bottom:20px;}
	#content #middlewide .column .contact h4 {font-style:italic;font-size:1.4em;font-weight:normal;}
    #content #middlewide .column .contact p{
		color: #6f665a;
		font-size: 1.2em;
		line-height:1.4em;
		margin:0;
	}
	
	/* for glossary */
	#content #middle ul#glossarylist {list-style: none;background:#eae7e4;height:35px;border:4px solid #f7f7f5;}
#content #middle ul#glossarylist li { 
	float: left;
	height:15px;
	line-height: 1.4em;
	margin-right: 0;
	padding:10px 5px;
}
#content #middle ul#glossarylist li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
#content #middle ul#glossarylist a { color: #333; text-decoration: none; font-size:1.5em;font-weight:normal;}
#content #middle ul#glossarylist li.current { background: #9b9f1d;}
#content #middle ul#glossarylist li:hover {background:#d6dc95;color:#fff; }
#content #middle ul#glossarylist li.current a { color:#fff; }

#content #middle div#glossarydefinitions {clear:both;}

#content #middle div#glossarydefinitions dl {margin-top:20px;width:540px;}
#content #middle div#glossarydefinitions dt {background:url(../images/bg/glossary-tab.gif);height:38px;}
#content #middle div#glossarydefinitions dt p {padding-top:2px;float:left;padding-left:55px; vertical-align:middle;}
#content #middle div#glossarydefinitions dt p a { color:#82786e;font-size:2.2em}
#content #middle div#glossarydefinitions dd.backtotop a{background:url(../images/backtotop.gif); display:block;width:512px;height:23px;}
#content #middle div#glossarydefinitions dd.backtotop a span {display:none;}

/**added by Chris Paul **/
.hidden{
	visibility: hidden;
	display: none;
}
	
	
	

#content .tool {
	margin: 15px 0 0 0;
	padding: 0;
	width: 546px;
}

#content .tool .top {
	background: url(../images/bg/cal_top.jpg) no-repeat;
	width: 546px;
	height:32px;
}

#content .tool .middle {
	background: url(../images/bg/cal_middle.jpg) top left repeat-y;
	width: 502px;
	padding:0 22px;
}

#content .tool .middle .tooltext {float:left;width:50%;}


#content .tool .middle .results {
	width: 232px;
	height:auto;
	font-weight:bold;
}

#content .tool .middle .results p label {color:#8b8c44;}
#content .tool .middle .results h4 {color: #6f665a;border-bottom: 1px dashed #c4c4c4;
		padding: 0 0 3px 0;
		margin: 0 0 9px 0;font-weight:bold;font-size:1.4em;}


#content .tool .middle .results .topresults {
	background: url(../images/bg/results_off_top.jpg) no-repeat;
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}

.topresults {
	background: url(../images/bg/results_off_top.jpg) no-repeat;
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}

.topresultson {
	background: url(../images/bg/results_on_top.jpg);
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}

#content .tool .middle .results .middleresults {
	width: 202px;
	background: url(../images/bg/results_off_middle.jpg) top left repeat-y;
	padding:0 15px;
	margin:-11px 0;
}

.middleresults {
	width: 202px;
	background: url(../images/bg/results_off_middle.jpg) top left repeat-y;
	padding:0 15px;
	margin:-11px 0;
}

#content .tool .middle .results .middleresults p{
	margin:0;
	padding:5px 0;
	text-align:right;
}

.middleresultson {
	width: 202px;
	background: url(../images/bg/results_on_middle.jpg) top left repeat-y;
	padding:0 15px;
	margin:-11px 0;
}

.middleresultsoff {
	width: 202px;
	padding:0px;
	margin:0px;
}


.middleresultson p{
	margin:0;
	padding:0;
	text-align:right;
}

#content .tool .middle input.medium {
	width: 192px; height: 32px;
	background: transparent url(../images/bg/cal_field.jpg) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}

#content .tool .middle input.mediumagi {
	width: 192px; height: 32px;
	background: transparent url(../images/cal_field_agi.jpg) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}

#content .tool .middle input.small {
	width: 82px; height: 32px;
	background: transparent url(../images/cal_field_small.jpg) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}

#content .tool .middle input.smallright {
	width: 82px; height: 32px;
	background: transparent url(../images/cal_field_small_ir.jpg) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}


#content .tool .middle .results .middleresults input.hideform, .middleresultson input.hideform, 
 {border:none;background:none;color:#000;text-align:right;font-weight:bold;font-size:1.4em;width:192px;}

#content .tool .middle .results .bottomresults {
	background: url(../images/bg/results_off_bottom.jpg);
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}

input.hideform
 {border:none;background:none;color:#000;text-align:right;font-weight:bold;font-size:1.4em;width:192px;}
 
.bottomresults {
	background: url(../images/bg/results_off_bottom.jpg);
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}

.bottomresultson {
	background: url(../images/bg/results_on_bottom.jpg) no-repeat;
	width: 232px;
	height:47px;
	margin:0;
	padding:0;
}


#content .tool .bottom {
	background: url(../images/bg/cal_bottom.jpg) no-repeat;
	width: 546px;
	height:32px;
}



#content .yellow-area h4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #82786e;
	text-transform:uppercase;
}
#content .yellow-area p, #content .yellow-area ul {
	color: #8c8475 !important;
	font-size: 1.1em;
	line-height: 1.4em;
}
#content .yellow-area ul {
	margin-bottom: 15px;
}
#content .yellow-area ul li {
	background: url(../images/yellow-area-bullet.gif) no-repeat 0 6px;
	padding-left: 20px;
	margin-top: 15px;
}
#content .yellow-area.dark {
	background: #f9f7ea url(../images/bg/dark-yellow-area-bg.gif) no-repeat;
	margin-top: 0px;
}
#content .yellow-area fieldset {margin-top:0;}

#content .yellow-area label{
	margin: 11px 0 3px 0;
	color: #655f53;
	width: 100%;
	display: block;
	font-size: 1.1em;
}

#content .green-area {
	background: #f1f4d2 url(../images/bg/greenbox_bottom.gif) no-repeat bottom left;
	margin: 0 34px 0 34px;
	padding-bottom: 5px;
	width: 483px;
	background-color:#f1f4d2;
}
#content .green-area .green-area-top{
    background: #fbf7df url(../images/bg/greenbox_top.gif) no-repeat;
    margin:  0 0 -10px 0;
	padding: 0;
	width: 483px;
	height:17px;
}
#content .green-area h4 {
	
	font-size: 1.2em;
	color: #82786e;
	text-transform:uppercase;
}
#content .green-area p{
	color: #8c8475 !important;
	font-size: 1.3em;
	line-height: 1.3em;
}
#content .green-area ul {
    color: #8c8475;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 35px;
}
#content .green-area ul li {
	
	padding-left: 20px;
	margin-top: 10px;
}
#content .green-area ul li a{
	color:#605d59;
	background: url(../images/double-arrows-green.gif) no-repeat 0 50%;
	padding-left: 12px;
	display: block;
	margin: 10px 0;
}

#content .green-area label{
	margin: 11px 0 3px 0;
	color: #655f53;
	width: 100%;
	display: block;
	font-size: 1.1em;
}
#content #middle div .faq_qa{padding-top: 0;margin:2em 0 2em 0; border-bottom:1px dashed #655f53;width:510px;}
#content #middle div .faq_q {background:url(../images/icons/faq_q.gif) 0 0 no-repeat; padding-top:-10px; min-height:36px;margin-bottom:.2em;}
#content #middle div .faq_a{background:url(../images/icons/faq_a.gif) 0 0 no-repeat; padding:0 0 .5em 0px;}
#content #middle div.faq_q { border-bottom:0;}
#content #middle div.faq_q p{padding:0 0 .5em 40px;margin-top:0;}
#content #middle div.faq_a p{padding:0 0 .5em 40px;margin-top:0;}
#content #middle div.pound{text-align:center;color:#655f53}


#content .yellow-area.dark dl{font-size:1.2em;width:300px;}
#content .yellow-area.dark dt{float:left;width:200px;padding-bottom:4px;}
#content .yellow-area.dark dd{float:left;width:100px;padding-bottom:4px;}

#content .yellow-area.dark table {width:430px;}

#content .yellow-area td { font-size: 75%;}

#content .yellow-area fieldset label {
	margin: 11px 0 3px 0;
	color: #655f53;
	width: 100%;
	display: block;
	font-size: 1em;
}

#content .yellow-area fieldset label.same-line {
	font-size: .85em;
	width: 105px;
	display: inline-block;
}
#content .yellow-area select {
	margin-bottom: 5px;
	width: 53.5%;
}
#content .yellow-area input.white {
	border: 0;
	padding: 6px 0 0 3px;
	margin-bottom: 10px;
}
#content .yellow-area input.long {
	width: 403px; height: 23px;
	background: transparent url(../images/input-long.gif) no-repeat;
}
#content .yellow-area input.big {
	width: 492px; height: 114px;
	background: transparent url(../images/input-big.gif) no-repeat;
}
#content .yellow-area input.medium {
	width: 173px; height: 26px;
	background: transparent url(../images/input-medium.gif) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}


#content .yellow-area input.short {
	width: 141px; height: 29px;
	background: transparent url(../images/input-short.gif) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
}
#content .yellow-area .authentication {
	width: 100%;
	text-align: center;
}
#content .yellow-area input.submit {
	width: 137px; height: 32px;
	border: 0;
	background: transparent url(../images/buttons/submit-button.png) no-repeat;
}
#content .yellow-area input.right {
	margin-top:20px;
	margin-left:90px;
}
#content img.yellow-area-bottom {
	float: left;
	height:8px;
}
#content input.white {
	border: 0;
	padding: 6px 0 0 3px;
	margin-bottom: 10px;
}
 input.xshort {
	width: 50px; height: 26px;
	background: transparent url(../images/input-xshort.gif) no-repeat;
	margin-bottom:-4px;
	padding-left:10px;
	float:left;
}

 #content input.yellow {
	width: 138px; height: 29px;
	background: transparent url(../images/input-yellow.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:3px 0 3px 0;
	border: 0;
	color:#000;text-align:center;font-weight:bold;font-size:1.4em;
}

/*footer styles*/
#footer {
	width: 985px; 
	height: 66px;
	margin: 0 auto;
	background: white;
	margin-top: 50px;
	border-top: 1px solid #ddd7ba;
}
#footer #f-content{
	width: 985px;
	margin: 0 auto;
	color: #979696;
	font-size: 1.2em;
	padding-top: 20px;
	text-align: right;
	padding-right: 20px;
}
#footer #f-content a{
	color: #979696;
	margin: 0 7px;
	font-weight:normal;
}
#footer #f-content a:hover, #footer #f-content a.selected {
	color: #c06a00;
	margin: 0 7px;
}


.small-print {font-size: 1em; color: #656565;font-weight: bold;}

.green-caps {
	color: #8b8c44;
	font-weight: bold;
	text-transform: uppercase;
}
.green-caps a{
	color: #9fa559;
}

/**extras**/
.clearfloats {clear: both;}

	
	
	.displayblock {display:block;}
	.displaynone {display:none;}
	.hide {visibility:hidden;}
	.show {visibility:visible;}

