@charset "UTF-8";
/* CSS Document */

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	padding : 0;
	border : 0;
	outline : 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul, li {
	list-style : none;
}
/*--- =html ---*/
html {
	width:100%;
	height:100%;
}
/*--- =body ---*/
body {
	font:normal 12px  arial, sans serif;
	background:url(../images/ski_bg.jpg) 50% 0% no-repeat #fff;
	color:#333333;
	padding:48px 0px 55px 0px;
	margin:0;
}
/*--- =blocktext ---*/
h1, h2, h3, h4, h5, p,  address, dl, ul, ol {
	margin: 0px 0px 15px 0px;
	padding: 0;
}


/*--- =clear floats ---*/
.clear {
	clear:both;
	height:1%;
}
div#top {
	background:url('/images/back_top_right.gif') no-repeat top right;
	margin:5px auto auto auto;
	width: 904px;
	height:11px;
	}

/*--- =container ---*/
div#container {
	margin: 0px auto 0px auto;
	position: relative;
	width: 904px;
	background:#fff;
	padding-top:5px;
}


/*--- =header ---*/
div#header {
	width: 861px;
	position: relative;
	padding: 9px 20px 0px 20px;
	height: 114px;
	margin: 0;
}
div#header h1 {
	position:absolute;
	left:0;
	margin:0;
	padding:0;
}
/*-----util nav & search box-----*/
ul#top_right {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}
ul#top_right li {
	height:24px;
	margin:0;
	padding:0px 0px 10px 0px;
}
ul#top_right form {
	margin:0;
	padding:0;
}
ul#top_right li#util_nav {
	font-size:11px;
	padding:0;
	margin:0px 0px 10px 0px;
}
li#util_nav ul {
	margin:0;
	padding:0;
}
li#util_nav ul li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline;
}
li#util_nav ul li img {
	vertical-align:bottom;
	padding:0px 5px 0px 0px;
}
li#util_nav ul li a {
	color:#0b67aa;
	text-decoration:none;
}
li#util_nav ul li a:hover {
	color:#0b67aa;
	text-decoration:underline;
}
/*-----search area-----*/
ul#top_right li#search {
	margin:0px 0px 35px 0px;
	color:#8cc549;
}
li#search ul {
	margin:0;
	padding:0px 0px 0px 23px;
	
}
li#search ul li {
	display:inline;
	height:24px;
}
li#search ul li p {
	padding:7px 0px 0px 0px;
	display:inline;
}
li#search ul li input.textbox {
	background:url(../images/textbox_bg.jpg) 0% 0% repeat-x;
	border:solid 1px #8CC549;
	margin:0px 5px 0px 5px;
	padding:4px;
	height:14px;
	font-size:10px;
}
li#search ul li input.button {
	vertical-align:middle;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}

#search label {
    float:none;
    margin:0px;
    font-weight:normal;
}
/* ----- main navigation -----*/

ul#nav {
	float:left;
	height:45px;
	margin:74px 0px 0px 0px;
	padding:0;
	position:relative;
	display: inline;
	
}
ul#nav li {
	font:12px  arial, sans serif;
	margin:0;
	padding:0;
	font-weight:bold;
}
/*--- = homes nav ---*/

ul#nav li#homes {
	width:95px;
	position:absolute;
	top:0;
	left:0;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 45px;
	width:116px;
	text-align:center;
}
ul#nav li#homes a {
	width:116px;
	height:45px;
	display:block;
	color:#0b67aa;
	text-decoration:none;
	padding:7px 5px 0px 0px;
	background:url(../images/nav/tab_1.jpg) 0% 0% no-repeat;

}

ul#nav li#homes.active a,
ul#nav li#homes a:hover {
	text-decoration:none;
	width:116px;
	height:45px;
	color:#0b67aa;
	padding:7px 5px 0px 0px;
	display:block;
	background:url(../images/nav/tab_1_on.jpg) 0% 0% no-repeat;
}
/*--- = apartments nav ---*/
ul#nav li#apartments {
	width:95px;
	position:absolute;
	top:0;
	left:116px;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 45px;
	width:116px;
	text-align:center;
}
ul#nav li#apartments a {
	width:116px;
	height:45px;
	display:block;
	color:#0b67aa;
	text-decoration:none;
	padding:7px 5px 0px 0px;
	background:url(../images/nav/tab_2.jpg) 0% 0% no-repeat;

}

