/* 02.13.2010 */


/* BODY */


body {
width: 85%;
height: 100%;
color: #fff;
background-color: #fff;
background-image: url(../index-art/snohomish-valley-february-2010-2632.jpg);
background-position: 36px 6px; 
background-repeat: no-repeat; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 80%;
}

#leftcolumn {
position: relative;
color: #fff;
background-color: #fff;
top: 158px; 
width: 260px;
padding-left: 24px; 
/* width: 21%;
padding-left: 6%; */
padding-right: 2%;
padding-bottom: 3%;
}

#centercolumn {
width: 620px;
position: absolute;
top: 164px;
left: 300px;
color: #fff;
background-color: #fff;
padding-top: 1%;
padding-left: 12px;
padding-right: .5%;
padding-bottom: 3%;
border-color: #369;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 0px;
}

/* #main {
	padding-top: 5%;
	border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
margin-top: 0%;
margin-bottom: 2%;
	} */


/* GENERAL specs start */


p {
padding-left: 0%;
padding-right: 0%;
font-weight: 400;
color: #333;
font-size: 100%;
line-height: 120%;
font-style: normal;
}

p.intro {
padding-left: 0%;
padding-right: 0%;
text-align: left;
font-weight: 400;
color: #333;
font-size: 85%;
line-height: 130%;
font-style: normal;
}

h1.intro {
padding-left: 0%;
padding-right: 0%;
text-align: left;
font-weight: 400;
color: #333;
font-size: 85%;
line-height: 130%;
font-style: normal;
}

p.floatleft {
	float: left;
	text-align: left;
font-size: 95%;
line-height: 130%;
font-style: normal;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 2%;
margin-bottom:5%;
margin-right: 2%;
font-weight: 400;
color: #000;
background-color: transparent;
border-color: #369;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 0px
}


p.subhead {
font-size: 100%;
font-weight: 700;
font-style: normal;
line-height: 130%;
color: #363;
background-color: transparent;
}



p.up {
font-weight: 700;
text-align: right;
color: #333;
font-size: 85%;
line-height: 140%;
font-style: normal;
}

p.redirect {
font-size: 130%;;
font-weight: 700;
font-style: normal;
line-height: 120%;
color: #f60;
background-color: transparent;
padding-top: 6px; 
padding-bottom: 6px;
}

p.left {
text-align: left;
font-weight: 700;
color: #333;
font-size: 100%;
line-height: 130%;
padding-bottom: 0%;
}

p.subheadleft {
font-size: 95%;
text-align: left;
font-weight: 700;
font-style: normal;
line-height: 130%;
padding-top: 5%;
padding-bottom: -0.5%;
color: #000;
background-color: transparent;
}

h1.left {
font-style: normal;
text-align: left;
color: #369;
background-color: transparent;
font-weight: 700;
font-size: 110%;
padding-top: 2%;
padding-bottom: 2%;
}

h1 {
font-size: 120%;
font-weight: 600;
font-style: normal;
line-height: 100%;
text-align: center;
color: #666;
background-color: transparent;
}

h1.subjecthead {
font-size: 115%;
line-height: 130%;
font-weight: 400;
color: #fff;
background-color: #363;

padding-right: 2%;
padding-left: 2%;
padding-top: 1%;
padding-bottom: 1.5%;
margin-top: 2%;
}

h2.subhead {
font-size: 100%;
font-weight: 700;
font-style: normal;
line-height: 130%;
color: #333;
background-color: transparent;
padding-top: 0%;
margin-bottom: -1%;
}

p.centerintro {
clear: left;
font-size: 100%;
line-height: 140%;
font-weight: 700;
font-style: normal;
text-indent: 0%;
/* color: #039; */
color: #000;
background-color: transparent;
margin-left: 10%;
padding-right: 0%;
}



p.test {
font-family: Georgia, "Times Ten Roman", "Times New Roman", serif;
font-size: 100%;
text-indent: 8%;
line-height: 150%;
font-weight: 500;
font-style: italic;
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0%;
color: #000;
background-color: transparent;
}

p.small {
text-align: left;
font-size: 85%;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #666;
background-color: transparent;
padding-top: 1%;
padding-bottom: 2%;
width: 100%;
}

p.home {
text-align: left;
font-size: 85%;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #666;
background-color: transparent;
padding-top: 0%;
padding-bottom: -1%;
width: 100%;
}

p.credit {
text-align: left;
float: left;
font-size: 85%;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #666;
background-color: transparent;
padding-top: 1%;
padding-bottom: 0%;
width: 100%;
}

p.nav {
text-align: center;
font-size: 95%;
font-weight: 400;
font-style: normal;
line-height: 120%;
color:  #747c8e;
background-color: transparent;
margin-top: -1%;
padding-top: 1%;
padding-bottom: 2%;
border-color:  #747c8e;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
width: 100%;
}

p.floatright {
	float: right;
	clear: left;
text-align: right;
font-size: 85%;
font-weight: 400;
font-style: italic;
line-height: 120%;
color: #000;
background-color: transparent;
margin-top: 0%;
margin-bottom: 1%;
margin-left: 0%;
padding-bottom: 1%;
width: 20%;
/* border-color: #369;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px; */
}

span.name {
color: #339;
font-style: normal;
font-size: 100%;
font-weight: 700;
padding-left: 8%;
}

span.yellowmarker {
/*background-color: #ff6; */
background-color: #cfc;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 0px;
}

span.strong {
/* color: #999; */
font-weight: 700;
}

span.subjecthead {
font-size: 110%;
line-height: 130%;
font-size: 100%
font-weight: 700;
color: #666;
background-color:transparent;
}

