@import url('colors.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

img { border: 0px; }

.floatright { float: right; margin-left: 10px; }
.floatleft { float: left; margin-right: 10px; }

.clear { clear: both; }

.infoboxouter { padding: 10px; }
.infoboxinner { padding: 10px; }
.infoboxinner h1, .infoboxinner h2, .infoboxinner h3, .infoboxinner h4, .infoboxinner h5, .infoboxinner h6, .infoboxinner p { margin: 3px 0px 9px 0px; }

#specialcontent { 
	padding: 10px; 
	position: relative;
	top: 40px;
	left: 560px;
	width: 180px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
}
	html>body #specialcontent { width: 160px; }

#specialcontentinner {
	padding: 5px;
}

#topbg {
	min-height: 400px;
	text-align: center;
}

#outercontainer {
	width: 770px;
	margin: 0px auto;
	min-height: 400px;
	padding: 46px 0px 30px 0px;
	text-align: center;
}

#container {
	width: 750px;
	margin: 0px auto;
	text-align: left;
}

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

#logo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px; 
	left: 0px;
}
	#logo img { display: block; }
	#logo a {
		/* go to colors.css to customize logo */
	}

#topmenu {
	position: absolute;
	top: 25px;
	right: 25px;
}
	#topmenu { list-style: none; margin: 0px; padding: 0px; }
	#topmenu li { display: inline; padding-left: 20px; }

#mainpic {
	clear: both;
	height: 183px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 181px;
}
	html>body #mainpic { height: 181px; }

#contentarea {
	padding: 10px 0px 10px 0px;
}

#body2, #body3 {
	width: 200px;
	float: left;
	padding: 0px 10px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
}
	html>body #body2, html>body #body3 { width: 180px; }

#body3col #body1 {
	width: 350px;
	float: left;
	padding: 0px 10px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 330px;
}
	html>body #body3col #body1 { width: 330px; }
	
#body2col #body1 {
	width: 550px;
	float: left;
	padding: 0px 10px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 530px;
}
	html>body #body2col #body1 { width: 530px; }
	
#submenu {
	padding: 10px;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#submenu a:link, #submenu a:visited {
	padding: 3px 5px 3px 5px;
	display: block;
	width: 160px;
	text-decoration: none;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
	html>body #submenu a:link, html>body #submenu a:visited { width: 150px; }
	

#footer {
	clear: both;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

@media print {
	body {
		text-align: left;
	}
	
	#outercontainer, #container, #body2col, #body3col, #body3, html>body #body3, #body2col #body1, html>body #body2col #body1, #body3col #body1, html>body #body3col #body1, #footer {
		width: auto;
		float: none;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}
	
	#body1, #body2col #body1, html>body #body2col #body1, #body3col #body1, html>body #body3col #body1 {
		margin-bottom: 10px;
	}
	
	#body3 {
		border-top: solid 1px #525e6c;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	#topmenu, #mainpic, #submenu, #body2 {
		display: none;
	}
	
	.infoboxouter { border: solid 1px #525e6c; width: 80%; }
}