.foo {} /* -- W3C Validator Requirement. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - Pare Corporation
*           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.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
* { 
	margin: 0px; 
	padding: 0px; 
}
body { 
	margin: 0px 0px 8px 0px; 
	text-align: center;                
    background-color: #000000;
}
#wrapper {
	margin-top: 28px;
	width: 897px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
}

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { font-size: 18px; margin: 7px 0px 7px 0px; }
h2 { color: Red; font-size: 16px; margin: 7px 0px 7px 0px; }
h3 { color: #666666; margin: 5px 0px 5px 0px; }
hr { margin: 5px 0px 5px 0px; }
textarea { font-size: 12px; font-family: Tahoma; }
.highlight { background-color: #EAEAEA; color: #000000; }
#SiteMapPath { display: block; margin: 0 0 20px 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:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:7px;
	width:525px;
}

/* -- AJAX Accordion -- */
.accordionHeader {
    font-size: 13px;
    padding: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
	text-align: left;
	margin: 0 auto;
	font-size: 13px;
	padding-bottom: 1px;
	padding: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
	text-decoration: none;
	color: #868602 !important;
}

.accordionContent {
    margin-top: 1px;
    background-color: #EAEAEA;
    border: 1px solid #BBBBBB;;
    padding: 10px;
    margin: 0 10px;
}

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

.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;
}

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master-header { }
#master-header #topbar { 
	width: inherit;
	height: 18px;
	background-color: #878702;
	border: 1px solid #C4C5D7;
}

/* SubPage Header Section Styles
-------------------------------------------------------------------------------*/
#subpage-header {
	width: inherit;
	height: 94px;
}
#subpage-banner {
	border: solid 1px #C3C6C3;
}

/* Sub-Navigation Styles
-------------------------------------------------------------------------------*/
#subpage-subnav {
	float: left;
	position: relative;
	top: 70px;
	left: 150px;
}

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master-body { background-color: #003399; width: 100%; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#subpage-body 
{
	background: url("../../Images/subpage-body-bg.gif") repeat-y;
	min-height: 400px;
}
* html #subpage-body { height: 400px; }

#subpage-body #sidenav {
	float: left;
	width: 250px;
	padding-top: 11px;
}
#subpage-body #content {
	float: left;
	width: 612px;
	padding: 20px 15px 10px 20px;
}

/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master-footer 
{
	clear: both;
	width: 895px;
	min-height: 55px;
	background-color: #8B8B02;
	border: solid 1px #C4C5D7;
	border-top: solid 3px white;
	padding-top: 13px;
}
* html #master-footer { height: 55px; }

#master-footer #byline {
	width: 526px;
	height: 20px;
	margin: 0px auto;
	margin-bottom: 6px;
}

/* Copyright & Site Design Styles
-------------------------------------------------------------------------------*/   
#master-footer  #copyright {
	position: relative;
	display: block;
	text-align: center;
	color: White;
	font-weight: bold;	
}
#master-footer  #copyright a:link, 
#master-footer  #copyright a:visited {
	color: White;
	text-decoration: none;
}
#master-footer  #copyright a:hover {
	color: Black;
}

.siteby { text-align: right; display: block; padding-top: 6px; }
.siteby a:link, .siteby a:visited { color: #888888; font-size: 10px; }

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