/***********************************************************
 * Begin page layout
 */

div#menu	{					/* Style for the menu bar */
	position: relative;				/* Older browsers don't recognize fixed */
	width: 100%;
	height: 25px;
	left: 0px;
	z-index: 1;					/* Need to make sure page body goes BEHIND menu */
}
@media screen	{					/* Fixed is inconsistently supported for most media */
div#menu	{
	position: fixed;				/* Set separately, so relative remains as a fallback */
}
}

div#pagebody, div#credits	{			/* Style for the main page section */
/*	top: 30px;	*/
	position: relative;
	z-index: 0;
	margin: 0px 10px 0px 10px;
}
div#pagebody	{
	margin-top: 50px;				/* This way offset works in both IE and FF */
}

div#credits	{
	padding-bottom: 10px;				/* Otherwise text hugs window bottom */
	display: block;
	clear: both;					/* Make sure it's at the bottom of the page */
}
/* Printer on Firefox seems to dislike absolute positioning */
/* Printer on Internet Explorer seems to dislike fixed */

@media print	{
div#menu	{					/* Menu bar just clutters the page */
	display: none;
}
div#pagebody	{
	margin-top: 0px;
}
div#credits	{
	display: none;
	/* Don't need to worry about moving the padding to div#pagebody */
}
}


/***********************************************************
 * Begin standard styles
 */

/* Headers and stuff */

h1	{						/* Style for page titles	*/
	font-size: xx-large;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000090;
}
p.subtitle	{					/* Style for page subtitles -- should always come after an h1 */
	font-size: large;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 20px;
	color: #000090;
}
h2	{						/* Style for main headers	*/
	font-size: x-large;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #a5522a;
}
h3	{ 						/* Style for subheaders		*/
	font-size: large;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #a52a2a;
}


/* Common page elements */

body {
	font: 15px tahoma, verdana, sans-serif;
	margin: 0px 0px 0px 0px;
}

a, a:visited  {
	color: #00f;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p	{
	margin-top: 6px;
	margin-bottom: 12px;
	margin-right: 12px;
}

em	{
	font-weight: bold;
	font-style: normal;
}

ul	{
	list-style-type: square;
}
ul ul	{
	list-style-type: none;
}

li	{						/* Space between list items for improved readability */
	margin-bottom: 5px;
}

hr {
	width: 90%;
	color: #00f;
	background-color: #0000f0;
	height: 1px;
	border: 1px solid #0078f0;
}

img	{
	border: 0px;					/* Linked images will not show frames */
}

table, tr, td, th	{
	border: 1px dashed gray;
}
table	{
	width: 90%;
	border-collapse: collapse;
	margin: 10px;
}

td, th	{
	padding: 5px;
}

th	{
	text-align: center;
	font-weight: bold;
}

/* Handy shortcuts */

/* These formats are unnecessary -- use <sup> and <sub> instead */

/*
span.exp	{
	vertical-align: super;
	font-size: small;
}
span.sub	{
	vertical-align: sub;
	font-size: small;
}*/


/* Miscellaneous */

div#w3	{
	float: right;
	margin-right: 5%;
}
div#w3 img	{
	margin: 3px;
	width: 88px;
	height: 31px;
}

a.email	{
	font-family: courier;
	color: rgb(0,0,0);
}

/***********************************************************
 * Begin image box styles
 */

div#imageframe {
	background: #ddf;
	border: 1px dashed #aaa;
	padding: 15px 15px 15px 15px;			/* internal space */
}

div#imageframe h2	{				/* Style for box title	*/
	font-size: medium;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 12px;
	text-align: center;
/*	color: black;	*/
}
/*
div#imageframe img	{
	padding: 0px 15px 0px 15px;
}*/

/***********************************************************
 * Begin menu styles
 */

div#menu 	{					/* Style for the menu bar */
	text-align: center;
	background-color: #ccccff;			/* Menu MUST be opaque to look right! */
	top: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
	font: 15px tahoma, verdana, sans-serif;
}

div#menu a	{					/* Style for the menu bar */
	display: inline;
	padding-left: 15px;
	padding-right: 15px;

	text-decoration: none;				/* Get rid of underlines */
	font-size: large;
/*	color: blue;	*/
	color: #a52a2a;
}
@media print	{
div#menu a	{
	padding-left: 5px;				/* Printed pages are much too narrow */
	padding-right: 5px;
}
}

div#menu a:hover	{
	background-color: blue;
	color: white;
}