/* CSS Document */

body {
	background-color:#eeeeee;
	margin: 5px; 
	padding:5px;
	text-align:center;
	font-family: veranda, arial, helvetica, sans-serif;	
	color:#000000;	
}

#container {
	margin:0px auto;
	padding: 0px;
	width: 835px;
	text-align: center;	
	}

#container h1 {
	font-family: veranda, arial, helvetica, sans-serif;
	color:#666633;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	font-size: 45px;
	font-weight:100;
}

.left-col{
	text-align:left;
	float:left;
	width: 334px;
	padding:0px;
}

.middle-col{
	text-align:left;
	float:left;
	width: 167px;
	padding:0px;
}

.right-col{
	text-align:left;
	float:left;
	width: 334px;
	padding:0px;
}

.space{
	float:left;
	width: 334px;
	height: 143px;
	padding:10px;
	color:#006699;
	font-size: 80%;
	}	
html>body .space {
	width: 304px; 
	height: 123px;	
	}

.space a{
color:#006699;
}

#footer {
	width:100%;
	margin:0px auto;
	padding: 20px 0px;
	text-align:center;
	clear:both;	
	color: #666666;
	font-weight:bold;
	border-top: 1px dashed #6B8F8F;
	}

#rolloverDiv{
	float:left;
	width: 334px;
	padding: 15px 20px;
	color:#666633;
	font-size: 110%;
	text-align:left;
}	
html>body #rolloverDiv {
	width: 294px; 
	}
	
.square1 {
	width: 167px;
	height: 143px;	
	float:left;
	text-align:center;
	background-image:  url("../images/home-sqaure1.gif");	
	}
	
.square1pad {
	padding: 20px 10px;
	}	

.square2 {
	width: 167px;
	height: 143px;	
	float:left;
	text-align:center;
	background-image:  url("../images/home-sqaure2.gif");	
	}
	
.square2pad {
	padding: 50px 10px 0px 10px;
	}

.square4 {
	width: 167px;
	height: 143px;
	float:left;
	text-align:center;
	background-image:  url("../images/home-sqaure4.gif");	
	}

.square4pad {
	padding: 30px 20px;
	}

.square1 a{
	display: block;
	width: 147px;
	height: 103px;
	color:#6B8F8F;
	text-decoration:none;
	font-size: 120%;
}

.square1 a:hover, .square2 a:hover{
	color:#666633;
}

.square4 a:hover {
	color:#FFFFCC;
}

.square2 a{
	display: block;
	width: 147px;
	height: 90px;
	color:#6B8F8F;
	text-decoration:none;
	font-size: 120%;
}
	
.square4 a{
	display: block;
	color:#fff;
	text-decoration:none;
	font-size: 120%;
	width: 127px; 
	height: 83px;
	}

.hidden { display: none; }
.unhidden { display: block; }