/*--------------------------
SONOMA VALLEY TEACEHRS SUPPORT NETWORK STYLESHEET
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB
AUTHOR: Ryan McLaughlin - ryan@wildfireweb.com
CREATED: 4/23/07
REVISED: 6/13/07
---------------------------*/

@import url(http://wildfireweb.com/css/wildfirecommon.css);

body{
background: #9d9d9d;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
}

#wrapper{
width: 86em;
margin: 0 auto 5em auto;
position: relative;
padding: 0;
}

a{
color: #555;
}

/* TOP THIRD */

#top{
width: 50em;
height: 24em;
background: #fff url(/templates/svtsn/images/top.gif) repeat-x top center;
position: relative;
z-index: 1;
margin: 0 auto;
padding: 0;
}

#topleft{
width: 39.2em;
height: 24em;
background: transparent url(/templates/svtsn/images/topleft.gif) no-repeat top left;
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

#topright{
width: 35em;
height: 24em;
background: transparent url(/templates/svtsn/images/topright.gif) no-repeat top right;
position: absolute;
top: 0;
right: 0;
z-index:2;
margin: 0;
padding: 0;
}

/* PAGE TITLE */

h1{
position:absolute;
top: 2.5em;
left: 1em;
color: #360;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 4.3em;
font-weight: normal;
letter-spacing: -0.08em;
z-index: 3;
margin: 0;
padding: 0;
}

h1 span{
color: #519617;
display: block;
position: relative;
top: 0.35em;
left: 0.8em;
font-size: 0.75em;
margin: 0;
padding: 0;
letter-spacing: -0.07em;
}

h2{
position:absolute;
top: 7.5em;
left: 11.5em;
color: #888;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.4em;
font-weight: normal;
letter-spacing: -0.06em;
z-index: 3;
margin: 0;
padding: 0;
text-transform: lowercase;
}

/* PULL QUOTE */

#quote{
position: absolute;
top: 7.5em;
right: 3.8em;
color: #888;
z-index: 3;
width: 16em;
font-size: 1.5em;
letter-spacing: -0.05em;
margin: 0;
padding: 0;
}

#quote span.author{
color: #aaa;
font-style: italic;
position: absolute;
top: 7em;
right: 6em;
text-align: right;
z-index: 3;
width: 12em;
margin: 0;
padding: 0;
font-size: 0.9em;
}

/* MIDDLE NAVIGATION */

#tabwrap{
width: 85em;
background: #519617 url(/templates/svtsn/images/navleft.gif) repeat-y left top;
height: 4em;
margin: 0;
padding: 0;
}

ul#tabs {
float: left;
position: relative;
z-index: 9;
margin: 0 0 0 2em;
width: 80em;
padding: 0 0 0 4em;
background: #519617 url(/templates/svtsn/images/navright.gif) repeat-y right top;
position: absolute;
}

ul#tabs li {
display:inline;
float:left;
margin:0 1em;
padding:0;
}

ul#tabs li a{
color: #fff;
}

ul#tabs li a:hover{
text-decoration: underline;
}

ul#tabs li ul li {
padding: 0.5em 0em;
width: 8em;
}

#tabs li ul li a:hover {
text-decoration: underline;
margin:0;
padding:0;
}

ul#tabs li ul {
position:absolute;
left:-999em;
height:auto;
width:10em;
margin:0;
padding:0 0 0.5em 0;
background: #519617;
}

ul#tabs li ul li a {
margin:0;
padding:0;
font-size: 1.2em;
}

ul#tabs li:hover ul {
left:auto;
background:#519617;
}

ul#tabs li:hover,ul#tabs li.sfhover {
background:#519617;
}

ul#tabs li:hover ul,ul#tabs li.sfhover ul {
left:auto;
}

#tabs a,ul#tabs li span {
display:block;
color:#fff;
text-decoration:none;
font-size:1.4em;
padding:0.8em;
}

/* MAIN CONTENT AREA */

#body {
background: #dadada url(/templates/svtsn/images/bodyleft.gif) repeat-y left;
margin: 0;
padding: 0;
}

#bodybg{
background: transparent url(/templates/svtsn/images/bodyright.gif) repeat-y right;
position: relative;
z-index:3;
margin: 0;
padding: 0;
}

#content{
width: 50em;
margin: 0 auto;
padding: 2em 0 2em 0;
position: relative;
top:0;
font-size: 1.4em;
color: #6b6b6b;
}

/* FOOTER */

#footer{
width: 100%;
height: 15em;
background: #dadada url(/templates/svtsn/images/footerleft.gif) no-repeat bottom left;
margin: 0;
padding: 0;
position: relative;
top: -5em;
}

#footerbg{
float: right;
width: 32px;
height: 15em;
background: #dadada url(/templates/svtsn/images/footerright.gif) repeat-y right bottom;
margin: 0;
padding: 0;
}

#login{
margin: -5em 0 0 3em;
padding: 0;
color: #666;
}