@import url('colors.css');

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

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

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#footer, #menu {
	font-size: 85%;
}


/*************** layout ***************************/
#body2col{
	width: 950px;
	background: url('images/columns2.gif') repeat-y;
}

#body3col {
	width: 950px;
	background: url('images/columns3.gif') repeat-y;
}

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

#body2col #body1 {
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}
	html>body #body2col #body1 { width: 730px; }

#body3col #body1 {
	width: 600px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
}
	html>body #body3col #body1 { width: 580px; }

#body3 {
	width: 150px;
	padding: 10px;
	float: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
	html>body #body3 { width: 130px; }

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

#flashmovie {
	background: url('images/bg.jpg') no-repeat;
	width: 950px;
	height: 137px;
}

#logo {
	margin: 0px auto;
	height: 80px;
	text-align: left;
}

#menu { height: 25px; }

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		float: left;
		padding: 5px 0px 5px 25px;
	}
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 180px;
		padding: 5px 5px 5px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}
		html>body .submenu a { width: 158px; }

#footer {
	padding: 5px 5px 5px 25px;
}

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}