/* 10.08.2009 style.css */

/* #369; blue */
/* #747c8e; grey-blue bars */
/* #6a7181 links */
/* #c03 dark red active link color */
/* #333; dark grey */
/* #039; DARKER BLUE */


/* BODY */


@import url(http://www.google.com/cse/api/branding.css);

body {
/* width: 80%; */
width: 85%;
height: 100%;
color: #fff;
background-color: #fff;
background-image: url(../index-art/masthead/seattle-home-page-lake-union-900-150.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: 156px;
width: 262px;
padding-left: 24px; 
/* width: 21%;
padding-left: 6%; */
padding-right: 4%;
padding-bottom: 3%;
}

#centercolumn {
/* width: 52.5%; */
width: 620px;
position: absolute;
top: 160px;
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;
}

#map {
	width: 950px;
	height: 800px;
}

/* #map {
	width: 120%;
} */

/* #link {
padding-bottom: 2%;
padding-top: 1%;
padding-left: 1%;
width: 100%;
} */

#link {
padding-bottom: 0.5%;
padding-top: 2%;
padding-left: 1%;
}

#footer {
/* position: absolute; */
padding-left: 6%;
/* padding-top: 100%; */
width: 100%;
/* top: 1200px; */
}

#footerdeep {
position: relative;
padding-left: 6%;
padding-top: 150%;
width: 100%;
height: 100%;
}

#footerdeeper {
position: relative;
padding-left: 6%;
padding-top: 370%;
width: 100%;
height: 100%;
}


/* 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.minusbelow {
padding-left: 2%;
padding-right: 0%;
font-weight: 400;
color: #333;
font-size: 100%;
line-height: 120%;
margin-bottom: -.5%;
font-style: normal;
}

p.minusabove {
padding-left: 0%;
padding-right: 0%;
margin-top: -.5%;
margin-bottom: 3%;
font-weight: 400;
color: #333;
font-size: 100%;
line-height: 120%;
font-style: normal;
}

p.intro {
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 {
	width: 90%;
	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.floatleftspaceabove {
	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-top: 30%;
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: #000;
/* color: #039; */
background-color: transparent;
}

span.subhead {
font-size: 120%;
font-weight: 700;
font-style: narrow;
line-height: 130%;
color: #c33;
background-color: transparent;
}



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

p.photocaption {
width: 170px;
float: right;
clear: right;
text-align: right;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
padding-top: 1%;
padding-right: 1%;
padding-left: 1%;
padding-bottom: 2%;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 0px;
}

p.phone {
width: 164px;
/* float: right;
clear: right; 
text-align: center;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent; */
padding-top: 1%;
padding-right: 18%;
padding-left: 18%;
padding-bottom: 2%;
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

/*  same as above but first used for CBB logo;  difference is width */

p.rightfloat {
width: 100px;
float: right;
clear: right;
text-align: right;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
margin-left: 2%;
padding-top: 0%;
padding-right: 1%;
padding-left: 2%;
padding-bottom: 2%;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 0px;
}

p.rightmargin {
/* width: -300px;
float: right;
clear: right; */
text-align: right;
font-size: .8em;
font-weight: 400;
font-style: normal;
line-height: 110%;
color: #000;
background-color: transparent;
margin-top: -2%;
margin-bottom: -2%;
padding-left: 1%;
/* padding-top: 0%;
padding-right: 1%;
padding-left: 1%;
padding-bottom: 2%;
border-color: #933;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px; */
}

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;
}

/* h1.floatleft {
float: left;
font-size: 100%;
line-height: 130%;
font-style: normal;
text-align: left;
padding-top: 3%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
margin-bottom: 3%;
font-weight: 700;
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.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;
/* border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 0px; */
}

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: 125%;
line-height: 130%;
font-weight: 700;
color: #333;
/* background-color: #747c8e; */
background-color: transparent;  /* #009; */
border-color:  #039;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-right: 1%;
padding-left: 1%;
padding-top: 0.5%;
padding-bottom: 1%;
margin-top: 1%;
}

p.subjecthead {
	text-align: center;
font-size: 125%;
line-height: 130%;
font-weight: 700;
color: #333;
background-color: transparent;
border-color:  #039;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-right: 1%;
padding-left: 1%;
padding-top: 0.5%;
padding-bottom: 1%;
margin-top: 1%;
}

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 {
/* font-family: Georgia, Times, serif; */
clear: left;
font-size: 100%;
line-height: 140%;
font-weight: 700;
font-style: normal;
text-indent: 0%;
color: #666;
background-color: transparent;
margin-left: 6%;
padding-right: 0%;
/* padding-left: 4px;
padding-top: 3px;
padding-bottom: 4px;
margin-bottom: 4px; */
}

p.testimonial {
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: 2%;
padding-bottom: 0%;
margin-top: 0%;
color: #000;
background-color: transparent;
}

p.testimonial:first-letter {
	font-size: 150%;
	font-weight: 700;
	line-height: 130%;
	color: #c30;
}

/* testimonials additional paragraphs */

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;
font-size: 85%;
font-weight: 400;
font-style: normal;
line-height: 120%;
color: #666;
background-color: transparent;
padding-top: 5%;
padding-bottom: 2%;
width: 100%;
}

p.nav {
text-align: center;
font-size: 85%;
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.facebook {
padding-left: 3%;
}

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

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

span.goodnews {
/*background-color: #ff6; */
background-color: transparent;
color: #33c;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 0px;
}

span.cap {
/*background-color: #ff6; */
background-color: transparent;
color: #c33;
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: right; */
border: none;
padding-left: 4%;
padding-right: 0%;
padding-bottom: 1%;
padding-top: 2%;
margin-bottom: 0%;
margin-top: 0%;
margin-left: 0%;
/* border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px; */
}

img {
border-style: none;
}

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.adesignature {
padding-left: 37%;
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: #369; /* #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: #c33;
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: #c33;
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; */
background-color:#c33;
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: #c33; /* #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: #009; /* #369; #747c8e; */
/* background-color:#c33; */
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: #009; /* #369; #747c8e; */
/* background-color:#c33; */
text-decoration: none;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 1%;
}


/* TABLE SPECS for listing photos */

table.signup {
width: 100%;
color: #fff;
background-color: transparent;
}

table {
width: 100%;
color: #fff;
background-color: #f9f9f1;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #369;
}

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: italic;
line-height: 120%;
float: right;
text-align: left;
color: #039;
background-color: transparent;
width: 50%;
border-color: #666;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
padding-right: 20%;
margin-bottom: 2%;
}


/* Form Style - 11.30.2006 */

/* added 12.17.09 */

h1.narrowsubjecthead {
	width: 76%;
font-size: 125%;
line-height: 130%;
font-weight: 700;
color: #333;
/* background-color: #747c8e; */
background-color: transparent;  /* #009; */
border-color:  #039;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-right: 1%;
padding-left: 1%;
padding-top: 0.5%;
padding-bottom: 1%;
margin-top: 1%;
}

form.narrow {
	width: 75%;
padding-left: 2%;
padding-right: 1%;
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

/* end of addition 12.17.09 */

form.noborder {
	border: none;
}


form {
padding-left: 2%;
padding-right: 2%;
border-color: #369;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

fieldset {
width: 76%;
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: 0%;
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;
}