body {background:#333;
padding: 0;
 margin:0;}

h1 {font: 2.0em Garamond, Georgia  ; letter-spacing: 1px;}
h2 {font: 1.8em Garamond, Georgia  ; letter-spacing: 1px;}
h3 {font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px;
  text-transform: uppercase;}
h4 {font: bold 1.1em Garamond, "Times New Roman", serif; letter-spacing: 1px;}a



strong {font-size:100%;}
p {
font-family: georgia, times new roman, times, serif;
 }

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size: 11px;
color:#111;
background-color:#F2F5FF;
border:2px solid #B36B00;
padding:10px;
margin-left:20px;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-size: 100%;
font-family: georgia, times new roman, times, serif;
}


 
img {
margin: 0;
padding: 0;
border:0;
}

a:link { background-color: transparent; text-decoration: none; color: #000;  border-bottom:dashed 1px #ccc;}
a:hover { background-color: transparent; text-decoration: underline; color: #9B3584;   }
a:visited { background-color: transparent; text-decoration: none; color: #000; }

#content {
width:800px;
margin: 0 auto;
 border-right:1px solid #000;
border-left:1px solid #000;



}

#wrapper {
margin: 0 auto;
padding: 0;
background:transparent;
 
}

#header {
padding:100px 0px 0px 0px;
margin:0;
  background:#333 url(/images/header3.jpg) no-repeat 50% 0px;
}

 
#stuff{

background:#fff ;
margin-left:184px;
margin-right:160px;
padding:20px;
padding-bottom:300px;
font-size:12px;
 }
#stuff p {font-size:12px;
 }
#stuff a, a:link,  a:visited {font: bold 0.95em Verdana, sans-serif;
  text-transform: small caps; }

#main
{margin:0;
padding-left:20px;

color:#111;
background:#E5E5E5; 

}



#sidebar {
float:left;
margin-right:0px;
padding:10px;
width: 180px;
background:#E5E5E5;
color: #000;
text-align: left;
font-size: 70%;
border-right:dotted 1px #ccc;

}

#rightbar
{ float:right;
padding-left:8px;
padding-right:8px;
margin-left: 10px;
width:150px;
background:#FFF;
color: #000;
text-align: left;
font-size: 70%;
display:block;
border-left:dotted 1px #ddd;
 }

#rightbar ul li{ list-style:none;
margin:0;
padding:0;
color:#330099;
}

#rightbar img {float:left;
margin-right:4px;
border:1px solid #CCC;padding:4px;
background:#E1DDDD;
}

#rightbar p{ font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
margin-bottom:0;}

#rightbar h3 { font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps;}

#rightbar a {font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size: 8 px;
 
 
  }

#rightbar h2 {font-size:1em; border-bottom: 1px dotted #000;}

#footer {
background:#E5E5E5;
clear:both;
margin: 0;
padding: 5px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #000;
font-size: 80%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#airset ul li {margin-left:-10px;}

#footer h2 {color:#330099;}

.date {
font-size: 100%;
background: transparent;
color: #000;
}

.title {
color:  #330099;
 /*background:url(/hello/images/titleBK.gif)no-repeat 1px 60%;*/
font: 1.5em Garamond bold ;
 border-bottom: 1px dashed #ddd;
letter-spacing:1px;
margin-bottom:-10px;
}

.heading {
color:  #000033;
letter-spacing:2px;
margin:0;}



.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666666;
font-weight:normal;
padding-left: 45px;
border:none;
} 

.sidetitle {
margin: 10px 0;
font-size: 16px;
letter-spacing: 0.09em;
font-weight: bold;
background: transparent;
color:#330099;
border-bottom: 1px dotted #003399;
border-top: 1px dotted #003399;
}

.spacer {
clear: left;
height: 0;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;  
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;  
}


.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
} 

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         10px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}  

 
.imgright {
float:right;
margin-left: 7px;
margin-right: 0px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #CCC;padding:4px;background:#E1DDDD;
        text-align: center;
        font-size: 80%;
 
}

.imgleft {
	float: left;
margin-right: 7px;
margin-left: 0px;
margin-top:0;
margin-bottom:0px;
border:1px solid #CCC;padding:4px;background:#E1DDDD;
        text-align: center;
        font-size: 80%;
 }

 


 .inset {
  float:left;
  width:60%;
  margin:.8em 2em 1em 5px;
  padding:.85em 0;
  border:dotted #ccc ;
  border-width:1px 0;
  font-size:95%;
  line-height:1em;
  color:#ccc;
  }
  .inset2 {
   width:200px;
  margin:4em 3em 1em 2em;
  padding:4px;
  border:dotted #ccc;
  border-width:1px;
  font-size:12px;
  line-height:1.5em;
  background:#333;
  color:#ccc;

  }

