/*
	Base font-size is %75

	Font size: 16px = 1.35em
	Font size: 14px = 1.2em
	Font size: 12px = 1em
	Font size: 11px = .95em
	Font size: 10px = .85em


MAIN GLOBAL STYLES
------------------

	- Global Definitions: Body, Images, Links, Forms, Paragraphs, Wrapper, Clear
	
	- Content Containers
		- Promo Chips
		- Left/Right content containers
		- Quick Links
	- Form Page Styles
	- Headers
		- Page Header
		- Sub Header
		- Section Header
	- Navigation
 	- Horizontal Rules
	- Spacers

CSS WORKAROUNDS
------------------
[ * ] IE 6/7 
[ _ ] IE 6 Only

*/


/* GLOBAL DEFINITIONS */
html > body {
	position:relative;
	}
body {
	background-color: #ffffff;
	background-position: center; 
	color: #000000;
	font : 75% arial, helvetica, sans-serif;
	line-height: 1.35em;
	margin: 0px;
	padding: 0px;
	}

#wrapper {
	text-align: center;
	}

img {
	border: 0px;
	}
form {
	margin: 0px;
	padding: 0px;
	}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	overflow:hidden;
	}
textarea {
overflow:auto;
}
input {
	height:16px;
	}
.imgbutton {
	height:auto;
	cursor:pointer;
	}
option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
.checkBox {
	margin-right: 5px;
	*vertical-align: middle;
	}
.radioButton {
	margin-right: 5px;
	vertical-align: middle;
	}
/* the ::root hack below shows this info to ONLY Safari browsers */
::root .radioButton {
	margin-bottom: 4px;
	}
.dropdown {
	margin-left: 10px;
	}

a {
	color: #000000;
	text-decoration: underline;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
a:active {
	color: #000000;
	text-decoration: underline;
	}
a.bold {
	font-weight: bold;
	}
a.selected {
	color: #CC3131;
	text-decoration: none;
	}
span.selected {
	color: #CC3131;
	}

p {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	}
p.margin5 {
	margin: 0px;
	padding: 0px 10px 5px 0px;
	}

p.spacer_20 {
	margin: 0px;
	padding: 0px 10px 20px 0px;
	}
.small{
	font-size: 10px;
	line-height: 1.2em;
	}
acronym {
	text-decoration: none;
	}
.clearBoth {
	clear: both;
	height: 0px;
	margin: 0px;
	overflow: hidden;
	}
.heading {
	color: #2B3A7A;
	font-size: 11px;
	font-weight: bold;
	line-height:1.5em;
	margin: 0px;
	padding:0px;
	}
.heading option{
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	padding:2px 0px;
	}
select#quickLinks {
	margin-top:10px;
	}
/* CONTENT CONTAINERS */

div.contentLeft{
	float: left;
	margin-right: 0px;
	width: 212px;
	_width: 200px;
	}
div.contentRight{
	float: left;
	width: 275px;
	margin-right:10px
	}
.infoBox {
	background-color:#EFEFEF;
	padding:7px 10px 6px 15px;
	line-height:1.5em;
	margin-bottom:10px;
	}
.boxContainer {
	background-color: #EAF2F9;
	border:1px solid #C4D5E5;
	border-bottom: 1px solid #82AACF;
	color: #2B3A7A;
	font-size: 12px;
	font-weight: bold;
	height: 50px;
	padding:0px 10px;
	text-align: left;
	vertical-align: middle;
	}
.boxContainer span {
	display:block;
	padding:6px 0px 0px 0px;
	}
ul.simpleList {
	padding: 0px 5px 0px 5px;
	} 
ul.simpleList li.first {
	padding-top: 0px;
	}
div.promoChip {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-left: none;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

/* HEADING STYLES */
.pageHeading {
	background: transparent url('../images/page_title_icon.gif') no-repeat 0px 0px;	
	margin:0px 5px 30px 0px;
	height:60px;
	width:500px
	}
.pageHeading h1, .pageHeading h2, .pageHeading h1.subHeading {
	padding-left:40px;
	height:25px;
	}
h1 {
	color: #2B3A7A;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	}
h1.subHead {
	color: #4c721d;
	font-size: 22px;
	line-height: 22px;
	}
h2 {
	color: #a0a0a4;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	}
h3 {
	color: #000000;	
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 2px 0px 5px 0px;
	}
h4 {
	color: #000000;
	font-size: 12px;
	font-family:Georgia;
	line-height: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 4px 0px 10px 0px;
	}
.underline {
	border-bottom:1px solid #82A9D0;
}

/* SPACERS */
.spacer5 {
	font-size:5px;
	height:5px;
	}
.spacer10 {
	height:10px;
	}
.spacer15 {
	height:15px;
	}
.spacer20 {
	height:20px;
	}
.spacer25 {
	height:25px;
	}
.spacer30 {
	height:30px;
	}

/* ALIGNMENT*/
.vAlignTop {
	vertical-align:top !important;
	}
.vAlignMiddle {
	vertical-align:middle !important;
	}
.vAlignBottom {
	vertical-align:bottom !important;
	}

/*FLOATS*/
.floatRight {
	float:right;
	}
.floatLeft {
	float:left;
	}

/*
GLOBAL SITE HEADER
------------------
- Branding
- Main Navigation
- Utility Navigation
*/

div#headerContainer {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position: relative;
	}
div#header {
	font-size: 11px;
	height:95px;
	overflow: hidden;
	text-align: left;
	margin-top:20px;
	padding:0px;
	}
div#headerLogoContainer {
	float: left;
	}
