body
{
	background-color: #000000;
	background-image: url('img/black-saftextr.jpg');
	padding-top:1%; 
	padding-bottom:1%;
}

#main
{
	background-image: url('img/white-saftextr.jpg');
	width: 90%;
	padding: 1%;
	position: absolute; 
	top: 3%;
	left: 4%;
	margin-bottom: 1%;
	
}


#pageleft, #pageright
{
	width: 8%;
	border: 1px white solid;
	float: left;
}

#pagemiddle
{
	width: 78%;
	float: left;
	padding: 1%;
}


#header
{
	width: 70%;
	height: 90px;
	border: 1px red solid;
	margin-left: auto; 
	margin-right: auto;
	clear: both;
	background-color: green;
}

#header #imgleft, #header #imgright 
{
	border: 0px;
	float: left;
	background-color: #508FC4;
	width: 11%;
	height: 100%;
}

#header #headermiddle 
{
	border: 0px;
	float: left;
	width: 78%;
	height: 100%;
}

#header #imgleft img, #header #imgright img
{
	vertical-align: bottom;
	width: 100%;
	height: 100%;
}

#headermiddle #title
{
	float: left;
	height: 62%;
	width: 100%;
	color: #09018B;
	font-family: Arial;
	white-space: nowrap;
	padding: 1%;
}

#headermiddle #title #title1
{
	font-weight: bold;
	font-size: large;	
	height: 45%;
	width: 96%;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

#headermiddle #title #title2
{
	background-color: #FFFFFF;
	height: 50%;
	width: 80%;
	margin-left: auto; 
	margin-right: auto;
	padding: 1%;
}

#headermiddle #title #title2 #left
{
	font-weight: bold;
	float: left;
	text-align: right;
	width: 32%;
}


#headermiddle #title #title2 #right
{
	font-style: italic; 
	font-size: small;
	text-align: left;
	float: left;
	width: 68%;	
}

#headermiddle #menubar
{
	font: 12px cursive;
	height: 26%;
	padding: 1%;
	width: 94%;
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	
}

	#headermiddle #menubar ul
	{
		width: 	96%;
		height: 80%;
		margin-top: auto;
		margin-left: -1.2em;
		margin-right: auto;
	}

	#headermiddle #menubar li
	{
		list-style-type: none;
		border: black solid 1px;
		float: left;
		width: 9.5em;
		background-color: #CCCCCC;
		text-align: center;
		
		
	}


	#headermiddle #menubar > li:hover
	{
		background-color: white;
	}

	#headermiddle #menubar li:hover > ul
	{
		display:block;	
	}

		/* Collapse nested lists. */
		#headermiddle #menubar li ul
		{
			display: none;
			margin-top: 0.1em;
			position: absolute;
			z-index:1;
			width: 0em;
			height: 0em;
		}

		/* Indent third-generation lists. */
		#headermiddle #menubar li ul li
		{
			clear:both;
			margin-left: -2.23em;
			border: 1px black solid;
		}
		
		
	/* Set anchors to act like buttons. */
	#headermiddle #menubar a, #headermiddle #menubar a:visited
	{
		display: block;
		color: black;
		font: 12px cursive;
		width: 9.5em;
		text-decoration: none;
	}

	#headermiddle #menubar a:visited
	{
		border: 0px;
	}

		
	/* Flash anchors white when hovered. */
	#headermiddle #menubar a:hover
	{
		background-color: white;
	}


#content
{
	width: 98%;
	font-family: Arial;
	clear: both;
}

#footer
{
	width: 98%;
	height: 40px;
	background-color: black;
	font: 12px cursive;
	color:  #FFFFFF; 
	text-align: center;
}

#footer a, #footer:link, #footer a:visited 
{
	color: yellow; 
	font: 12px cursive;
}

#footer a:hover 
{
	color: red; 
	font: 12px cursive;
}


h1, h2 
{
	text-align: center; 
	padding-left: 5%; 
	padding-right: 5%;
}

table 
{
	background-color: #F5F5F5; 
	border-color: #000000; 
	margin-left: auto; 
	margin-right: auto;
}

th 
{
	background-color: green; 
	color: #F5F5F5; 
	font-size: 18px; 
	text-align: center
}

td 
{
	color: #09018B; 
	font-size: 14px
} 

a:link, a:visited 
{
	color: #09018B; 
	font-size:14px
}

a:hover 
{
	color: red; 
	font-size: 14px
}
.arthead1, .arthead2, .arthead3 
{
	font-weight: bold; 
	font-family: Arial;
	color: #09018B;
}
.arthead1 {font-size:18px;}
.arthead2 {font-size:16px;}
.arthead3 {font-size:14px;}

.stdhead 
{
	
	font: bold 14px Arial;
	color: #09018B;
}

.stdbody 
{
	font: bold 12px Arial;
	color: #09018B;
}

.stdmenu 
{
	font: bold 14px Arial;
	color: #000000;
}

.stdbutton 
{
	font: bold 14px franklin gothic medium;
	color: #000000 
}