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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*											Layout StyleSheet - Ferland
*										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				{ background: #D3D4DC; text-align: center; }
.page				{ width: 908px; margin: 0 auto; padding: 18px 0; text-align: left; }

/* Masthead Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.masthead	{ position: inherit; z-index: 0; }
.logo		{ float: left; }
.mainnav	{ float: right; margin: 34px 15px -3px 0; width: 419px; height: 47px; 
        	  background: url(Images/mainnav-bg.png) no-repeat; }

/* Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.content-top		{ background: url(Images/content-top.png) no-repeat; width: 908px; height: 6px; clear: both; overflow: hidden; 
            		  position: relative; z-index: 10; }
.content			{ background: url(Images/content-bg.png) repeat-y; width: 908px; }
.content-wrapper	{ padding: 2px 9px; }
.content-body		{ min-height: 400px; width: 890px; padding-bottom: 5px; }
* html .content-body{ height: 400px; }
.content-bottom		{ background: url(Images/content-bottom.png) no-repeat; width: 908px; height: 6px; }

/* -- SubPages -- */
.subpage-banner		{ width: inherit; margin-bottom: 5px; }
.subpage-sidebar	{ float: left; width: 220px; background-color: #6A7099; }
.subpage-content	{ float: left; padding: 0px 12px; width: 640px; overflow: hidden; }
.sidebar-wrapper	{ margin: 9px; position: relative; z-index: 10000; }

.sidebar-header				{ background: url(Images/sidebar-header.png) no-repeat; width: 151px; height: 24px; }
.container-listingsearch	{ background: url(Images/sidebar-listingsearch.png) no-repeat; width: 200px; height: 68px; margin-bottom: 3px; color: #FFF; }
.listingsearch-wrapper		{ padding: 8px; }
.listingsearch-wrapper p	{ margin-bottom: 4px; }
.listingID					{ float: left; margin-right: 6px; }
.sidebar-top				{ background: url(Images/sidebar-top.png) no-repeat; width: 200px; height: 2px; overflow: hidden; }
.sidebar-bg					{ background: url(Images/sidebar-bg.png) repeat-y; width: 200px; }
.sidebar-bottom				{ background: url(Images/sidebar-bottom.png) no-repeat; width: 200px; height: 2px; }

.section					{ padding: 10px 8px; }
.section .section-title		{ color: #FFFBD2; font-weight: bold; padding-bottom: 10px; }
.section .section-content	{ color: #FFFFFF; padding-left: 3px; }
.section-separator			{ background: url(Images/sidebar-separator.png) no-repeat; width: 181px; height: 3px; margin-left: 8px; overflow: hidden; }

/* Footer Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
.footer			{ background-color: #FFF; width: 890px; height: 30px; }
.footernav		{ position: relative; top: 9px; left: 11px; }
.footernav a	{ font-size: 11px; }

/* -- Copyright & Site Design Styles -- */
.site-credentials	{ position: relative; top: 9px; left: 11px; font-size: 11px; }
.copyright			{ float: left; }
.siteby				{ float: right; padding-right: 32px; }

/* Global Control Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
textarea				{ font-size: 12px; font-family: Tahoma; }
.highlight				{ background-color: #EAEAEA; 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; }
.accordionHeaderSelected	{ background-color: #E8E8E8; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected a	{ text-decoration: none; }
.accordionContent	{ margin-top: 1px; padding: 10px 15px 5px 15px; }

/* -- 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 */