/* CSS Document */

.content a {
color:#9B9B73;
}

.content a:hover{
color:#3E3326;
}

/* Color Theme for boxes */
.colorA {
	background:#A8A192;
}
.colorA:hover {
	background:#B1AB9D;
}
.colorB {
	background:#B8AD92;
}
.colorB:hover {
	background:#BFB59D;
}
.colorC {
	background:#CDC191;
}
.colorC:hover {
	background:#D2C79C;
}
.colorD {
	background:#9B9B73;
}
.colorD:hover {
	background:#A5A581;
}

body {
	text-align:center;
	margin:0px; padding:0px;
	background:#FFFFFF;
}
#site {
	position:relative;
	width:820px;
	text-align:left;
	padding:35px 10px;
	margin:auto;
	background:#FFFFFF;
}
#title {
	text-align:right;
	margin-right:4px;
	margin-bottom:2px;
}
#footer {
	position:relative;
	top:-2px;
	background:url(../images/haywards-logo-white.gif) no-repeat top right #3E3326; 
	height:135px;
	clear:both;
	margin:0px 4px;
}
#footer img {
	position:absolute;
	left: 4px;
	bottom:4px;
}
.box {
	float:left;
	width:197px;
	height:195px;
	margin:0px 4px 8px 4px;
	border:none;
	text-align:center;
	position:relative;
}
.box div {
	position:relative;
	top:0; left:0;
	width:197px;
	height:195px;
}
.box a {
	display:block;
}

img {
	border:none;
}


#shadow-left {
	position:absolute;
	top:-1px; left:-3px;
	width:3px;
	height:100%;
	background:url(../images/effects/shadow-left.gif) repeat-y;
}

#shadow-right {
	position:absolute;
	top:-1px; right:-3px;
	width:3px;
	height:100%;
	background:url(../images/effects/shadow-right.gif) repeat-y;
}

#shadow-bottom {
	position:absolute;
	bottom:-3px; left:0px;
	width:100%;
	height:3px;
	background:url(../images/effects/shadow-bottom.gif) repeat-x;
}