@charset "UTF-8";
/* CSS Document */
/*
------------------------------------------------------------------------------------------------------------------
1.	BODY
------------------------------------------------------------------------------------------------------------------
-	Defines entire sites width and main body background image if applicable
------------------------------------------------------------------------------------------------------------------*/
body {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* Custom items */
	width: 860px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/top-bkg.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	
body input,
body textarea {
	background-color: #F4F4F4;
	border: 1px solid #CCC;
	padding: 2px;
	}
body input :active,
body textarea :hover {
	background-color: #dae9ef;
	}	
/*
------------------------------------------------------------------------------------------------------------------
2.	WRAPPER
------------------------------------------------------------------------------------------------------------------
-	Contains all page items
-	Starts above Branding (top) DIV and ends after Footer (bottom)
------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
	clear: both;
	}
/*
------------------------------------------------------------------------------------------------------------------
3.	BRANDING
------------------------------------------------------------------------------------------------------------------
-	Area contains the Company identity/brand
-	Contains any Utility navigation (smaller sub links IE. Home, Contact, Search, etc.)
------------------------------------------------------------------------------------------------------------------*/
#branding {
	width: 100%;
	clear: both;
/* Custom items */
	background-repeat: no-repeat;
	}
#branding-main {
	width: 100%;
	clear: both;;
	padding-top: 0px;
	padding-bottom: 0px;
	}
/*
------------------------------------------------------------------------------------------------------------------
4.	CONTENT
------------------------------------------------------------------------------------------------------------------
-	Contains everything between Main/Top Navigation and Footer
-	In most cases it contains any background image that is to flow from top to bottom (IE. left navigation strip)
-	If new backgrounds for the content area are needed the templates are set for the ID to be changed. 
	Simply duplicate the entire #content attributes below, rename and adjust the background-image attribute 
	to point to the new background image.

------------------------------------------------------------------------------------------------------------------
	DEFAULT CONTENT
------------------------------------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	height: auto;
	clear: both;
/* Custom items */
	background-position: top right;
	background-repeat: repeat-y;
	background-image: url(images/content-leftnav-bg-strip.gif);
	float: left; /* NEEDED FOR IE 6 */
	}
/*
------------------------------------------------------------------------------------------------------------------
	CONTENT FULL FOR INFORMATION THAT USES THE ENTIRE PAGE SPACE (WITHOUT LEFTNAV)
------------------------------------------------------------------------------------------------------------------*/
#content-full {
	width: 100%;
	height: auto;
	clear: both;
	/* Custom items */
	background-position: top right;
	background-repeat: repeat-y;
	padding: 90px 25px 25px 25px;
	}
#content-full.admin {
	padding-top: 25px;
	}
/*
------------------------------------------------------------------------------------------------------------------
5.	CONTENT LEFT
------------------------------------------------------------------------------------------------------------------
-	1st Column of any page not using Content-Full
-	Typically contains Left Nav/Secondary Navigation
-	If navigation background is needed it should be added to the containing Content DIV
------------------------------------------------------------------------------------------------------------------*/
#content-left {
	height: auto;
	float: left;
/* Custom Items */
	width: 190px;
	padding-bottom: 20px;
	background-color: #F4DAA1;
	}
/*
------------------------------------------------------------------------------------------------------------------
6.	CONTENT RIGHT
------------------------------------------------------------------------------------------------------------------*/
#content-right {
	height: auto;
	float: left;
/* Custom Items */
	width: 645px;
	padding: 25px 0px 25px 25px;
	}
/*
------------------------------------------------------------------------------------------------------------------
	These Two Divs are used in place of Content-Right if the page calls for a 3 Column layout
------------------------------------------------------------------------------------------------------------------*/
#content-right-column-A {
	height: auto;
	float: left;
/* Custom Items */
	width: 380px;
	padding: 90px 25px 25px 25px;
	}
#content-right-column-B {
	height: auto;
	float: left;
/* Custom Items */
	width: 338px;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	}
/*
------------------------------------------------------------------------------------------------------------------
7.	FOOTER
------------------------------------------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: auto;
	clear: both;
/* Custom items */
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	color: #333333;
	}
#footer a:link,
#footer a:visited {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}

/*
------------------------------------------------------------------------------------------------------------------
8.	CUSTOM HOME PAGE 
------------------------------------------------------------------------------------------------------------------*/
#home-navigation-container {
	background-color: #0E1F41;
	border-bottom: 1px solid #FFFFFF;
	}
#home-navigation {
	width: 100%;
	clear: both;
	height: 109px;
	margin-bottom: 0px;
	border-bottom: 1px solid #cccccc;
	}
#home-navigation #branding-main {
	border-bottom: 1px solid #FFFFFF;
	}
#home-navigation-topLeft {
	float: left;
	width: 223px;
	}
#home-navigation-topRight {
	float: left;
	width: 636px;
	border-left: 1px solid #FFFFFF;
	}
/*
------------------------------------------------------------------------------------------------------------------
9.CLEARFIX
------------------------------------------------------------------------------------------------------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
/*
------------------------------------------------------------------------------------------------------------------
	Clearfix class used for two floating DIVS, one inside of the other
------------------------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */