@charset "UTF-8";
/* DESIGN NOTES */
/* Scheme colors: Dark = #496EA5 & Light = #F3F0EB */

h3 {
    font-size: 100%;
    font-style: normal;
    line-height: .1;
    color: #496EA5;
    margin: 15px 0 0 0;
    }

h4 {
    font-size: 120%;
    font-style: normal;
    color: #496EA5;
    }

h5 {
    font-size: 150%;
    font-style: normal;
    margin: 0;
    padding: 0 0 5px 0;
    color: #FFF;
    line-height: 1.5em;
    }

h6 {
    font-size: 75%;
    font-style: normal;
    margin: 0;
    padding: 0 0 5px 0;
    color: #000;
    line-height: 1.5em;
    }

p {
    padding: 0 15px 5px 15px;
    line-height: 1.7em;
    font-size: 100%;
    }

hr {
    color:  #496EA5;
    background-color:  #496EA5;
    height: 3px;
    }
    
dt {
    font-weight: bold;
    text-decoration: underline;
    }
  
dd {
    margin: 20 0 0 0;
    padding: 0 0 0.5em 0;
    }

#container {
    width: 960px;
    background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
    } 

#header {
    width: 960px;
    height: 120px;
    background: #FFFFFF; 
	/* float: right; */
    margin: 0 0 0 0;
    } 

#mainContent {
    /* margin-top: 175px; */
    padding: 5px 0;
    } 


/* Vertical Navigation */
#menuitem 
{   list-style: none; 
    text-transform: uppercase;
    color: #496EA5;
    text-shadow: 2px 2px 4px #000000;
    margin: 0 auto;
	font-size: 1.5em;
    float: right;
	position: relative;
    }

/* CSS for each Parent Item */
#menuitem li {float: left; position: relative;}

#menuitem li a {
	float: left;
	display: block;
	padding: 4px 20px 4px 24px;
	text-decoration: none;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    color: #F3F0EB;
    background: #496EA5;
	margin-left: 10px;
    }

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#menuitem li:hover a,
#menuitem li a:hover
{
	background: #F3F0EB;
    text-shadow: 2px 2px 4px #000000;
	color: #496EA5;	
}

/* 
#footer { 
    width: 100%;
    margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. 
	background: #496EA5;
} */

#footer p {
 /*    	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
 /*    	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
   position:absolute;
   left:0px;
   bottom:0px;
   width:100%;
}

.button {
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.6em;
    text-shadow: 2px 2px 4px #496EA5;
    border: 1px solid #496EA5;
    color: #496EA5;
    background: #F3F0EB;
    box-shadow: 2px 2px 4px #496EA5;
    clear:both; 
    text-transform: uppercase;
    border-radius:4px; 
    cursor: pointer; 
    display: inline-block;
    height: 32px; 
    line-height: 32px; 
    margin: 0 5px; 
    padding: 0 15px; 
    text-align: center; 
    text-decoration: none; 
    vertical-align: top; 
    white-space: nowrap; 
    width: auto;
    }
    
.button:hover {
    background: #496EA5;
    text-shadow: 2px 2px 4px #000000;
	color: #F3F0EB;	
    }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
    }
    
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
    }
    
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
	}

.header {
    width: 100%;
    height: 120px;
    background: #F3F0EB; 
    margin: 0 auto;
    }

.masthead {
    width: 100%;
    height: 120px;
    background: #F3F0EB; 
    margin: 0 auto;
    }

.maincontent_banner { 
    width: 960px;
    margin: 0 0 10px 0;
    }
  
.maincontent_columnABC {
    float: left;
    width: 920px;
    padding: 10px 20px 20px 20px;
    }
  
.maincontent_columnAB { 
    float: left;
    width: 600px;
    margin: 20px 0 20px;
    }
  
.maincontent_columnBC { 
    float: right;
    width: 600px;
    margin: 20px 0 20px;
    text-align: left;
    }
  
.maincontent_columnA {
    float: left;
    width: 280px;
    margin: 20px 0 20px;
    }
  
.maincontent_columnB { 
    float: left;
    width: 280px;
    margin: 20px 0 20px;
    }
  
.maincontent_columnC {
    float: right;
    width: 280px;
    padding: 20px 20px 10px 20px;
    }
  
.maincontent_columnC_border
{ float: right;
    width: 260px;
    padding: 10px 20px 10px 20px;
    margin: 20px 0 20px;
    border-color: #496EA5;
    border-style: ridge;
    }
  
.menubar_outer {
    width: 100%;
    height: 34px;
    background: #496EA5;
    box-shadow: 10px 10px 5px #888888;
    }

.menubar_inner {
    width: 960px;
    height: 25px;
    margin: 0 auto;
    text-align: center;
    } 
 
.footer_outer {
    position:relative;
    left:0px;
    bottom:0px;
    width: 100%;
    height: 115px;
    background: #496EA5;
    }

.footer_inner {
    width: 960px;
    margin: 0 auto;
    padding: 20px 20px 10px 20px;
	text-align: center;
    } 




/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }