/*
	(1) html elements
	(2) layout elements
	(3) formatting for layout elements
	(4) general purpose */

/************************************************
	(1) html elements 
*************************************************/
body {
	margin: 0;
	padding: 0;
	font: 70% verdana, arial, sans-serif;
	background-color: #c6c2bd;
	color: #fff;
}

a { color: #fff; text-decoration: none; }
a:hover { color: #e7e2b7; text-decoration: underline; }

a img { border: 0; }

form {
	margin: 0;
	padding: 0;
}

h1, .hdr_topLevelHeader {
	margin: 0 0 10px 0;
	padding-top: 12px;
	color: #e7e2b7;
	font-size: 19px;
	font-weight: normal;
	line-height: 1em;
}

h2, .hdr_secondLevelHeader {
	/*color: #e7e2b7;*/
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

h3, .hdr_thirdLevelHeader {
	font-size: 10px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0;
}

p {
	margin: 0 0 10px 0;
}

/************************************************
	(2) layout elements
*************************************************/

#main {
	width: 800px; /*width: 721px;*/
	margin: 0 auto;
	position: relative; /* for the absolutely positioned video player */
}

#masthead {
	background: transparent url(../images/bg_masthead.gif) 0 0 no-repeat;
	display:block;
}

#logo {
	float: left;
	width: 102px;
	height: 42px;
	padding: 23px 23px 8px 18px;
}

h1#tagline {
	margin: 0;
	float: left;
	padding: 39px 0 0 24px;
	width: 396px;
}

#nav {
	width: 800px;
	background: #4d5a52 url(../images/bg_nav.gif) 0 0 repeat-x;
	font-size: .9em;
	font-weight: bold;
	position: relative;
	display:block;
}

#content {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

#footer {
	border-top: 1px solid #d8dadc;
	background-color: #000;
	padding: 5px 8px 5px 20px;
	font-size: .9em;
	color: #fff;
	display:block;
}

#videoPlayer {
	position: absolute;
	display: none;
	top: 91px;
	left: 143px;
	z-index: 1;
	background-color: #565656;
	border: 1px solid #565656;
}

#videoPlayer a {
	display: block;
	text-align: right;
	padding: 2px 5px 5px 0;
	background-color: #000;
	font-size: .9em;
	z-index: 1;
}
/************************************************
	(3) formatting for layout elements
*************************************************/

/* nav */

#nav form, 
#spotlight form {
	position: absolute;
	right: 0;
	overflow: hidden;
	height: 15px;
	width: 75px;
}

#wrapper form, #nav form { 
	float: right; 
	padding: 2px 15px 0 0;
}


/* some instances of IE7 render fields at different sizes - unable to reconcile 
   so, i'm putting a screenshot of the field/button in a wrapper and then making the 
   search field and button transparent.  last ditch effort.  couldn't find a more
   reasonable solution
*/
#searchGoWrapper {
	position: absolute;
	top: 2px;
	left: 0;
	background: transparent url(../images/bg_search_go.gif) 0 0 no-repeat;
	width: 76px;
	height: 14px;
}

#txtSearch {
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	height: 12px;
	line-height: 12px;
	padding: 0 0 2px 0;
	float: left;
	font-size: 9px;
	text-align: center;
	background-color: transparent;
	border: none;
}

* html #txtSearch {
	top: 1px;
	height: 11px;
}

#cmdSearch {
	position: absolute;
	top: 0;
	left: 65px;
	float: left;
	height: 14px;
}

* html #cmdSearch {
	left: 68px;
}

/* primary-nav */
#primary-nav { 
	padding-left: 68px;
	letter-spacing: -1px;
}

#primary-nav a {
	text-decoration: none;
}

#primary-nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#primary-nav ul li {
	float: left;
}

#primary-nav ul li a {
	padding: 3px 19px;
	float: left;
	background: transparent url(../images/bg_sep_prinav.gif) 0 1px no-repeat;
}

#primary-nav ul li a.active {
	background: transparent url(../images/bg_sep_prinav_active.gif) 0 0 no-repeat;
}

#primary-nav ul li.first a.active {
	background: transparent url(../images/bg_sep_prinav_active_first.gif) 0 0 no-repeat;
}

#primary-nav ul li.first a {
	background-image: url(../images/bg_sep_prinav_first.gif);
}





/* div.splash */
div.splash {
	background: #565658 0 0 no-repeat;
	padding: 10px 50px 0 210px;
	min-height: 265px;
	border-bottom: 1px solid #d8dadc;
	font-size: 1.1em;
}

* html div.splash { height: 265px; }

#content .splash a {
	color: #e7e2b7;
	text-decoration: underline;
}


/* footer */
#footer .copyright {
	float: right;
}

#footer ul.list_adjacent {
	float: left;
}