ul#nav li#apartments.active a,
ul#nav li#apartments a:hover {
	text-decoration:none;
	width:116px;
	height:45px;
	color:#0b67aa;
	padding:7px 5px 0px 0px;
	display:block;
	background:url(../images/nav/tab_2_on.jpg) 0% 0% no-repeat;
}
/*--- = laws nav ---*/
ul#nav li#laws {
	width:95px;
	position:absolute;
	top:0;
	left:231px;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 45px;
	width:116px;
	text-align:center;
}
ul#nav li#laws a {
	width:116px;
	height:45px;
	display:block;
	color:#0b67aa;
	text-decoration:none;
	padding:7px 5px 0px 0px;
	background:url(../images/nav/tab_2.jpg) 0% 0% no-repeat;

}

ul#nav li#laws.active a,
ul#nav li#laws a:hover {
	text-decoration:none;
	width:116px;
	height:45px;
	color:#0b67aa;
	padding:7px 5px 0px 0px;
	display:block;
	background:url(../images/nav/tab_2_on.jpg) 0% 0% no-repeat;
}
/*--- = resources nav ---*/
ul#nav li#resources {
	width:95px;
	position:absolute;
	top:0;
	left:346px;
	margin:0px 0px 0px 0px;
	padding:0;
	height: 45px;
	width:116px;
	text-align:center;
}
ul#nav li#resources a {
	width:116px;
	height:45px;
	display:block;
	color:#0b67aa;
	text-decoration:none;
	padding:14px 5px 0px 0px;
	background:url(../images/nav/tab_4.jpg) 0% 0% no-repeat;

}
ul#nav li#resources.active a,
ul#nav li#resources a:hover {
	text-decoration:none;
	width:116px;
	height:45px;
	color:#0b67aa;
	padding:14px 5px 0px 0px;
	display:block;
	background:url(../images/nav/tab_4_on.jpg) 0% 0% no-repeat;
}

/*--middle image section -- */
div#middle {
	height:185px;
	width:100%;
	padding:0;
	margin:0px;
	margin-top:1px;
	background: url(../images/banner_back_w_toptext.gif) 50% 0% no-repeat;
	background-position: left;
}

/* ---- = content --------*/
div#content {
	width:857px;
	margin:0;
	padding:22px;
}



/*--- = left-navigation sub-nav---*/
ul#leftnav {
	float:left;
	width:255px;
}

div#left {
	float:left;

}

#wsdhlogo {
	float:left;	
}


ul#leftnav li {
	width:100%;
	margin:0px;
	padding:10px 0px 10px 0px;
	border-top:dashed 1px #baefc8;
	
}

ul#leftnav li a {
	font:15px  Arial, Helvetica, sans-serif;
	color:#8CC549;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:4px;
	font-weight: bold;
}

ul#leftnav li a:hover {
	font:15px  Arial, Helvetica, sans-serif;

	color:#0B67AA;
	text-decoration:none;
	display:block;
	padding:4px;
	font-weight: bold;

}

ul#leftnav li a.on {
	font:15px  Arial, Helvetica, sans-serif;
	color:#0B67AA;
	text-decoration:none;
	display:block;
	padding:4px;
	font-weight:bold;
}

ul#leftnav li a.on:hover {
	font:15px  Arial, Helvetica, sans-serif;
	color:#0B67AA;
	text-decoration:none;
	display:block;
	padding:4px;
	font-weight:bold;
}

ul#leftnav li ul {
	margin:0;
	padding:0px 0px 0px 15px;
}

ul#leftnav li ul li {
	margin:5px 0px 5px 0px;
	padding:0;
	border-top:none;
}

