@import url(menu.css);

@media screen {
	body { background: #111 url(pagebg.png) top left repeat-x fixed; color: #000; font-family: Verdana, sans-serif; font-size: 1em; margin: 0; padding: 0; }
	#printHeader { display:none; }
	#logo200 { height: 150px; left: 15px; position: absolute; top: 15px; width: 220px; z-index: 2; }
	#logo200 img { border: none; }
	#bannerImage { position: absolute; right: 120px; top: 10px; width: 300px; z-index: 3; opacity: .8; }
	#container { background-color: #fff; border: 2px groove #600; bottom: 10px; left: 240px; opacity: .9; overflow: auto; padding: 1em 3em; position: absolute; right: 140px; top: 55px; z-index: 2; }
	#quicklinks { position: absolute;; right: 5px; top: 10px; width: 90px; z-index: 0; }
	#quicklinks p { margin: 0; padding: 0 0 10px 0; text-align: center; color: #990; font-size: 80%; }
	#quicklinks img { border: none; }
	h1 { color: #400; font-size: 180%; font-weight: bold; margin: .5em -.5em; padding: 0; text-shadow: 3px 3px 3px #999; }
	h2 { color: #400; font-size: 140%; font-weight: bold; margin: 0 -.5em; padding: .5em 0; text-shadow: 2px 2px 2px #999; }
	p { margin: 0; padding: .3em 0; }
	#container ul, #container ol { margin-top: 0 !important; margin-bottom: 0 ! important; padding-top: .3em ! important; padding-bottom: .3em ! important }
	#container a { text-decoration: none; color: #900; }
	#container a:hover { text-decoration: none; color: #c00; }
	.footer { text-align:center; font-size:10px; color:#666; margin: 3em 0 0 0; height: 40px; }
}
.motd { font-family: Cochin, serif; font-style: italic; font-size: 120%; }
a img { border: none; }
.gray { color: #999; }
@media print {
	.footer { display: none; }
	#logo200, #quicklinks { display: none; }
	#printHeader { padding: 0; font-size: 50%; font-family: sans-serif; color: #ccc; margin: 0 0 .5em 0; }
	#bannerImage { display: none; }
}