.clear {
  clear:both;
  }


p.block { /* pullqoute2*/
	
	font-size: 0.8em;
	width: 60em;
	color: #ccc;
	padding: .5em;
	 
        margin-left:30em;
	background: #333;
	border: 1px dotted #999999;
	text-align: left;
	line-height: 1em;
	 }

/*Top Navbar */

#navcontainer ul{
background:#ddd;
border-bottom:#000 1px solid;
padding-left: 0;
padding-bottom:4px;
margin-left: 0;
color: #666699;
margin-top:0;
margin-bottom:0;
font-family: veranda, helvetica, sans-serif;
text-indent:0;
}


#navcontainer ul li { display:inline; }

#navcontainer ul li a{
padding: .3em .3em;
color:#000;
font-size:10px;
font-variant:  caps;
font-weight:bold;
text-decoration: none;
border-bottom:none;
border-right: 1px solid #ccc;

}

#navcontainer ul li a:hover{
color: #fff;
background:#696969;
}



p.cat{ 
font-style:italic;
font-weight: bold;
font-size: 16 px;}
 


#feature{
padding:10px;
border:dotted 1px #ccc;
 
}



.posted p {margin:0;
font: 80% lucida grande, verdana, arial, helvetica, sans-serif normal;}

.docs {
  background:url("/img/docs.gif") no-repeat 0 60%;
  padding-left:15px;
  }


/* Lists
----------------------------------------------- */
#sidebar ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }

ul.offsite {
  margin-bottom:.75em;
  }
ul.offsite li {
  background:url("http://vashonsd.org/img/icon_s.gif") no-repeat 1px .5em;
  text-indent:0;
  }
ul.bulleted li {
  background:url("http://vashonsd.org/img/icon_s.gif") no-repeat 2px .35em;
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }
.entry ul {
  margin-left:20px;
  margin-right:20px;
  }
dl dl {
  margin:1em 20px;
  }
dt {
  font-weight:bold;
  }
#maincol li em {
  font-style:normal;
  font-weight:normal;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  }
dd {
  margin:0 0 .1em;
  padding:0;
  }
.teaser dd {
  margin-bottom:.75em;
  }
.links dt {
  font:125%/1.4em Georgia,Serif;
  }
.links dd {
  font-size:85%;
  line-height:1.6em;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  width:100%;
  padding:0;
  margin:0;
  text-indent:0;
  }
.event-list dl {
  margin:0;
  padding-left:15px;
  }
.event-list dl dt {
  background:none;
  margin:0 0 .15em;
  padding:0;
  font:110%/1.4em Georgia,Serif;
  }
.event-list dd a, .event-list dd a:visited  {
  background:url("http://vashonsd.org/vhs/img/icon_comment.gif") no-repeat 1px .35em;
  display:block;
  border-width:0;
  padding-left:15px;
}
table {
font:Georgia,serif;
border:1px solid #333;
padding:5px;}

th{background:#999;
color:#fff;}

td {font-family:lucida grande, verdana, arial, helvetica, sans-serif normal;
font-size:12px;}

th{background:#999;
color:#fff;}
.docs {
  background:url("/img/docs.gif") no-repeat 0 60%;
  padding-left:15px;
  }


#linkcontainer ul li { display:inline; }

#linkcontainer ul li a{
padding: 0.2em 1em;
color:#000;
font-size:9px;
font-variant:  caps;
font-weight:normal;
text-decoration: none;
border-bottom:none;
 

}


#piratepower{background:url("/vhs/images/grad-power.jpg") no-repeat;
 padding-top: 218px;}

input.red {background-color: #000; font-weight: normal; font-size: 9px; color: #fff;}
 

/*TABLE */

th, td {padding: 0.1em .1em;
font-family: verdana;
  }
  
  
  dt {padding: 2px;   
font-family: veranda, helvetica, sans-serif, ; 
font-size:16px; 
text-transform: uppercase;
text-align: left;
font-weight:bold; 
color:#0066CC;
border-bottom: 1px dashed #ddd; 
margin-bottom:4px;}

dd {text-align: left; padding-bottom: 15px; font-family: veranda, helvetica, sans-serif; font-size:12px, font-color:#FF0033; }

p.note{ color:#000099;
border-bottom:1px dotted #000;
padding:15px;}
.docs {
  background:url("/img/docs.gif") no-repeat 0 60%;
  padding-left:15px;
  }