/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(/images/common/line_bg.gif);
	background-repeat:repeat;
	background-position:top left;
}

a {
color: #003399;
}
a:visited {
color: #003399;
}
a:hover {
color: #003366;
}
a:active {
color: #003399;
}

.nav {
color:#FFFFFF;
text-decoration:none;
line-height:18px;
font-weight:bold;
}
a.nav {
color:#FFFFFF;
text-decoration:none;
padding:0px 23px 0px 23px;
}
a.nav:visited {
color:#FFFFFF;
}
a.nav:hover {
color:#FFFFFF;
text-decoration:underline;
}
a.nav:active {
color:#FFFFFF;
}

.subnav {
color:#FFFFFF;
text-decoration:none;
line-height:18px;
padding:1px 0px 0px 0px;
}
a.subnav {
color:#FFFFFF;
text-decoration:none;
}
a.subnav:visited {
color:#FFFFFF;
}
a.subnav:hover {
color:#FFFFFF;
text-decoration:underline;
}
a.subnav:active {
color:#FFFFFF;
}

ul {
margin-top:5px; 
list-style-type:square;
}

ol {
margin-top:5px; 
}

hr {
color:#CCCCCC; 
width:95%; 
margin:0px; 
padding:0px;
}

b {
color:#003366; 
font-weight:bold;
}

.headline{
font-size:18px;
color:#D52623;
font-weight:bold;
}

.section{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}

.subhead {
font-size:12px; 
font-weight:bold;
}

.footer {
color:#FFFFFF;
text-decoration:none;
padding: 5px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
a.footer {
color:#FFFFFF;
text-decoration:none;
}
a.footer:visited {
color:#FFFFFF;
}
a.footer:hover {
color:#FFFFFF;
text-decoration:underline;
}
a.footer:active {
color:#FFFFFF;
}

.home_bg {
background-image:url(/images/home/cameron_08.jpg);
background-repeat:no-repeat;
background-position:top left;
}

.content_bg {
background-image:url(/images/common/content_bg.jpg);
background-repeat:repeat-x;
background-position:top left;
}

.column_bg {
background-image:url(/images/common/cameron_sub_07.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
.sup {font-size:13px}

/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */
	input{ width:126px;}	
	input[type="shorttext"]{width:40px;}
	input[type="shorttext2"]{width:60px;}
	input[type="text"]{width:126px; }
	input[type="lgtext"]{width:150px;}
	input[type="xlgtext"]{width:262px;}	
	input[type="button"]{}
	input[type="submit"]{}
	
	input.shorttext{width:40px;}
	input.shorttext2{width:60px;}
	input.text{width:126px; }
	input.lgtext{width:150px;}
	input.xlgtext{width:262px;}
	
	textarea{width:160px;}
	textarea[type="lgtext"]{width:400px;}
	
	select[type="text"]{width:120px;}
	select[type="shorttext"]{ width:50px;}	
	
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	
	.form-row {clear: both; font-size:10px}
	.form-row h3{ font-size:14px; margin:4px 0 4px 0; border:1px solid #ccc; border-width:1px 0 0 0}
	
	.field-label { float:left; width:240px; margin-bottom:4px;}
	.field-label050{ float:left; width:50px; margin-bottom:4px;}
	.field-label060 { float:left; width:60px; margin-bottom:4px;}	
	.field-label070 { float:left; width:70px; margin-bottom:4px;}
	.field-label138 { float:left; width:136px; margin-bottom:4px;}
	.field-label155 { float:left; width:155px; margin-bottom:4px;}
	.field-label270 { float:left; width:272px; margin-bottom:4px;}
	
	.field-widget { float:left; width:240px; margin-bottom:10px;}
	.field-widget020 { float:left; width:20px; margin-bottom:10px;}
	.field-widget050 { float:left; width:50px; margin-bottom:10px;}
	.field-widget060 { float:left; width:60px; margin-bottom:10px;}	
	.field-widget070 { float:left; width:70px; margin-bottom:10px;}
	.field-widget138 { float:left; width:136px; margin-bottom:10px;}
	.field-widget155 { float:left; width:155px; margin-bottom:10px;}
	.field-widget270 { float:left; width:272px; margin-bottom:10px;}
	.field-widget400 { float:left; width:400px; margin-bottom:10px;}
	
	/* Anything extra... */	
	.red{color:#990000;}
	.chart-label {float:left; width:70%;}
	.chart-widget {float:left; width:30%; text-align:center;}
	.formWrap{border:1px solid #999; padding:2px; clear:both; background:#f7f7f7}
		.formWrap h5{background:#666;text-align:center; color:#fff; font-size:14px; padding:3px; margin:2px 0;}
	.tri{width:30%; display:block; float:left; text-align:center;}
	.borders{border:1px solid #999;}
	.rowColor{background:#dedede;}
	
.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split20{position:relative; width:24%;float:left;}
.split30{position:relative; width:33%;float:left;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}