/* general list specs */

ul {
list-style-position: outside;
/* list-style: roman-numerals; */
margin-left: 3%;
font-size: 105%; 
font-weight: 400;
color: #000;
background-color: transparent;
/* clear: right; */
}

ol {
list-style-position: outside;
list-style: roman-numerals;
margin-left: 3%;
font-size: 105%; 
font-weight: 400;
color: #000;
background-color: transparent;
/* clear: right; */
}

li {
font-size: 90%;
line-height: 160%;
padding-bottom: 1%;
}

img.floatright {
float: right;
/* clear: left; */
border: none;
padding-left: 3%;
padding-right: 0%;
padding-bottom: 0%;
padding-top: 2%;
margin-bottom: 0%;
margin-top: 0%;
margin-left: 2%;
/* border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px; */
}

img.floatleft {
float: left;
/* clear: left; */
border: none;
padding-left: 0%;
padding-right: 3%;
padding-bottom: 0%;
padding-top: 2%;
margin-bottom: 0%;
margin-top: 0%;
margin-left: 1%;
}


img {
border-style: none;
}

img.small {
border-style: none;
padding-right: 3%;
padding-top: 2%;
padding-bottom: 2%;
}

img.graphic {
padding-right: 3%;
padding-top: 2%;
padding-bottom: 2%;
float: left;
}


img.nav {
padding-right: 0%;
padding-left: 1%;
padding-top: 0%;
margin-bottom: .3%;
}

img.adehome {
padding-left: 47%;
padding-top: 1%;
}

img.listing {
/* clear: right; */
padding-left: 3px;
padding-right: 0px;
padding-bottom: 6px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}

/* text linkspecs */

a:link {
color: #6a7181;
font-weight: 700;
line-height: 120%
font-style: normal;
background-color: transparent;
text-decoration: underline;
padding-top: 0%;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0%;
}

a:visited {
color: #6a7181;
font-weight: 700;
font-style: normal;
background-color: transparent;
text-decoration: underline;
padding-top: 0%;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0%;
}

a:hover {
color: #363;
font-weight: 700;
font-style: normal;
background-color:transparent;
text-decoration: none;
padding-top: 0%;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0%;
}

a:active {
color: #363;
font-weight: 700;
font-style: normal;
background-color: transparent;
text-decoration: none;
padding-top: 0%;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0%;
}



/* navspecs tab format */

a.nav:link {
color: #fff;
font-weight: 700;
line-height: 120%
font-style: normal;
background-color: #747c8e;
text-decoration: none;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 1%;
}

a.nav:visited {
color: #ccc;
font-weight: 700;
font-style: normal;
background-color: #6a7181;
text-decoration: none;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 1%;
}

a.nav:hover {
color: #fff;
font-weight: 700;
font-style: normal;
background-color:#363;
text-decoration: none;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 2%;
}

a.nav:active {
color: #fff;
font-weight: 700;
font-style: normal;
background-color:#363;
text-decoration: none;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 1%;
}


/* TABLE SPECS for listing photos */

/* table {
width: 100%;
color: #fff;
background-color: fff;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: none;
border-color: #000;
}

caption {
caption-side: top;
color: #933;
background-color: #f9f9f1;
width: 95%;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
font-size: .9em;
font-weight: 700;
}

td {
width: 33%;
text-align: center;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: #369;
padding-bottom: 10px;
padding-top: 6px;
} 

tr {
width: auto;
height: auto;
} */ 


span.listingcaption {
font-size: 90%;
font-weight: 400;
font-style: normal;
line-height: 110%;
float: right;
text-align: left;
color: #039;
background-color: transparent;
/* width: 200px; */
border-color: #666;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
padding-right: 20%;
margin-bottom: 2%;
}


/* Form Style - 11.30.2006 */

form {
padding-left: 2%;
padding-right: 1%;
}

fieldset {
width: 90%;
color: #fff;
background-color: #e6f8e6;
/* border-color: #E2E8F4; */
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
padding-left: 1%;
padding-right: 1%;
padding-top: 2%;
padding-bottom: 2%;
margin-bottom: 2%;
}

p.formtitle {
font-size: 100%;
font-weight: 700;
text-align: center;
padding-left: 1%;
padding-right: 1%;
color: #666; 
background-color: transparent;
line-height: 130%;
}

p.forms {
font-size: 95%;
font-weight: 400;
padding-left: 3%;
padding-right: 3%;
color: #000; 
background-color: transparent;
line-height: 130%;
} 

p.formheader {
font-size: 90%;
font-weight: 400;
text-align: left;
margin-bottom: -1%;
padding-left: 3%;
color: #000; 
background-color: transparent;
line-height: 110%;
}

input.text {
font-size: 100%;
font-weight: 400;
display: block;
width: 85%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
padding-right: 2%;
color: #000;
background-color: #fff;
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px; 
border-right-width: 1px; 
}

input.check {
font-weight: 400;
background-color: #fff;
color: #369;
border: 1px solid;
margin-top: 2%;
}

input.text:focus {
/* outline: #c33; */
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px; 
border-right-width: 1px;
}

textarea {
width: 85%;
height: 3em;
font-size: 130%;
font-weight: 400;
padding-left: 2%;
padding-top: 2%;
padding-bottom: 2%;
background-color: #fff;
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px; 
border-right-width: 1px;
}

/* End of Form specs */

/* url for print version only */

h1.keywordprint {
display:none;
}

p.keywordprint {
display:none;
}

p.contactprint {
display:none;
}