ul#leftnav li ul li a {
	color:#8CC549;
	text-transform:none;
	font:normal 12px  Arial, Helvetica, sans-serif;
	background:url(../images/circle_bullet_off.gif) 0% 6px no-repeat;
	margin:0;
	padding:0px 0px 0px 15px;
	text-decoration:none;
	width:100%;
}

ul#leftnav li ul li a:hover {
	color:#8CC549;
	text-transform:none;
	font:normal 12px  Arial, Helvetica, sans-serif;
	background:url(../images/circle_bullet_on.gif) 0% 6px no-repeat;
	margin:0;
	padding:0px 0px 0px 15px;
	text-decoration:underline;
	width:100%;
}

/* --- = content right---*/

div#content_right {
	width:570px;
	float:right;
	margin:0;
	padding:0;
	line-height:1.35em;
}

div#content_right h2 {
	font:bold 18px  Arial, Helvetica, sans-serif;
	color:#0B67AA;
	margin:0px 0px 15px 0px;
	padding:0;
}

div#content_right h3 {
	font:bold 16px  Arial, Helvetica, sans-serif;
	color:#507127;
	margin:0px 0px 15px 0px;
	padding:0;
}

h3.blackbold { color:#000 !important; font-weight:bold !important; }

div#content_right h4 {
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px 0px 5px 0px;
	padding:0;
}

div#content_right p {
	margin:0px 0px 12px 0px;
	padding:0;
}

div#content_right a.sup {

	font-weight:bold;
	/* -- color:#339900; --*/
	color:#0B67AA;
	font-size: 0.75em; 

	text-decoration: none;
	vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

div#content_right a {
	color:#0B67AA;
	text-decoration:none;
}

div#content_right a:hover {
	color:#0B67AA;
	text-decoration:underline;
}

div#content_right ul#news {
	margin:0;
	padding:10px 0px 10px 0px;
	font:normal 11px  Arial, Helvetica, sans-serif;
}

div#content_right  ul#news li {
	margin:0px 0px 15px 0px;
	padding:0;
}

div#content_right ul#news li h4 {
	font:normal 14px  Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px 0px 10px 0px;
	padding:0
}

div#content_right ul#news li h4 span {
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px 0px 5px 0px;
	padding:0
}

div#content_right ul#news li p {
	margin:0;
	padding:0px 0px 12px 0px;
}

div#content_right ul#news li p.print {
	font-weight:normal;
	font-size: 12px;
	color:#339900;
	background:url(../images/icons/printer_icon.gif) 0% 0% no-repeat;
	margin:0;
	padding:0px 0px 12px 20px;
}
/* ---- = footer --------*/
div#footer {
	width:857px;
	margin:0;
	padding:0px 22px 15px 22px;
}
div#footer ul {
	text-align: center;
	width:100%;
	border-top:dashed 1px #baefc8;
	padding:30px 0px 0px 0px;
}
div#footer ul li {
	display:inline;
	color:#0b67aa;
	margin:0px 6px 0px 4px;
}
div#footer a {
	color:#0b67aa;
	text-decoration: none;
}
div#footer a:hover {
	color:#0b67aa;
	text-decoration: underline;
}
/* ---- = custom --------*/
.search_term {
	background:#ecbf0d;
}

/* ----- Chemical table, chem - use----- */
table.chemicals {
	text-align: center;
}

table.chemicals th {
	font-weight: bold;
	border: 1px;
}

table.chemicals .chem {
	text-align: right;
}

table.chemicals .use {
	text-align: left;
}

/* -- Standard ul to use -- */
ul.content {
	margin-left: 2.5em;
	margin-right: 2.5em;
}

ul.content li {
	list-style: disc outside;
	padding-bottom: 1em;
}

/* -- when nested lists, this is the second -- */
ul.extracontent {
	margin-left: 3.5em;
	margin-right: 3.5em;
}

ul.extracontent li {
	list-style: circle outside;
	padding-top: 1em;
	padding-bottom: 0em;
}

/* -- For formatting what myths look like -- */
div#Myths {
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 2em;
}

