/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #ffffff;
	font: Arial, Helvetica, sans-serif;
	color:#666;
}

a:link, a:visited {
color: #1d78c1;
font-weight: bold;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
text-decoration: none;
}

a:hover, a:visited:hover {
color: #002a4b;
font-weight: bold;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
text-decoration: none;
}


H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 0px
}


H1 {
	LINE-HEIGHT:28px; font-family: arial; 
}

H2 {
	LINE-HEIGHT: 22px; FONT-FAMILY: arial; 
}
H3 {
	LINE-HEIGHT: 22px; FONT-FAMILY: arial; 
}

H4 {
	LINE-HEIGHT: 22px; font-family: arial;
}


H1 {
	FONT-SIZE: 150%; COLOR: #26527e; FONT-WEIGHT: normal;
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 135%; COLOR: #201d1d;  
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 135%; COLOR: #26527e;
}
H4 {
	FONT-SIZE: 135%; COLOR: #f1aa00; FONT-WEIGHT: normal;
}



p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background: url(images/background.gif) repeat-x center top #ffffff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
padding: 0;
	width: 950px;
	margin: 0 auto;
}

div#header .tagline {
padding-top: 45px;
float: right;
}


div#header .logo {
height: 97px;
width: 300px;
margin: 0;
padding-top: 10px;

}




div#content {
	padding: 0 0 5em; /* bottom padding for footer */
		width: 950px;
	margin: 0 auto;
}

#content .navbar{
height: 39px;
color: #ebe9e1;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;


}

#content .featureblock {
height: 249px;
padding: 0;

}
#content .featureblock .pic {
position: relative;
top: 1px;
}


div#content .copy {
		padding: 1em 1em;
		min-height: 375px;
		height: 100%;

	}
	


div#content .copy .main {
		margin: 2px 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-top: 2px;
	padding-bottom: 5px;
	
}

div#content .copy .main p {
font-size: 12px;	
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
}

#social {
position: relative;
top: 7px;
}
	
	div#content p {
		text-align:left;
		line-height: 16px;
	
	}
	

	
div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: url(images/footer.gif) repeat-x left top #ebe9e1;
	height: 70px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
	div#footer p {
		
		margin:0;
		padding-top: 12px;
	}
	
a.footer, a.footer:visited {
color: #666666;
text-decoration: none;
}

a.footer:hover, a.footer:visited:hover {
color: #666666;
text-decoration: underline;
}