body
	{
	color:				#F6F6F6;
	background-color:	#333;
	}
	
p
 	{
	padding:			5px 5px 5px 5px;
	}

a
 	{
	color:				#90EE90;			/* lightgreen */
	text-decoration:	underline;
	}

a:hover
	{
	text-decoration:	underline;
	color:				#FFFFFF;			/* white */
	}
	
#footer
	{
	padding:			5px;
	border-top:			2px #000 solid;
	color:	   		    #808080;			/* gray */
	clear:				right;
	}
	
/* bgn class definitions */
	
.PageHeader
	{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				600px;
	height:				300px;
	background-image:	url(images/hagley_park.jpg);
	background-position:center;
	background-repeat:	no-repeat;
	text-align:			center;
	}

.Title	/* this is the text that displays within the header picture */
	{
	font-family:		"Times New Roman", Times, serif;
	font-size:			20px;
	color:				#FAEBD7;			/* antiquewhite */
	position:			relative;
	top:				260px;
	text-align:			left;
	padding-left:		12px
	}

.item
	 {
	 color:				#CCCCCC;
	 padding:			0px 10px 0px 10px;
	 font-size:			18px;
	 text-decoration:	none;
	 }
	 
.item:hover
	{
	background-color:	#565656;
	text-decoration:	none;
	}
	
.data
	{
	position:			relative;	
    background:			#333;
	width:				600px;
	margin:				5px 0px 5px 0px;
	text-align:			left;
	}
	
.SideMenu
	{
	float:				right;
	right:				0px;
	border:				2px solid #808080;				/* gray */
	margin:				5px 5px 5px 20px;
	width:				135px;
	}
	
.MenuLink	/* control the color in menu links */
    {
	color:				#D3D3D3;						/* lightgray */
    }
	
.MenuHeader
	{
	background-color:	#808080;						/* gray */
	font-size:			18px;
	font-weight:		lighter;
	color:				#FAEBD7;						/* antiquewhite */
	text-align:			center;
	width:				135px; 
	}

.RequirementsList
    {
    background-color:	#333;
    font-size:			16px;
    font-weight:		lighter;
    text-align:			left;
    border:				2px solid gray;
    margin:				10px 0 10px 10%;
    width:				80%;
    }
    
/* end class definitions */
	
h1
  	{
	padding-left:		20px;
	font-size:			20px;
	color:				#FF7F50;					/* coral */
	}	
h2
  	{
	padding-left:		40px;
	font-size:			16px;
	color:				#DAA520;					/* goldenrod */
	}

/* Begin Images */
	
p img 
  	{
	padding:			0;
	max-width:			100%;
	}

img.centered 
	{
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
	}

img.alignright
	{
	float:				right;
	padding:			4px;
	margin:				0 0 2px 7px;
	display:			inline;
	}

img.alignleft
	{
	float:				left;
	padding:			4px;
	margin:				0 7px 2px 0;
	display:			inline;
	}

/* End Images */