div#Myths .fact {
	text-decoration: underline;
}

div#Myths h4 {
	margin-bottom: 1em;
}

/* -- a class to bold text -- */
.bold {
	font-weight: bold;
}
/* -- a class to underline text -- */
.underline {
	text-decoration: underline;
}

/* -- formatting for legal concerns theories -- */
div#Theories {
	margin-left: 3em;
	margin-right:3em;
}

div#Theories .head {
	font-weight: bold;
}

div#Theories ul {
	margin-left: 0em;	
}

div#Theories li {
	list-style: circle inside;	
}

/* -- format for ol, bold number and elements -- */
ol.order {
	margin-left: 2.5em;
	margin-right: 1.5em;
}

ol.order li {
	list-style: decimal outside;	
	padding-bottom: 1em;
}

/* -- for nested list in ol.order -- */
ol.order ul.list {
	margin-top:   .5em;
	margin-left:  2em;
	margin-right: 1.5em;
	font-weight: normal;
}

ol.order ul.list li {
	list-style: disc outside;
	padding-bottom: 0.5em;
}

/*-- used to make two column lists -- */
div.wrapper {
	float: left;
	width: 23em;
}

div.wrapper ul li {
	width: 18em;
}


ul.columns {
	margin-left: 2.5em;
	margin-right: 2.5em;
}

ul.columns li {
	list-style: circle outside;
	padding-bottom: .3em;
}


/* -- format to remove bold -- */
.nobold {
	font-weight: normal;
}

/* -- format to indent paragraph -- */

div#quote {
	margin-right: 3em;
	margin-left: 3em;
}

ul.map {
	margin-left: 2.5em;
	margin-bottom:0;
}


/* -- format to indent info on resources page -- */

div#resources {
	margin-left: 2.5em;
}

div#resources a.black {
	color: black;
}

div#resources h4 {
	font-size: small;
}


/* -- format for input boxes -- */
.inputbox
{
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #386a9b;
}

/* -- format for input button -- */
.inputbutton
{
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #386a9b;
}

/* -- format to vertical align top an elemant -- */
.vertaligntop { 
	vertical-align:top;	
}

/* --  ul to use for smoke free areas -- */
ul.smokefree {
	margin-left: 2.5em;
	margin-right: 2.5em;
}

ul.smokefree li {
	list-style: disc outside;
}
a {
	font-weight: bold;
}

.right { text-align: right; }

div.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;	
}

img.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;	
}

img.left {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

em {
	font-style: italic;
}



/* --- = highlights---*/
ul#highlights {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 25px 0px;
	border-bottom: dashed 1px #baefc8;
}

ul#highlights li {
	
}

ul#highlights h3 {

	height: 16px;
	padding: 12px 0px 5px 35px;
	color: #0064b0;
	font-size: 16px;
	display: block;
	margin: 0px 0px 12px 0px;
	font-weight:bold;
}

ul#highlights p {
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}

ul#highlights p span.bold_line {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 5px 0px;
}

ul#highlights p img {
	float: left;
	margin: 0px 15px 15px 0px;
}

ul#highlights a {
	color: #0b67aa;
	text-decoration: underline;
}

ul#highlights a:hover {
	color: #0b67aa;
	text-decoration: none;
}


label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  margin-bottom:5px;
  }
  
fieldset {margin-top:20px;}

legend {
  padding: 0.2em 0.5em;
  font-size:90%;
  text-align:left;
  margin-bottom:10px;
  }
  
 ul.errorlist li {color:red; }
 
 .testimonial_holder {border:solid 1px #c8c9cb; padding:10px; margin-bottom:10px; -moz-border-radius: 15px;
border-radius: 15px;}
 
 .testimonial_holder .testimonial_photo { float:right; padding-left:10px; }
 
 table.image_table { width:100%; margin-top:20px; border-collapse:collapse; }
 table.image_table tr td {padding-bottom:10px;}
 
 #recaptcha_widget_div {margin-left:22%; }

ul.dot {margin-left:10px;}
ul.dot li {list-style-type:disc; margin-left:15px; }