/*
  styles.css
  Copyright 2009 James H. Vellenga.  All rights reserved.
  http://www.jimvellenga.com/
*/

body {
  background-attachment: scroll;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #ffffe0;
}
h1 {
	font-size: 1.6em ;
	margin: 1px ;
	line-height: 1.6em ;
}
h2 {
	font-size: 1.2em ;
	font-weight: bold ;
	line-height: 1.2em ;
	margin: 1px ;
}
h3 {
	font-size: 1.1em ;
	font-weight: bold ;
	margin: 1px ;
}
div.page {
	max-width: 960px ;
	min-height: 100% ;
	margin-left: auto ;
	margin-right: auto ;
}
div.toppanel {
	width: 240px ;
}
div.logo {
	position: center ;
	width: 240px ;
}

div.maincontent {
	width: auto ;
	text-align: left ;
	max-width: 720px;
	line-height: 1.3em ;
	padding-right: 0.5em ;
}
div.sidepanel {
	width: 220px ;
	text-align: center ;
	margin: 10px ;
}
div.toptitle {
	width: auto ;
	max-width 720px ;
	color: black ;
	/* background: #84aee1 ; Color matching logo */
	background: #95c4fe ; /* Brighter color, same hue and sat */
	padding: 8px ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	text-align: center ;
}
div.copyright {
	clear: both ;
	color: black ;
	padding: 4px ;
	border: 1px solid #00f;
	font-size: 0.81em ;
	text-align: left ;
}

div.button {
	width: 160 px ;
	color: black ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	padding: 0 ;
}
a.menubutton:link, a.menubutton:visited {
	text-decoration: none ;
	color: black ;
	/* background: #84aee1 ; Color matching logo */
	background: #95c4fe ;  /* brighter, but with same hue and sat */
	display: block ;
	padding: 3px ;
}
a.menubutton:hover {
	text-decoration: none ;
	color: yellow ;
	background: #0000c0 ;
	display: block ;
	padding: 3px ;
}
a.menubutton:active {
	text-decoration: none ;
	color: yellow ;
	background: #0000c0 ;
	display: block ;
	padding: 3px ;
}