html, body, h1, h2, h3, p { margin: 0px; padding: 0px; }

body {
	background: #0057A6;
	color: #000;
	text-align: center;
	font: .8em Arial, Helvetica,sans-serif;
} 

a:link { color: #0057A6; }
a:visited { color: #063178; }
a:active, a:hover { color: #090; }

h2 {
	margin: 0px;
	color: #181274;
	font: bold 190% Helvetica, Arial, sans-serif;
}

h3 {
	font-size: 100%;
	color: #0057A6;
}

img { border: 0px; }

p {
	margin: 0px 0px 1em 0px;
}
	.accent2 {
		margin: 0px;
		color: #FFDB49;
	}

hr {
	height: 1px;
	border: 0px;
	margin: 10px 0px;
	background: #ccc;
	color: #ccc;
}

blockquote {
	background: url('images/gradientbg.gif') no-repeat;
	padding: 20px;
	font-size: .85em;
	width: 200px;
	float: right;
	margin: 0px 0px 10px 20px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;	
}
	html>body blockquote { width: 180px; }
	
	blockquote em {
		color: #0057A6;
		font: italic 140% Georgia, Times, 'Times New Roman', serif;
	}

.alignright { text-align: right; }
.floatright { float: right; margin: 0px 0px 10px 10px; }
.floatleft { float: left; margin: 0px 10px 10px 0px; }
.image { background: #063178 url('images/boxbg.gif') repeat-x; padding: 5px; }
.clear { clear: both; }

/* General Image Replace statements - http://www.ryznardesign.com/web_coding/image_replacement/2004/gilder_levin_ryznar_jacoubsen/glrj_1_absolute.html */

	.replace { 
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		font-size: 1.2em; 	/* Choose a 
         font-size here that will keep 
         the headline small enough to fit
						   completely under the span. */
		}
		
	.replace span {
		display: block;
		position: absolute;
		top: 0; 
		/*
		left: 0;
		*/
		z-index: 1; 		/* for opera5 (?) and o6/mac */
		}


	/* General IR statements for IE5.x mac only */

	* html>body	.replace { 
			position: static;
			overflow: visible;
			font-size: 10px;
		 /* Since overflow: hidden doesn't
							   work with ie5.x/mac, we choose a
							   font-size here that will keep
							   the headline small enough to fit
							   completely under the span.*/
	  }
	* html>body	.replace span  { 
			position: static;
	  }
	* html>body	.replace a {
			text-decoration: none; /* ie5.0-5.1.x/mac 
		 must have this value or the underline
							   shows through the image. */
	  }
 
/************* layout ******************/

#container {
	margin: 0px auto;
	text-align: left;
	width: 830px;
	border-right: solid 15px #063178;
	border-left: solid 15px #063178;
	border-bottom: solid 15px #063178;
	background: #fff url('images/bg.gif') repeat-x;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
}
	html>body #container { width: 800px; }

#header {
	height: 128px;
	position: relative;
}

	#logo, #logo span {
		width: 500px;
		height: 118px;
		background: url('images/logo.png') no-repeat;
	}
		* html>body #myh1 span {	/* for ie5.x/mac only */
			margin-bottom: -118px;	/* Required to bring text underneath image. Use the negative height of the image here.*/
		}

	#call { 
		position: absolute;
		width: 273px;
		height: 31px;
		top: 0px;
		right: 20px;
	}
		#call span {
			background: url('images/call.gif') no-repeat;
			width: 100%;
			height: 100%;
			position: absolute;
		}

	#toplinks {
		position: absolute;
		top: 36px;
		right: 30px;
	}

#main_content {
	width: 575px;
	float: right;
	padding: 25px 30px 25px 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 545px;	
}
	html>body #main_content { width: 545px; }


	#main_image { padding-bottom: 10px; }
	
#secondary_content {
	width: 224px;
	float: left;
}
	#menu {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		list-style: none;
	}
		
	#menu a:link, #menu a:visited {
		font: bold 110% Helvetica, Arial, sans-serif;
		text-decoration: none;
		background: url('images/button.gif') no-repeat 0px -85px;
		color: #666;
		display: block;
		margin: 0px;
		padding: 0px 0px 8px 12px;
		width: 160px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 148px;
	}	
		html>body #menu a:link, html>body #menu a:visited{ width: 148px; }
	
	#menu a:active, #menu a:hover, #menu a.select:link, #menu a.select:visited {
		background-position: 0px 2px;
		color: #0057A6;
	}

.content {
	background: url('images/gradientbg.gif') no-repeat;
	padding: 20px;
}
	#secondary_content .content { padding-left: 35px; padding-right: 30px; }

.box {
	width: 410px;
	background: url('images/bluebox.gif') no-repeat;
	margin-bottom: 1em;
}
	.box-inner {
		background: url('images/bluebox_bottom.gif') no-repeat bottom center;
		padding: 10px;
		color: #fff;
	}
	
	.box h3 {
		font-size: 18px;
		color: #fff;
	}

#footer {
	clear: both;
	background: url('images/footer.gif') repeat-x;
	font-size: .9em;
	text-align: center;
	height: 119px;
}
	#footer p {
		padding: 15px 0px 10px 0px;
	}
	
	.logos {
		margin: 0px; 
		padding: 0px;
		list-style: none;
	}
	
	.logos li {
		width: 200px;
		float: left;
		text-align: center;
	}