@charset "utf-8";
/* CSS Document */
body {
	background-color: #FFFFFF;
	margin: 0px;
	/*background-image: url(../grid3.gif);*/
	line-height: 16px;
}
#upheader {
	background-color: #000000;
	width: 100%;
	height: 17px;
}
#header {
	padding: 15px;
	margin-bottom: 15px;
	min-width: 480px;
}
html>body #header{
	*margin-bottom: -1px;
}
#header #headlogo {
	width: 100%;
	height: 194px;
}
#header #headleft {
	float: left;
	font-weight: bold;
	margin-top:3px;
	font-family: Arial;
	font-size: 12px;
}
#header #headright {
	float: right;
	font-weight: bold;
}
#downhead {
	height: 1px;
	margin-left: 15px;
	margin-right: 15px;
	border-top: dotted 1px #000000;
}
#header #headleft #sections {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	text-transform: uppercase;
}
#menu {
	position: absolute;
	left:325px;
	
	top:29px;
	/* min-width: 480px; */
	min-width: 620px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	/*background-image: url(../menu.gif);*/
	background-repeat: no-repeat;
}
#menu .col {
	float: left;
	width: 140px;
	margin-right: 15px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	border-bottom: dotted 1px #000000;
}
#text a:hover, #title a:hover {
	border-bottom: none;
}
a.special {
	font-style: italic;
	border-bottom: dotted 1px #000000;
}
a:hover.special {
	color: #FFFFFF;
	background-color: #000000;
}
.menuviewing{
	background-color: #000000;
	color: #FFFFFF;
}
#footer{
	width: 50%;
	height: 32px;
}


/* IPHONE */
@media screen and (max-device-width: 480px){
	body{
		-webkit-text-size-adjust: 150%;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		/*line-height: 27px;*/
		line-height: 22px;
	}
	
	#menu {
		font-size: 16px;
		line-height: 26px;
	}
	#menu .col {
/*		background-color: #00FF00;*/
		width: 295px;
	}
	.indexnote #title {
		font-size: 10px;
	}
}