﻿body 
{
	text-align:center;
	background-color:#F8F8F9;
}

.clrFixAuto { clear:both; overflow:hidden; }
.spaceAuto { float:left; text-align:left; }
.spaceProfileLink { float:left; width:12px; text-align:left; }

/*************************************************/

.mainBody
{
	width:600px; height:600px; 
	margin: 10px auto 0 auto; 
	text-align:center;
	border: solid 0px Red;
}
.mainBody a { border:0; text-decoration:none; }
.mainBody a:hover { border:0; text-decoration:none; cursor:hand; }
.mainBody a:visited { border:0; text-decoration:none; }

/*************************************************/

.headerText
{
	width:auto;
	height:60px;
	font-size: 32pt; 
	font-family: Verdana; 
	font-weight:bold; 
	letter-spacing:3px;
	color: #CCCCCC;
}
.headerText:hover
{
	width:auto;
	height:60px;
	font-size: 32pt; 
	font-family: Verdana; 
	font-weight:bold; 
	color: #045C97;
}

/*************************************************/

.squareMain
{
	width:400px;
	height:auto;
	margin: 0 auto 0 auto;
	border: solid 0px Red;
}
.squareMain a { border:0; text-decoration:none; }
.squareMain a:hover { border:0; text-decoration:none; }
.squareMain a:visited { border:0; text-decoration:none; }

.squareOne
{
	float:left;
	width:180px;
	height:180px;
	margin: 0 0 5px 5px;
	padding: 0 0 0 0;
		
	text-align:center;
	font-family:Verdana;
	font-size:24px;
	font-weight:bold;
	color:#CCCCCC;
	
	border: solid 5px #CCCCCC;
}
.squareOne:hover
{
	float:left;
	width:180px;
	height:180px;
	margin: 0 0 5px 5px;
	padding: 0 0 0 0;
	cursor:hand;
	
	text-align:center;
	font-family:Verdana;
	font-size:24px;
	font-weight:bold;
	color:#045C97;
	
	border: solid 5px #045C97;
}

/*************************************************/

.content
{
	width:600px;
	height:500px;
	margin: 0 auto 0 auto;
	
	text-align:center;
	letter-spacing:1px;
	line-height:20px;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	color:#CCCCCC;
	
	border: solid 5px #CCCCCC;
}
.content:hover
{
	width:600px;
	height:500px;
	margin: 0 auto 0 auto;
	
	text-align:center;
	letter-spacing:1px;
	line-height:20px;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	color:#045C97;
	
	border: solid 5px #045C97;
}
.content img {border:0; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
.content img:hover {border:0; background-color: silver; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; }


/*************************************************/

.footer
{
	width:600px;
	height:auto;
	margin: 10px auto 0 auto;
	
	text-align:center;
	font-family:Verdana;
	letter-spacing:2px;
	font-size:16px;
	font-weight:bold;
	color:#045C97;
	
	border: solid 0px #CCCCCC;
}
.footer a{ color:#CCCCCC;}
.footer a:hover{ color:#045C97;}

.footerLeft
{
	float:left;
	width:300px;
	height:auto;
	margin: 0 0 0 0;
	
	text-align:left;
	font-family:Verdana;
	letter-spacing:2px;
	font-size:14px;
	font-weight:bold;
	color:#045C97;
	
	border: solid 0px #CCCCCC;
}
.footerLeft a{ color:#CCCCCC;}
.footerLeft a:hover{ color:#045C97;}

.footerRigth
{
	float:left;
	width:300px;
	height:auto;
	margin: 0 0 0 0;
	
	text-align:right;
	font-family:Verdana;
	letter-spacing:2px;
	font-size:14px;
	font-weight:bold;
	color:#045C97;
	
	border: solid 0px #CCCCCC;
}
.footerRigth a{ color:#CCCCCC;}
.footerRigth a:hover{ color:#045C97;}