body {
	font-family:verdana,arial,sans-serif;
	font-size:80%;
	background-image: url(standardbg2.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color:#000000;
	color:#BCE;

	/*
	This works in FF, in IE7 and should work in IE6 in non-quirks mode
	*/
	margin-left: auto;
	margin-right: auto;
	width: 570px;
}

/* body class for pages that need the entire width, e.g. for images. */
body.wide {
	background-image: none;
	background-color: #303438;
	width: 98%;
	margin-left: 2%;
}

h1 { font-size: 130%; margin: 0px -4px 14px -4px; color: white; background-color:#404448; padding: 1px 6px 1px 6px; border-bottom: 1px solid #222; }
h2 { font-size: 130%; padding: 0px; margin: 20px 0px 5px 0px; }
h3 { font-size: 110%; padding: 0px; margin: 20px 0px 3px 0px; font-weight: bold; }
p { margin: 3px 0px 6px 0px;}

a:link { text-decoration: none; color: #83A3EE; }
a:visited { text-decoration: none; color: #A3A3EE; }
a:hover { text-decoration: underline; }
a:active { color: white; }

img { border-style: none; }

/* pre tends to get very small otherwise... */
pre { font-size: 115%; }

.small { font-size: 85%; }

div.boxright {
	float: right;
	width: 200px;
	margin: 0px 0px 10px 20px;
	padding: 0px 10px 0px 8px;
	border-left: 1px solid #444;
}
div.boxright h2 { border-bottom: 1px solid #555; }

.footnote {
	margin: 25px;
	color: #9AB;
	font-size: 90%;
	font-style: italic;
}
.footer {
	margin-top: 30px;
	border-top: 1px solid #505458;
	color: #505458;
	font-size: 85%;
	clear: both;
}

.alertmessage {
	border: 1px solid #F33;
	background-color: #603438;
	font-size: 110%;
	margin: 15px 10px 15px 0px;
	padding: 8px;
}

.warning {
	border: 1px solid #FF3;
	background-color: #606038;
	font-size: 110%;
	margin: 15px 10px 15px 0px;
	padding: 8px;
}