/* CSS Document */

/*
 * GLOBAL SETTINGS
 *************************************************/

.container {
	padding: 10px;
}

*{
	margin: 0;
	padding: 0;
}


/*
 * MAIL LAOUT SETTINGS
 *************************************************/
body {
	background: #575757;
	font: 10pt arial;
	color: #000000;
	line-height: 14px;
}

#wrapper {
	background: #e8e8e8 url(../../images/page-top-back.jpg) repeat-x;
	width: 100%;
	min-height: 478px;
}

#page-container {
	background: url(../../images/page-btm-back.jpg) 0 100% repeat-x;
	padding: 10px 0;
}

#header {
	background: url(../../images/head-back.jpg) no-repeat;
	width: 980px;
	height: 96px;
	margin: 0 auto;
	position: relative;
}

#header .container {
	padding: 11px 16px 0 16px;
}

#logo {
	width: 413px;
	height: 85px;
}

#navigation {
	top: 27px;
	left: 433px;
	height: 51px;
	position: absolute;
}

#subnavigation {
	background: url(../../images/content-mid-back.jpg) repeat-y;
	height: 46px;
	width: 980px;
	margin: 0 auto;
}

#main-img {
	background: url(../../images/main-img-back.jpg) no-repeat;
	width: 980px;
	height: 176px;
	margin: 0 auto;
}

#main-img .container {
	padding: 0 11px;
}

#main-content {
	background: url(../../images/content-mid-back.jpg) repeat-y;
	width: 980px;
	margin: 0 auto;
}

#main-content .btm {
	background: url(../../images/content-btm-back.jpg) 0 100% no-repeat;
	width: 980px;
	min-height: 349px;
}

/*\*/ *html #main-content .btm { height: 349px; } /**/

#main-content .btm .container {
	padding: 10px 32px 10px 22px;
}

#left-clmn {
	width: 645px;
}

#right-clmn {
	width: 266px;
}

.grey-box {
	position: relative;
	margin-bottom: 10px;
}

.grey-box-top {
	background: url(../../images/grey-top-back.png) no-repeat;
	width: 645px;
	height: 15px;
}

.grey-box-mid {
	background: url(../../images/grey-mid-back.png) repeat-y;
	width: 615px;
	padding: 0 15px;
}

.grey-box-mid .community {
	width: 224px;
	margin-right: 10px;
}

.grey-box-mid .description {
	width: 376px;
}

.grey-box-btm {
	background: url(../../images/grey-btm-back.png) no-repeat;
	width: 645px;
	height: 15px;
}
 
.blue-box {
	position: relative;
	margin-bottom: 10px;
}

.blue-box-top {
	background: url(../../images/blue-top-back.png) no-repeat;
	width: 645px;
	height: 15px;
}

.blue-box-mid {
	background: url(../../images/blue-mid-back.png) repeat-y;
	width: 615px;
	padding: 0 15px;
}

.blue-box-mid .community {
	width: 392px;
	margin-right: 10px;
}

.blue-box-mid .description {
	width: 208px;
}

.blue-box-btm {
	background: url(../../images/blue-btm-back.png) no-repeat;
	width: 645px;
	height: 15px;
}

#main_form {
	background: url(../../images/contact-box.jpg) no-repeat;
	width: 276px;
	height: 243px;
	color: #FFFFFF;
}

#main_form #contactForm {
	padding: 12px;
	padding-top: 100px;
}

#community_form {
	background: url(../../images/community-search-box.jpg) no-repeat;
	width: 283px;
	height: 176px;
	color: #FFFFFF;
}

#community_form #searchForm {
	padding: 12px;
	padding-top: 45px;
}

#footer {
	background: url(../../images/footer-back.jpg) no-repeat;
	width: 980px;
	height: 72px;
	margin: 0 auto;
	color: #FFFFFF;
}

#footer .container {
	padding: 25px 21px;
}


/* NAVIGATION SETTINGS */

#navigation li {
	background: url(../../images/nav-back.jpg) -10px 0 no-repeat;
	float: left;
}

#navigation li.first {
	background: url(../../images/nav-back.jpg) no-repeat;
}

#navigation li.last {
	background: url(../../images/nav-back.jpg) 100% 0 no-repeat;
}

#navigation li a {
	background: url(../../images/nav-sep.jpg) 100% 0 no-repeat;
	margin: 0;
	padding: 17px 15px 0 15px;
	display: block;
	height: 34px;
	color: #b7b7b7;
}

#navigation li a:hover {
	background: url(../../images/nav-back.jpg) -10px -51px no-repeat;
	text-decoration: none;
	color: #eeeeee;
}

#navigation li.first a:hover {
	background: url(../../images/nav-back.jpg) 0 -51px no-repeat;
}

#navigation li.last a:hover {
	background: url(../../images/nav-back.jpg) 100% -51px no-repeat;
}

#body_wes_home li#nav_wes_home a {
	background: url(../../images/nav-back.jpg) 0 -102px no-repeat;
	color: #FFFFFF;
}

