body
{
	background-color:#000000;
	margin-top:25px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#d533cc;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000099;
	text-decoration:none;
}

a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000099;
	text-decoration:none;
}

a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000099;
	text-decoration:none;
}

a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d533cc;
	text-decoration:underline;
}


/* Classes */

.CentreAlignHolder
{
	width:100%;
	height:100%;
	background-color:#000000;
}

.ContentAreaBorder
{	
	width:800px;
	min-height:600px;
	background-color: #ffffff;
	text-align:left;
}

.ContentAreaHolder
{
	position:relative;
	top:10px;
	margin-left:10px;
	margin-top:10px;
	width:780px;
	height:580px;
	text-align:left;
/*	background-color:#999999;*/
}

.LeftColumnHolder
{
	/*margin-right:10px;*/
	width:569px;
	height:100%;
/*	background-color:#FFFFFF; */
	float: left;
}

.LeftContentArea
{
/*	margin-right:10px;
	margin-bottom:10px;*/
	width:569px;
	height:322px;
/*	background-color:#FF0000; */
	float: left;
	overflow:auto;
	
	scrollbar-base-color: #000099;
	scrollbar-arrow-color: #85ff33;	
}

.SearchBarArea
{
	/* margin-bottom:10px; */
/*	position:relative;
	top:322px;*/
	width:569px;
	height:185px;
/*	background-color:#00ff00; */
	float:left;
}

.SearchMale
{
/*	position:relative;
	top:0px;
	left:0px;*/
/*	margin-right:7.5px; */
	width:185px;
	height:185px;
	background-color:#000099;
	float:left;
/*	float:left; */
}

.SearchFemale
{
/*	position:relative;
	top:-185px;
	left:192px;*/
/*	margin-right:7.5px; */
	position:relative;
	left: 7px;
	width:185px;
	height:185px;
	background-color:#d533cc;
	float:left;
/*	float:left; */	
}

.SearchBoth
{
/*	position:relative;
	top:-370px;
	left:384px;*/
	width:185px;
	height:185px;
	background-color:#85ff33;
	float:right;
}

.RightColumnHolder
{
/*	position:relative;
	left:579px;
	top:-570px;*/
	float:right;
	width:200px;
	height:100%;
/*	background-color:#009900; */
}

.TopMenu
{
	width:569px;
	height:25px;
	background-color:#ffffff;
	border-bottom: 2px solid #d533cc;
	word-spacing: 22px;
	text-align:left;
}

.TopMenu a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19.5px;
	color:#000099;
	text-decoration:none;
	word-spacing: 0px;
}

.TopMenu a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19.5px;
	color:#000099;
	text-decoration:none;
	word-spacing: 0px;
}

.TopMenu a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19.5px;
	color:#000099;
	text-decoration:none;
	word-spacing: 0px;
}

.TopMenu a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19.5px;
	color:#d533cc;
	text-decoration:underline;
	word-spacing: 0px;
}

.FooterArea
{
/*	position:relative;
	top:301px;*/
	background-color:#000099;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	width: 569px;
	height:20px;	
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	float:left;
}

.FooterArea p
{
	position:relative;
	top:-9px;
/*	position:relative;
	top:-90px;*/
	/*background-color:#000099;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
}

.SearchBoxes
{
/*position:inherit;*/
/*	position:relative;
	top:0px; */
	height:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#ffffff;	
	line-height:92.5px;
	vertical-align:middle;
	text-align:center;
}

.SearchBoxes a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#ffffff;	
	text-decoration:none;
}

.SearchBoxes a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#ffffff;	
	text-decoration:none;
}

.SearchBoxes a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#ffffff;	
	text-decoration:none;
}

.SearchBoxes a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#ffffff;	
	text-decoration:underline;
}

.BottomMenu
{
/*	position:absolute;
	top:311px;*/
/*	position:relative;
	top:311px;

	position:relative;*/
	width:569px;
	height:25px;
	line-height:25px;
	text-align:right;
	float:left;
}

.BottomMenu p
{
	position:relative;
	top:-12px;
}