html, body
{ /* Resets the margin and internal padding for the browser */
 	margin:0; 
 	padding:0; 
} 
 
#header  /* This controls the header section of the site */
{
 	position:relative; 
	height:195px; 
 	background-color:#FFFFFF; 
 	width:100%;
} 

#navigation /*Navigation Layout */
{
	width:100%;
	border-bottom: 2px solid #C0DFFD;
	border-top: 2px solid #C0DFFD;
	text-align:center;
}

#navigation p /* Apearance of paragraph text in the nav bar */
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
}

#navigation a /* Appearance of links in the nav bar */
{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:1em;
	letter-spacing:.1em;
	text-decoration: none;
	display:inline;
	padding:8px 6px 10px 26px;
	background: url("images/mm_arrow.gif") 14px 45% no-repeat;
}
	
#navigation a:hover /* Appearance of links when hovered over */
{
	color:#66CCFF;
	background: url("images/mm_arrow_over.gif") 14px 45% no-repeat;

}

#leftcol /* Controls the position of the left hand column */
{
 width:25%;
 padding-left: 1%;
 float:left; 
 position:relative; 
}
#rightcol /* Controls the position of the Right hand column */
{
	float: right;
	padding-right: 1%;
}

#maincol /* Controls the overall layout of the center column */
{
	float:left;
	background-color: #FFFFFF;  
 	display:inline; 
 	position: relative; 
 	width:48%; 
}

#maincol h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #3366CC;
}
#maincol p /* Controls the appearance of paragraphs in the center column */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #003399;
	line-height:1.5em; /*spacing between the top and bottom of each line of text */
}

#footer /* Controls the appearance and layout of the footer */
{
	height:30px; 
  	background-color:#FFFFFF;
	text-align: center;
	border-top: 2px solid #C0DFFD;
	color: #3366CC;
	font-size: 0.8em;
	padding-top: 2px;
 	clear:both;
} 

/*Ignore everything after this line */

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

/*printer styles*/ 
 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}