.foo {} /* Wc3 Standards require a class to be first on stylesheets */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*											Layout StyleSheet - [Company]
*										Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project. All subpage styles, links, forms, and other 
*	non-layout items can be found in their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Layout Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
*					{ margin: 0px; padding: 0px; }
body				{ text-align: center; background: #000; }
.page				{ width: 900px; margin: 0 auto; padding: 0; text-align: left; }

/* Masthead Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.masthead		{ height: 138px; background: url(Images/header-bg.png) repeat-x; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.mainnav		{ height: 138px; margin-left: 90px; }

/* Banner Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.banner-content	{ float: left;}

/* Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.content-wrapper	{ background: #FFF; }
.bannerfade			{ height: 2px; background: url(Images/body-gradient-bg.png) repeat-x; }
* html .bannerfade { display: none; }
.content				{ background: #CCCCCC; min-height: 250px; }
* html .content	{ height: 250px; }

/* Footer Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
.footer			{ padding: 5px; }
.copyright		{ float: left; color: #FFF; width: 700px; }
.siteby			{ float: right; }
.siteby a		{ color: #999; text-decoration: none; }
.siteby a:hover	{ text-decoration: underline; }

/* -- Copyright & Site Design Styles -- */


/* Global Control Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
textarea				{ font-size: 12px; font-family: Tahoma; }
.highlight				{ background-color: #DCE7EC; color: #000000; }
#SiteMapPath			{ display: block; margin: 0 0 10px 0; }
.error_summary li		{ margin: 0px 0px 15px 30px; }
.CheckBox label			{ margin-left: 5px; vertical-align: top; }
.RadioButtonList label	{ margin: 0px 10px 0px 5px; }

/* Custom Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.modalBackground	{ background-color:Gray; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.modalPopup			{ background-color: #FFF; border-top: solid 3px #025378; border-left: solid 1px #025378; border-right: solid 1px #025378;
           			  border-bottom: solid 3px #025378; color: #3B7A96; padding:7px; width:525px; }
.modalButtonWrapper { margin: auto; width: 40px; }

/* -- AJAX Accordion -- */
.accordionHeader			{ font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeader a			{ text-decoration: none; color: #A63232; }
.accordionHeader a:hover	{ color: #000; }
.accordionHeaderSelected	{ background-color: #707070; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected a	{ text-decoration: none; color: #FFF; }
.accordionContent			{ margin-top: 1px; padding: 10px 15px 5px 15px; border: 1px dashed; background-color: #FFF; }

/* -- Message Styles -- */
.messages-success	{ color: Green; font-weight: bold; }
.messages-error		{ color: Red; font-weight: bold; display: block; margin-bottom: .5em; }
span.required		{ color: Red; font-weight: bold; }

/* -- CAPTCHA STYLES -- */
.notice { margin-top: 5px;  font-style: italic; font-family: Sans-Serif; font-size: 11px; width: 275px; }

/* -- WATERMARK STYLES -- */
.unwatermarked		{ height: 18px; width: 148px; }
.watermarked		{ height: 20px; width: 150px; padding: 2px 0 0 4px; border: 1px solid #CCCCCC; background-color: #EBEBEB; font-family: Tahoma;
					  color: gray; }

/* CSS Hacks Section Styles
-----------------------------------------------------------------------------------------------------------------------------------*/       

/* -- P.I.E. FLOAT CLEARING (See http://www.positioniseverything.net/easyclearing.html) -- */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;}
/* End hide from IE-mac */