#body_wes_about li#nav_wes_about a {
	background: url(../../images/nav-back.jpg) -10px -102px no-repeat;
	color: #FFFFFF;
}

#body_wes_communities li#nav_wes_communities a {
	background: url(../../images/nav-back.jpg) -10px -102px no-repeat;
	color: #FFFFFF;
}

#body_wes_contact li#nav_wes_contact a {
	background: url(../../images/nav-back.jpg) 100% -102px no-repeat;
	color: #FFFFFF;
}

/* SUBNAVIGATION SETTINGS */

#sub-container {
	background: #FFFFFF url(../../images/subnav-back.jpg) 0 100% repeat-x;
	border: solid 1px #000000;
	height: 44px;
	width: 956px;
	margin: 0 auto;
}

#subnav {
	background: url(../../images/subnav-logo.jpg) 100% -1px no-repeat;
	padding: 0;
	height: 44px;
	clear: both;
}

#subnav li {
 	float: left;
}

#subnav li a {
	margin: 0;
	padding: 13px 20px 0 20px;
	display: block;
	height: 30px;
	color: #393939;
	background: url(../../images/subnav-sep.jpg) 100% -1px no-repeat;
}

#subnav li a:hover {
	text-decoration: none;
	color: #217DAC;
}

.body_wes_home li#subnav_home a {
	color: #FFFFFF;
}

.body_wes_about li#subnav_about a {
	color: #FFFFFF;
}

.body_wes_communities li#subnav_communities a {
	color: #FFFFFF;
}

.body_wes_contact li#subnav_contact a {
	color: #FFFFFF;
}

/* FOOTER NAV SETTINGS */

#footer #footnav {
	top: -2px;
	position: relative;
}

#footnav li {
	float: left;
	color: #FFFFFF;
}

#footnav li a {
	color: #e5e5e5;
	border-right: solid 1px #FFFFFF;
	margin: 0;
	padding: 0 10px;
}

#footnav li.first a {
	padding-left: 0;
}

#footnav li.last a {
	border: none;
	padding-right: 0;
}

#footnav li a:hover {
	color: #FFFFFF;
}


/*
 * FONT SETTINGS
 *************************************************/

h1, h2 {
	background: url(../../images/h-left.png) 0 3px no-repeat;
	padding-left: 61px;
}

h1 span, h2 span {
	background: url(../../images/h-right.png) 100% 3px no-repeat;
	padding-right: 61px;
}

h1, h1 span {
	font: 16pt arial;
	margin: 0;
	margin-bottom: 10px;
	color: #302e2d;
}

h2, h2 span {
	font: 14pt arial;
	margin: 0;
	margin-bottom: 10px;
	color: #302e2d;
}

#contact-form h2 {
	color: #FFFFFF;
}

h3 {
	font: 12pt arial;
	margin: 0;
	margin-bottom: 10px;
	color: #302e2d;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #302e2d;
}

a:link, a:visited, a:active {
	text-decoration: none;
	font: 10pt arial;
	color: #302e2d;
}

a:hover {
	text-decoration: underline;
	font: 10pt arial;
	color: #302e2d;
}

.small {
	font: 8pt verdana;
}

.small a:link, .small a:visited, .small a:active {
	font: 8pt verdana;
}

a:link.small , a:visited.small , a:active.small {
	font: 8pt verdana;
}

.small a:hover {
	font: 8pt verdana;
}

a:hover.small {
	font: 8pt verdana;
}

.large {
	font: 12pt arial;
}

.xlarge {
	font: 14pt arial;
	color: #333333;
}

strong {
	font: inherit;
	font-weight: bold;
}

em {
	font: inherit;
	font-style: italic;
}

.small em {
	color: #302e2d;
}


/*
 * OTHER LAYOUT SETTINGS
 *************************************************/

ol .page {
	list-style: decimal;
	margin: 0 30px;
}

ul .page {
	list-style-type: disc;
}

.page {
	margin: 15px 0 15px 20px;
	list-style-type: disc;
}

.page li {
	background: url(../../images/black-dot.png) 0 3px no-repeat; 
	list-style-type: disc;
	display: block;
	margin: 5px 0;
	padding-left: 15px;
}


/*
 * MISC SETTINGS
 *************************************************/

.tagline {
	background-color: #302e2d;
	padding: 5px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.copyright {
	color: #FFFFFF;
	text-align: right;
	*padding-right: 20px;
}

.bull {
	background: url(../../images/bullet.png) 0 5px no-repeat;
	padding: 2px 0 2px 16px;
}

.btn_submit {
	background: url(../../images/form-btn-back.jpg) repeat-x;
	border: solid 1px #000000;
	height: 28px;
	padding: 0 10px;
	color: #FFFFFF;
	font: 12pt arial;
}

.contactphone {
	padding: 20px 10px 0 0;
	font: 16pt arial;
	color: #2aa5e4;
	text-align: right;
}

.contactphone span {
	font: 12pt arial;
	color: #eeeeee;
}

.social-icons {
	/*top: 10px;
	right: 20px;
	position: absolute;*/
	top: -5px;
	position: relative;
	margin-left: 10px;
}