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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - GWCRS Engineering
*           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         
{
	text-align: center; 
    background: url("../../Images/master-body-bg.gif") repeat-x #1A4774;
}
#wrapper     
{ 
	width: 903px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-bottom: 7px;
}
#page 
{ 
	width: auto; 
	background-color: #FFFFFF;
}

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { margin-bottom: 31px; font-size: 24px; }
h2 { }
h3 { }
h4 { }
.highlight { background-color: #EAEAEA; color: #583F03; }
textarea { font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; }

/* SiteMapPath Styles
-------------------------------------------------------------------------------*/
#SiteMapPath { margin: 0 0 10px 0; }

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master-header { background-color: #C0952D; height: 122px; }
#master-headernav
{
	float: right;
	position: relative;
	top: 27px;
	width: 675px;
}
#master-header-title
{
	background: url("../../Images/master-header-title.gif") no-repeat; 
	width: 667px; 
	height: 47px; 
}

/* Master Logo Styles
-------------------------------------------------------------------------------*/
#master-logo 
{ 
	float: left;
	z-index: 0px;
	width: 237px;
	height: 162px;
	margin: -122px 0 0 -8px;
	background: url("../../Images/master-logo.png") no-repeat; 
}

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master-mainnav 
{ 
	float: right;
	width: 687px;
	height: 58px;
	margin: -58px -6px 0 0;
	background: url("../../Images/mainnav-bg.png") no-repeat;
}
#master-mainnav-links { position: relative; top: 22px; left: 26px; width: 625px; }

#master-mainnav-links a { position: relative; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master-body 
{ 
	position: relative;
	left: -6px;
	width: 902px;
	padding: 13px 0 0 14px;
	background: url("../../Images/master-page-bg.png") repeat-y; 
	min-height: 400px;
}
* html #master-body 
{ 
	height: 400px; 
	margin-right: -13px; 
}

#master-body-footer 
{ 
	float: left;
	position: relative;
	z-index: 1;
	background: url("../../Images/master-page-footer-bg.png") no-repeat; 
	width: 902px;
	height: 14px;	
}
    
/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master-footer 
{ 
	float: left;
	position: relative;
	top: -5px;
	z-index: 0;
	width: 863px;
	background-color: #C0952D; 
	padding: 34px 20px 34px 20px;
	color: #FFFFFF;
}

/* Footer Information & Site Design Styles
-------------------------------------------------------------------------------*/   
#master-footer #address { float: left; width: 145px; }
#master-footer #contact-phone { float: left; margin-left: 40px; }
#master-footer #etr { position: absolute; bottom: 0px; right: 0px; width: 150px; padding: 5px; }
#master-footer #etr a { color: #FFFFFF; text-decoration: none; }
#master-footer #etr a:hover { color: #000000; }

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