/*	LAYOUT
	Project: Kentish Hills
	Author: Web Enterprise Solutions
	Date Modified: 2010 April 11
------------------------------------------------------------------------------ */

/* A clean slate.. */ 
@import "reset.css";	/* CSS Reset by Eric Meyer */

/* GLOBAL
------------------------------------------------------------------------------ */
body { background-color: #5f706d ; text-align: center; font-family: Verdana, Arial, sans-serif;}
.hide { display: none; }
.aligncenter { margin: 0 100px 15px 100px; text-align: center; }
.alignright { float: right; margin: 0 0 15px 15px; }
#content img { border: 3px solid #afc1c4; }

/* STRUCTURE
------------------------------------------------------------------------------ */
#wrapper { display: block; width: 960px;  margin: 0 auto; background: url(../img/content_bg.jpg) repeat-y top center; }
#container { display: block; width: 960px; background: url(../img/header.jpg) no-repeat top center; }

/* HEADER
------------------------------------------------------------------------------ */
#header { display: block; height: 172px;}
#header h1 { display: block; width: 193px; height: 173px; float: left; margin: 19px 0 0 28px; }
#header h1 a { display: block; width: 193px; height: 173px; text-indent: -9999em; }
#header ul { background-color: #4d5737; display: block; width: 753px; float: right; margin: 152px 0 0 -20px; padding: 3px 0 5px 0; box-shadow: 3px 3px 5px #444d4c; -webkit-box-shadow: 3px 3px 5px #444d4c;  -moz-box-shadow: 3px 3px 5px #444d4c;}
#header ul li { display: inline; padding: 0 9px; text-transform: uppercase; font: normal .9em Candara, 'Century Gothic', sans-serif;  } 
#header ul li a { color: #afc1c4; text-decoration: none; }
#header ul li a.current, #header ul li a:hover { color: #ffffff; }

/* CONTENT
------------------------------------------------------------------------------ */
#content { display: block; clear: both; margin: 20px 47px 20px 15px; padding: 20px 20px 0 12px; text-align:left; font-size: 14px; }
#content h2 { color: #4d5737; font-size: 18px; margin: 0 0 15px 0; }
#content h3 { color: #4d5737; font-size: 18px; font-weight: normal; margin: 15px 0; clear: both; }
#content p { margin: 0 0 10px 0; line-height: 1.4;}
#content a { color: #5f706d; }
#content dl img { float: left; margin: -30px 15px 15px 0;  }
#content dl dt { color: #4d5737; font-weight: bold; clear: both; margin: 0 0 15px 170px; border-bottom: 1px solid #4d5737;}
#content dl dd { margin: 0 0 30px 0;}
#content dl dd p { margin: 0 0 10px 173px; }
#content ul { margin: 0 30px 15px 30px; }
#content ul li { list-style-type: disc; line-height: 1.5; }
#content dl dd ul { margin-left: 185px; }

#content form dl dt { margin: 5px 0 0 0; border: 0; float: left; width: 40%; padding: 0 0 20px 0; border-bottom: 1px solid #afc1c4; }
#content form dl dd { float: left; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #afc1c4; width: 60%; }
#content form input { width: 200px; }
#content form select, #content form input, #content form textarea { border: 1px solid #4d5737; }
#content form dl dt.less, #content form dl dd.less { border: 0 !important; }

#content p.note { font-style: italic; }
#content p.buttons { clear: both; text-align: center; }
#content p.buttons input { background: #4d5737; color: #ffffff;  }

/* FOOTER
------------------------------------------------------------------------------ */
#footer { display: block; clear: both; background: #5f706d url(../img/footer.jpg) no-repeat top center; padding: 30px 0 30px 0;  color: #ffffff; }
#footer p.contact { font-size: 12px; text-align: left; float: left; }
#footer p.credit a { float: right; display: block; margin-top: 3px; width: 176px; height: 11px; text-indent: -999em; background: url(../img/wes_logo.jpg) no-repeat top right;}