div#headerLogo {
	padding:0px;
	}
div#headerSupportNav {
	float: left;
	}
div#headerRight {
	float: right;
	}
div#headerSupportNav ul, 
div#headerSupportNav li, 
div#headerRight ul, 
div#headerRight li {
	margin: 0px;
	padding: 0px;
	}
div#headerSupportNav ul li, 
div#headerRight ul li {
	float: left;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	}
div#headerRight li.sep {
	background: url(../images/nav/separator.gif) no-repeat 0px 6px;
	padding: 5px 10px 5px 10px;
	line-height:28px;
	font-weight:bold;
	}

.printHeader {
	display: none;
	}


/*
GLOBAL SITE FOOTER
------------------
	- Footer Navigation
	- Copyright Information
*/

div#footerContainer {
	background-color: #FFFFFF;
	color:#B6B6B6;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	}
div#footer {
	background-color: #FFFFFF;
	overflow: hidden;
	margin-bottom:20px;
	}
div#footer a, div#footer a:hover {
	color:#B6B6B6;
	}
/*
LEFT HAND NAV

- Styles for the sliding menu on the left hand side

*/
.arrowlistmenu{
	width: 200px;
	margin-left:10px;
	}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size:14px;
	color: #000000;
	padding: 4px 0px 4px 0px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	margin:0px;	
	}
.arrowlistmenu div.sep {
	border-bottom: 1px solid #b3c39e;
	}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	cursor: pointer;
	}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
	}
.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	}
.arrowlistmenu ul li a{
	color: #000000;
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 11px;
	}
.arrowlistmenu ul li a:visited{
	color: #000000;
	}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #4c721d;
	}

/*
Widget
*/
#widgetPanel {
	background-color:#4c721d;
	float:right;
	margin:0px 0px 10px 10px;
	width:196px;
	}
#widgetPanel .panelTop {
	background:url("../images/page_widget_top.gif") no-repeat left top;
	height:8px;
	}
#widgetPanel .panelBottom {
	background:url("../images/page_widget_bottom.gif") no-repeat left bottom;
	height:8px;
	}
#widgetPanel	.formContainer{
	background-color:#4c721d;
	color:#d0dac1;
	padding:10px;
	}
	
/* 
TABLES
----------
 - table styles : data Table
 - table styles : form Table
 - table styles : normal Table
 - table styles : data Table with No Margin underneath
*/

table.dataTable, 
table.dataTableNoMargin,
table.formTable, 
table.nromal {
	margin: 10px 0px 20px 0px;
	width: 100%;
	}
table.formTable {
	margin: 0px;
	}
table.dataTable a, 
table.dataTableNoMargin a, 
table.formTable a {
	color:#000000;
	text-decoration: none;
	}
table.dataTable a:hover, 
table.dataTableNoMargin a:hover, 
table.formTable a:hover {
	color:#000000;
	text-decoration:underline;
	}
table.dataTableNoMargin {
	margin: 0px 0px 0px 0px;
	}
table.dataTable caption, 
table.dataTableNoMargin caption, 
table.formTable caption {
	caption-side: top;
	color: #FFFFFF;
	font-weight: bold;
	height: auto;
	margin: 0px;
	padding: 4px 0px 5px 10px;
	*padding: 3px 0px 6px 10px;
	text-align: left;
	vertical-align: middle;
	}
table.dataTable caption.noBorder, 
table.dataTableNoMargin caption.noBorder,
table.formTable caption.noBorder {
	border-bottom: none;
	}
