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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - Hannan-Ryan
*           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
-------------------------------------------------------------------------------*/
body { background-color: #BFBFBF; text-align: center; }
#wrapper     
{ 
	width: 947px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-bottom: 7px;
}
#page 
{ 
	width: 945px;
	padding: 1px;
	background-color: #fff; 
}

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { }
h2 { }
h3 { }
h4 { }
.highlight { background-color: #EAEAEA; color: #35506B; }
textarea { font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; }
.RadioButtonList label, .CheckBox label { margin-left: 4px; }

/* SiteMapPath Styles
-------------------------------------------------------------------------------*/
#SiteMapPath { padding-bottom: 21px; position: relative; z-index: 10; }

/* Masthead Styles
-------------------------------------------------------------------------------*/
#submaster-masthead
{
	position: relative;
	z-index: 2;
	height: 238px;
	background: url("../../Images/master-header-bg.png") no-repeat;
	width: 945px;
}
#submaster-headernav
{
	float: right;
	position: relative;
	top: 7px;
	right: 78px;
	z-index: 5;
	width: 80px;
	margin-bottom: -125px;
}
* html #submaster-headernav
{
	right: 70px;	
}

/* Master Logo Styles
-------------------------------------------------------------------------------*/
#master-logo
{
	position: absolute; 
	z-index: 10;
}
#master-logo a
{
	position: relative;
	top: 39px;
	left: 364px;
	width: 350px; 
	height: 87px;	
	display: block;
}
#submaster-header #master-logo a
{
	position: relative;
	top: 35px;
	left: 313px;
	width: 350px; 
	height: 87px;	
	display: block;
}

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master-navigation, #submaster-navigation
{ 
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
}
#submaster-navigation
{
	position: relative; 
	top: -89px;	
	margin-bottom: -89px;
}
#navigation-links
{
	float: left;
	position: relative; 
	z-index: 3;
	padding-left: 134px;
	position: relative; 
	top: -44px; 
	margin-bottom: -44px; 
}

#master-mainnav
{
	height: 42px;
	background-color: #810D54;	
}
#master-mainnav a, #submaster-mainnav a
{
	cursor: hand;
}
#submaster-mainnav
{
	padding-left: 134px;
	height: 42px;
	background-color: #810D54;
}
#submaster-mainnav a, #submaster-subnav a
{
	position: relative;
	z-index: 3;
}

/* Side Navigation Styles
-------------------------------------------------------------------------------*/
#submaster-sidenav {
	float: left;
	padding: 42px 0 0 0;
	width: 155px;
	border-bottom: 1px solid white;
}
#submaster-sidenav a {
	display: block; 
	line-height: 30px;
	padding: 0 5px 0 5px;
	border-top: 1px solid white;
}
#submaster-sidenav a:hover, .submaster-sidenav-selected {
	background-color: #E6CFDD;
	color: #810D54;
}
.submaster-sidenav-selected {
	background-color: #FFF;
	color: #35506B;
	font-weight: bold;
}
.sidenavigation-popupmenu {
	background-color: #bfd1e3;
	width: 145px;
	border-left: 1px solid #fff;
}

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master-body, #submaster-body
{ 
	clear: left;
}

#submaster-body-left, #submaster-body-middle, #submaster-body-right 
{
	float: left;
	width: 225px;	
	padding-right: 25px;
}

.subpage-bg 
{
	float: left;
	background: url("../../Images/subpage-bg.gif") repeat-y;
}

.submaster-fullcontent {
	float: left;
	width: 700px;	
	padding-right: 25px;
}

#submaster-content {
	float: left;
	width: 770px;
	padding: 21px 0 20px 20px; 
	min-height: 332px;	
}
* html #submaster-content { height: 332px; }

/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master-footer 
{ 
	height: 81px;
	background-color: #AAB0B6;
	color: #fff;	
}
#master-footer a { color: #FFFFFF; text-decoration: none; }
#master-footer a:hover { color: #000000; }

/* Footer Information & Site Design Styles
-------------------------------------------------------------------------------*/   
#master-footer #company { float: left; padding: 18px 0 0 42px;}
#master-footer #facebook { float: left; width: 475px; padding: 18px 0; }
#facebook span { margin: 0 auto; display: block; width: 180px; }

#master-footer #etr { float: right; padding: 18px 38px 0 0; }

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