.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-color: #8EB0D5; }
.site-wrapper				{ background: url(images/site-bg.png) repeat-x; min-height: 711px; padding-top: 22px; }
* html .site-wrapper		{ height: 711px; }
.page-wrapper				{ clear: left; position: relative; z-index: 2; width: 960px; margin: 0 auto; text-align: left; top: -8px; }
* html .page-wrapper	{ position: fixed; }
.page-spacer				{ clear: left; float: left; width: 94px; }
.page-content				{ float: left; width: 866px; }
.page							{ background-color: #fff; }
.nptn-bcg-splash			{ background: url(images/nptn-bcg-splash.png); width: 800px; height: 600px; border: 1px solid #CCCCCC;}
.splash-home-link			{ float: left; margin: 532px 0 0 218px; width: 196px; height: 24px; }

/* Masthead Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.masthead					{ position: relative; z-index: 1; width: 960px; height: 71px; margin: 0 auto; 
         						   background: url(images/masthead.png) no-repeat; }
.memberlogin				{ float: right; width: 99px; height: 14px; background: url(Images/memberlogin.png) no-repeat; margin-top: 24px; }
.bcglogo						{ float: right; background: url(images/bcg-logo.png) no-repeat; width: 178px; height: 60px; margin-left: 10px; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.mainnav						{ }

/* Sub Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.footernav					{ color: #002960; margin-bottom: 4px; }

/* Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.home-content-wrapper	{ background: url(images/homecontent-bg.png) repeat-y; min-height: 600px; padding-bottom: 15px; }
.home-content-bottom	{ height: 11px; background: url(images/homecontent-bottom.png) no-repeat; clear: left; }
* html .home-content-wrapper { height: 600px; }

.content-banner			{ clear: left; background: url(images/content-bg.png) repeat-y; border-bottom: 1px solid #CCCCCC; 
               			  padding-left: 1px; min-height: 178px; }
* html .content-banner	{ height: 178px; }
.content-wrapper		{ clear: left; background: url(images/content-bg.png) repeat-y; min-height: 200px; padding: 26px 32px 26px 32px; }
* html .content-wrapper { height: 200px; }

.content-col1			{ float: left; padding-left: 100px; width: 457px; padding-right: 5px; }
.content-col2			{ float: left; width: 240px; }
.page-title				{ padding-bottom: 16px; }
.content-bottom			{ height: 16px; background: url(images/content-bottom.png) no-repeat; clear: left; }

/* Footer Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
.footer				{ margin: 18px 32px; width: 802px; }
.footer-left		{ float: left; }

/* -- Copyright & Site Design Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
.siteby				{ float: right; }
.siteby a			{ color: #F4F4F4; text-decoration: none; font-size: smaller; }
.siteby a:hover		{ text-decoration: underline; }

/* Global Control Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
textarea				{ font-size: 12px; font-family: Tahoma; }
.highlight				{ background-color: #EEE; color: #002960; }
.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; color: #002960; 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 -- */
.messagebox-error	{ border: 1px solid #333; padding: 5px; background-color: #EAEAEA; display: block; margin: 10px 0; color: Red; 
                 	  font-weight: bold; text-align: center; }
.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; clear: both; /* Fixes IE/Mac */ }

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