#footer ul.list_adjacent li a {
	float: left;
	background: transparent url(../images/bg_sep_footer.gif) 0 2px no-repeat;
	padding: 0 8px 0 11px;
}

#footer ul.list_adjacent li.first a {
	background-image: none;
	padding-left: 0;
}



.columns { 
	/*min-height: 155px;*/
	height: 190px;
	font-size: .9em; 
	padding-bottom: 10px; 
	float: none;
	display: block;
	line-height: 1.2em;
}


/** html .columns { height: 185px; }*/

.column { float: left; }




h2 a, .hdr_secondLevelHeader a {
	color: #e7e2b7;
}



table.form { }

table.form th {}

table.form td {
	padding: 4px;
	vertical-align: top;
}
table.form td.label { text-align: right; }
table.form tr.controls td { text-align: right; }


/************************************************
	(4) general purpose
*************************************************/

/* calculator banner */
#calculator {
	background: transparent url(/images/bg_orange_banner.gif) 0 0 no-repeat;
	width: 152px;
	height: 117px;
	padding: 40px 0px 0px 0px;
	margin: 0 0 10px 2px;
	color: #FBB400;
	text-align: left;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: -1px;
}
#calculator h3 {
	font-size: 1em;
	letter-spacing: 0;
	margin: 0 0 5px 0;
}

#calculator p {
	margin: 0 0 5px 0;
}



/* table.info */

table.table_info {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.table_info th {
	background-color: #5D87A0;
	border: 1px solid #ccc;
	color: #fff;
	padding: 4px;
	vertical-align: top;
}

table.table_info td {
	border: 1px solid #ccc;
	padding: 4px;
	vertical-align: top;
}



/* lists */

ul.list_adjacent 		{ list-style: none; margin: 0; padding: 0; }
ul.list_adjacent li 	{ display: inline; margin: 0; padding: 0; }

ul.list_flat 			{ list-style: none; margin: 0; padding: 0; }
ul.list_flat li 		{ margin: 0; padding: 0; }

ul.list_no_margin		{ margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

ul.list_linkList 		{ list-style: none; margin: 0; padding: 0; } 
ul.list_linkList li		{ margin: 0 0 5px 0; padding: 0; }
ul.list_linkList li.bottomBorder { border-bottom: 1px solid #fff; padding-bottom: 10px; }


.img_thumbnail 			{ float: left; margin: 0 5px 5px 0; vertical-align: top; }
.img_alignLeft			{ float: left; padding: 0 5px 5px 0; }
.img_alignRight			{ float: right; padding: 0 0 5px 5px; }
.img_rollover			{ /* empty def - here so it shows up in contribute.  rule exists for js event attachment in global.js */}

table.table_IconsLeftLinksRight td { padding: 5px 2px 10px 0; }
table.table_verticalAlignBottom td { vertical-align: bottom; }
table.table_verticalAlignTop td { vertical-align: top; }

.text_small				{ font-size: 9px; }
.text_tiny				{ font-size: 8px; }
.text_center			{ text-align: center; }
.text_bigText 				{ font-size: 13px; }
	.columns .text_bigText 		{ line-height: 1.2em; }

.header_tiny			{ font-size: 8px; margin: 0; padding: 0; }

.headerAndTextLinkCombo strong { font-size: 11px; color: #E7E2B7; margin-bottom: 5px; display: block; }
.headerAndTextLinkCombo a:hover strong  { text-decoration: underline; }
.noBottomBorder 		{ border-bottom: none !important; }

.rule_shortCentered		{ margin: 5px auto; padding: 0; border-top: 1px solid #9f9f9f; width: 50%; height: 1px; overflow: hidden; }
.rule_longCentered		{ margin: 5px auto; padding: 0; border-top: 1px solid #9f9f9f; width: 100%; height: 1px; overflow: hidden; }

.alignment_verticalTop	{ vertical-align: top; }

.no_top_margin			{ margin-top: 0; padding-top: 0; }
.no_bottom_margin		{ margin-bottom: 0; padding-bottom: 0; }

.margin-t				{ margin-top: 10px !important; }
.margin-r				{ margin-righ: 10px !important; }
.margin-b				{ margin-bottom: 10px !important; }
.margin-l				{ margin-left: 10px !important; }

.bg_grayGradient		{ background: transparent url(../images/bg_gray_row_alternate.gif) bottom left repeat-x; }

a.link_asHeader			{ }
a.link_asHeader:hover	{ text-decoration: none; }

/* utilities */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear 				{ clear: both; }
.pad-left 			{ padding-left: 10px; }
.pad-right 			{ padding-right: 10px; }
.left				{ float: left; }
.right				{ float: right; }

.color_yellow		{ color: #E7E2B7; }
.color_orange, .color_orange a	{ color: #f38f1d; }
.color_gray, .color_gray a 		{ color: #4f5b51; }

.no_underline 		{ text-decoration: none !important; }

.error 				{ color: red; }