@charset "UTF-8";

/**
 * main.css - all global, general layout
 */

h1,
h2,
h3 {
	color: white;
	padding: 5px;
	margin: 5px auto 10px auto;
}

h1,
h2 {
	background-color: #A8C6E3;
	border: 1px solid #A8B6E3;
}

h3 {
	background-color: #78A860;
	border: 1px solid #65A860;
}

h4 {
	text-align: center;	
}

#top {
	margin: 1px 0 12px 0;
}

	#top #logo {
		float: left;	
	}
	
	#top #controls {
		float: right;
		padding: 10px;
	}
	
	#top #mantra {
		clear: both;
	}

#main { 
	clear: both; 
	width: 750px; 
	margin: auto; 
}

.column { 
	float: left; 
	padding: 0 2% 0 2%; 
	width: 46%;
}

.quiet {
	color: gray;
	font-size: small;
}

.error, .message, .greybox {
	width: auto;
	margin: 10px auto;
	padding: 8px 5px 8px 5px;
}

.error, .message {
	border: 1px solid #FFFF00;
	background-color: #FFFFCC;
}

.greybox {
	border: 1px solid #E6E6E6;
	background-color: #F0F0F0;
}

.framed {
	border: 1px solid #A8B6E3;
}

.announce {
	font-size: large;
	text-align: center;	
}

a.fake {
	text-decoration: none;
}

	a.fake:hover {
		text-decoration: underline;
	}

.message {
	display: none;
}

form.skinny {
	width: 85%;
	margin: auto; 
	text-align: center;	
}

.qmenu {
	margin: 10px 0 0 0;
	clear: both;
}

	.qmenu ul {
		list-style: none;
		margin: 0;
		padding: 0 5px 0 0;
	}
	
	.qmenu ul li {
		display: inline;
		margin: 0 5px 0 5px;
		padding: 0 0 17px 0;
		float: left;
	}
	
	.qmenu ul li.selected {
		background: url(../images/pointy.jpg) no-repeat center bottom;
	}
	
	.qmenu ul li div {
		margin: 0;
		padding: 8px;
		background-color: #3D4830;
		color: white;
	}
	
	.qmenu ul li div a, 
	.qmenu ul li div a:visited {
		text-decoration: none;
		margin: 0;
		padding: 3px;
		background-color: #3D4830;
		font-weight: bold;
		color: white;
	}
	
	.qmenu ul li div a:hover {
		text-decoration: underline;
	}
	
.graph {
	display: none;
	width: 340px; 
	height: 350px;
	margin: 0 0 25px 0;	
}

#graph-info {
	display: none;
	padding: 0 10px 0 10px;
	font-size: small;
	text-align: justify;
}

dl {
	padding: 5px 0px 5px 10px;	
}

dt, 
.fancy {
	font-family: Monotype Corsiva, cursive;
	font-size: x-large;
	font-weight: bold;
}

#bottom {
	clear: both;
	margin: 55px 0 5px 0;
	padding: 15px 0 5px 0;
	text-align: right;
	font-size: small;
	font-weight: bold;
}

	#bottom p {
		width: auto;
		margin: 5px 0 5px 0;
		padding: 5px;
		border-top: 1px solid #A8C6E3;
	}
	
	#bottom p,
	#bottom a,
	#bottom a:visited {
		color: #A8C6E3;
	}