body {
margin:0px;
padding:0px 0px 15px 0px;
font-family:Verdana,Arial,sans-serif;
background-color:#d7dfa6;
text-align:center;
}


#peridotContent {
	width:978px;
	background:#fcfbec url(../images/main.bkg.jpg) no-repeat scroll left top;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	margin:0px auto;
	text-align:center;
}


#peridotContent a {
color:#B5D331;
}
#peridotContent a:hover {
	color:#000;
	font-weight: bold;
}


#peridotContent .center {
text-align:center !important;
}


#peridotContent hr {
width:100%;
}


#peridotContent h1 {
height:90px;
position:relative;
margin:0px;
padding:0px;
}
#peridotContent h1 img {
	position:absolute;
	top:16px;
	right:55px;
}


#peridotContent ul#peridotMenu {
height:64px;
width:900px;
margin:0px;
padding:0px 0px 0px 40px;
list-style-type:none;
background:transparent url(../images/menu.bkg.jpg) no-repeat scroll left top;
text-align:left;
}
#peridotContent ul#peridotMenu li {
display:inline;
margin:0px;
padding:0px;
height:48px;
font:bold 13px VAGRounded,Arial,sans-serif;
}
#peridotContent ul#peridotMenu li.selected a {
color:#f7fbe7;
}
#peridotContent ul#peridotMenu li a {
line-height:48px;
margin:0px 14px;
text-decoration:none;
}
#peridotContent ul#peridotMenu li a:hover {
color:#f7fbe7;
}

#peridotContent div.prop {
float:right;
width:1px;
height:450px;
}


#peridotContent div.sectionBox {
margin:30px 64px 30px 32px;
position:relative;
height:1%; /* Fix for IE7 but does not seem to affect FF or Opera */
}
#peridotContent div.sectionBox h2 {
	position:absolute;
	top:-1px;
	left:10px;
	color:#484A9F;
	margin:0px;
	padding:0px;
	font-size:14px;
	border-right:2px solid #BAD5CC;
	border-bottom:2px solid #BAD5CC;
	width:164px;
	height:100px;
}
#peridotContent div.sectionBox h2 span {
	position:absolute;
	left:9px;
	bottom:9px;
	background-color:#fcfbec;
	padding-right:5px;
	width: 146px;
	height: 26px;
}
#peridotContent div.sectionBox div.sectionBoxContent {
	color:#669900;
	font-size:16px;
	margin:0px 5px 0px 176px;
	padding:1px 0px 1px 13px;
}
#peridotContent div.sectionBox div.sectionBoxContent h3 {
font-size:14px;
border-bottom:1px solid #9CBE3C;
margin-bottom:5px;
}
#peridotContent div.sectionBox div.sectionBoxContent p {
line-height:24px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}

#peridotContent div.infoBox {
margin:20px 64px 20px 32px;
position:relative;
height:150px;
}
#peridotContent div.infoBox div {
position:absolute;
top:0px;
width:325px;
height:150px;
background:transparent url(../images/infobox.bkg.png) no-repeat scroll top left;
}
#peridotContent div.infoBox div h3 {
position:absolute;
top:2px;
right:181px;
margin:0px;
padding:0px;
color:#ffffff;
font-size:16px;
font-family:VAGRounded,Verdana,Arial,sans-serif;
}
#peridotContent div.infoBox div p {
	position:absolute;
	top:36px;
	left:24px;
	padding:0px;
	margin:0px;
	width:265px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000;
}
#peridotContent div.infoBox div a.infoBoxMore {
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
	top:103px;
	left:250px;
	color:#299194;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#peridotContent div.infoBox div a.infoBoxMore:hover {
text-decoration:underline;
}

#peridotContent div.infoBox div.infoBoxLeft {
left:190px;
}

#peridotContent div.infoBox div.infoBoxRight {
left:552px;
}


#peridotContent div#peridotFooter {
clear:both;
margin-top:20px;
height:28px;
background:#ffffff url(../images/footer.bkg.jpg) no-repeat scroll left top;
border-bottom:1px solid #000000;
color:#668844;
font-size:10px;
line-height:28px;
text-align:center;
padding:0px 30px;
}