table.dataTable th, 
table.dataTableNoMargin th{
	background-color: #EAF2F9;
	border-top: 1px solid #C4D5E5;
	border-bottom: 1px solid #82AACF;
	color: #2B3A7A;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	}
.formTable th {
	background-color: #EAF2F9;
	border-bottom: 1px solid #82AACF;
	color: #2B3A7A;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding:0px 10px;
	text-align: left;
	vertical-align: middle;
	}
table.dataTable tr.odd, 
table.dataTableNoMargin tr.odd {
	background-color:#FFFFFF;
	}
table.dataTable tr.even, 
table.dataTableNoMargin tr.even {
	background-color:#F7F7F7;
	}	
table.dataTable tr.alt, 
table.dataTableNoMargin tr.alt {
	background-color:#F7F7F7;
	}
table.dataTable tr.alt th, 
table.dataTableNoMargin tr.alt th {
	background-color:#EAF2F9;
	}	
table.dataTable th.first, 
table.dataTableNoMargin th.first {
	border-left: 1px solid #C4D5E5;
	}
table.dataTable th.last, 
table.dataTableNoMargin th.last {
	border-right: 1px solid #C4D5E5;
	}
/* the ::root hack below shows this info to ONLY Safari browsers */
::root table.dataTable th, 
::root table.dataTableNoMargin th, 
::root table.formTable th {
	height: 30px;
	}
table.dataTable th p, 
table.dataTableNoMargin th p {
	padding: 3px 10px 3px 10px;
	}
table.dataTable td, 
table.dataTableNoMargin td {
	border-bottom: 1px #B6B6B6 solid;
	font-size: 11px;
	font-weight:normal;
	line-height: 1.2em;
	height: 24px;
	padding: 0px 10px 0px 10px;
	text-align: left;
	vertical-align: middle;
	}
table.formTable td {
	border-bottom: none;
	font-weight:normal;
	line-height: 1.2em;
	height: 24px;
	padding: 0px 10px;
	text-align: left;
	vertical-align: middle;
	}
table.normal td {
	border-bottom: none;
	padding: 0px 5px 0px 0px;
	}
table.dataTable td.total,
table.dataTableNoMargin td.total {
	border-bottom: none;
	font-size: 11px;
	font-weight:bold;
	padding: 0px 10px;
	text-align: left;
	vertical-align: middle;
	}
table.dataTable td.center, 
table.dataTableNoMargin td.center {
	text-align: center;
	}
table.dataTable td.subSectionHead, 
table.dataTableNoMargin td.subSectionHead {
	background-color: #D7D0BD;
	font-weight: bold;
	}
table.dataTable td.num, 
table.dataTableNoMargin td.num,
table.dataTable th.num, 
table.dataTableNoMargin th.num {
	text-align:right;
	padding-right:10px;
	}
table.dataTable td.center, 
table.dataTableNoMargin td.center,
table.dataTable th.center, 
table.dataTableNoMargin th.center {
	text-align:center;
	}

/*
ERRORS
----------
 - Error Message Styles
*/
div.errorPanel {
	border:1px solid #CC3333;
	color:#CC3333;
	font-weight:bold;
	margin:0pt 0px 15px;
	padding:10px;
	}
div.errorPanel ul {
	margin:10px 30px 0pt 0pt;
	padding:0pt;
	}
div.errorPanel ul li {
	background:transparent url(../images/square_bullet_red.gif) no-repeat scroll 0pt 6px !important;
	font-weight:normal;
	list-style-type:none;
	margin:0pt 0pt 5px;
	padding:0pt 0pt 0pt 10px;
	}
.formField.errorField, .errorField {
	padding:1px;
	border:1px solid #CC3333;
	}
label.error, div.widgetPanel label.error {
	color:#CC3333;
	font-weight:bold;
	}

/* Form*/

/*Form*/
div.formContainer {
	padding:15px 20px 20px;

}
.formLabel, .formLabelTextarea {
	line-height:1.2em;
	padding:0pt;
	text-align:right;
	}
.formField {
	margin:5px 5px 5px 10px;
	vertical-align:middle;
	}


/*
VARIABLE WIDTH
*/
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w157 {width:157px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
select.w220 {width:224px !important; /* hack for select list to cover the extra 4px difference*/}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}

.displayNone {display:none;}

div.leftNav {
	padding-left: 10px;
	width: 200px;
	}
div.subNav ul, div.subNav li {
	margin: 0px;
	padding: 0px;		
	}
div.leftNav ul {
	margin: 0px 0px 10px 0px;
	}
div.leftNav ul li {
	list-style-type: none;
	padding: 0px;
	margin:0px;
	} 
div.leftNav .sep {
	border-bottom: 1px solid #b3c39e;
	height:1px !important;
	padding:0px !important;
	margin:0px 0px 5px !important;
	}	
div.leftNav a {
	color: #000000;
	text-decoration: none;
	border:none;
	}
div.leftNav a:hover {
	color: #4c721d;
	}


/* LEVEL 2 STYLES */

div.leftNav .nav {
	font-size:14px;
	margin:0px;
	padding: 5px 10px 5px 0px;
	}

div.leftNav li.subNav{
	left: 9px;
	padding: 3px 5px 0px 0px;
	position: relative;
	border:none;
	}
div.leftNav a.setSelected{
	color: #4c721d;
	position: relative;
	border:none;
	}	
	
.white {
	color:#ffffff;
	}
.offwhite {
	color:#d0dac1;
	}
a.white, a.white:hover {
	color:#ffffff;
	text-decoration:underline;
	}
a.offwhite, a.offwhite:hover {
	color:#d0dac1;
	text-decoration:underline;
	}
div#column2Container ul{
	margin:0px;
	padding-left:10px;
	}
div#column2Container li {
	background:transparent url(../images/square_bullet.gif) no-repeat scroll 0pt 6px;
	list-style-type:none;
	margin:0pt 0pt 5px 10px;
	padding:0pt 0pt 0pt 10px;
	}