/**
 * 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: 100% Arial, Helvetica, sans-serif;

	font-family:arial,sans-serif;
	font-size:small;
	color:#333;
}

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/background2.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;
}


div#content .copy {
		padding: 2em 1em;
			background: url(images/contenframe.jpg) no-repeat transparent left top;
			margin-top: 49px;
			min-height: 375px;
			height: 100%;
	}
	

div#content .copy .sidebar {
float: right; /* since this element is floated, a width must be given */
	width: 224px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 10px;
	margin: 0;
	background: url(images/sidebar.gif) no-repeat transparent left top;
	height: 275px;
}



div#content .copy .main {
		margin: 0 250px 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: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
	

}


	
	div#content p {
		text-align:left;
		line-height: 16px;
	
	}

td.rightdivide {
background: url(images/rightdivide.gif) repeat-y center top #fff;
padding-top: 20px;
}
	


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;
}
	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;
}