@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 {
	font-size: 85%;
	height: 1em;
}

#copyright { float: left; }
#lyndenit { float: right; margin-right: 22px; }

#menu {
	font-size: 95%;
}

#opinionIcon {
	width: 150px;
	float: right;
	margin-top: 5px;
	padding: 0px;
	font-style: italic;
}

.noUnderline {
	text-decoration: none;
}

#badInput {
	font-weight: bold;
}

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

#body3col {
	width: 750px;
	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: 550px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 530px;
}
	html>body #body2col #body1 { width: 530px; }

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

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

#body3 p {
	margin-bottom: -10px;
}

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

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

#sideImg {
	width: 180px;
	height: 350px;
	padding: 0;
	margin-left: -15px;
}

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

#menu { height: 25px; }

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: bold;
}
	#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;
}

#body3 h2, #body2 h2 {
	text-align: center;
	margin-left: -15px;
	margin-top: 0px;
}

#body2 h2, #body3 h2 {
	font-weight: bold;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

#movie {
	position:relative;
	left: 360px;
}

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