* /*Sets border, padding and margin to 0 for all values*/
{
	padding: 0;
	margin: 0;
	border: 0;
}

*.red { color: red; }
*.bold { font-weight: bold; }

body, html
{
	color: black;
	font-family: Verdana, Arial, Serif;
	background-color: #990000; 
	text-align: center; /*** Centers the design in old IE versions ***/
}

div#display
{
	margin-left: 5%;
	margin-right: 5%;
	overflow: auto;
	background-color: white;
}

div#content
{
	overflow: auto;
	margin: 40px;
	text-align: left;
}

div#menu
{
	display: inline;
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 10px;
}

div#menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#menu ul li
{
	font-size: 0.7em;
	padding-bottom: 5px;
}

div#menu li img
{
	clear: both;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: none;
}


p
{
	padding: 7px 0 7px 0;
}

a
{
	color: #333399;
	font-weight: bold;
	text-decoration:none;
}

a:hover
{
	color: #993399;
	font-weight: bold;
	text-decoration: underline;
}

h1, h2, h3, h5
{
	font-weight: bold;
	padding-bottom: 10px;
	color: #990000;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.3em;
	color: #990000;
	text-transform: uppercase;
}

h4
{
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #990000;
}


h1 a, #header h2
{
}

.clear { clear: both; }


/**************************
	HEADER
**************************/
#header
{
	/*background: #000099;*/
	padding: 0px
}

/**************************
	FOOTER
**************************/
div#footer
{
	display: block;
	clear: both;
	border: none;
	margin: 20px 10px 10px 10px;
	border-top: 2px solid rgb(153, 153, 153);
	padding: 0px 0px 20px 0px;
	overflow: auto;
}

div#footer p
{
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	color: rgb(153, 153, 153);
	font-weight: bold;
}

div#footer div.W3C
{
	display: inline;
	float: right;
	clear: none;
	width: 88px;
	height: 31px;
	margin: 10px;
}

/**************************
	CONTENT AND COLUMNS
**************************/
p.posted
{
	display: inline;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 2px solid red;
	color: red;
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}

.image
{
	font-family: "Trebuchet MS", Verdana, Arial, Serif;
	font-size: 0.95em;
	color: #dddddd;
	float: right;
	font-weight: normal;
	text-align: center;
	padding: 10px;
}

/**************************
	MISCELLANEOUS USEFUL STYLE RULES
**************************/
p.no-top-margin
{
	margin-top: 0px;
	padding-top: 0px;
}
p.no-bottom-margin
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
span.nowrap
{
	white-space: nowrap;
}
sup
{
	font-size: 0.5em;
	vertical-align: text-top;
}

	/* Necessary to fix an IE bug --
	   the only way to hide something is to
	   surround it in a <span class="hide">
	 */
span.hide
{
	display: none;
}

	/*
		This is to keep the bullet from disappearing
		under some circumstances. The CSS Cookbook
		mentions this problem.
	*/
ul
{
	margin-left: 20px;
	padding-left: 0px;
}

	/* For French quotation marks (guillemets).
	 * Usage: <span class="g-open">«</span>le
	 *    text<span class="g-close">»</span>
	 */
span.g-open
{
	padding-right: .25em;
}

span.g-close
{
	padding-left: .25em;
}

/**************************
 * NOTICE BLOCK
**************************/

div.notice-block
{
	display: inline;
	float: right;
	border: 5px outset gray;
	margin: 20px;
	padding: 20px;
}

div.notice-block h1
{
	font-size: 1em;
	text-align: center;
}

div.notice-block p
{
	font-size: .7em;
	text-align: center;
}

div.notice-block a
{
	font-size: .7em;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}