/*--------------------------
SONOMA VALLEY TEACHERS SUPPORT NETWORK STYLESHEET
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB
AUTHOR: support@wildfireweb.com
CREATED: 4/23/07
REVISED: 6/13/07, 081010bt
---------------------------*/

@import url(/css/wildfirecommon.css);


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

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #fe622b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}

.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}

#wrapper{
width: 980px;
margin: 0 auto;
position: relative;
padding: 0;
margin-top: 20px;
text-align:left;
}

/* 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: 980px;
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: #fff 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{
margin: 0 auto;
padding: 1.2em 40px 2em 40px;
position: relative;
top:10px;
width:900px;
font-size: 1.4em;
color: #6b6b6b;
}

#content_left
{
margin: 0 auto;
padding: 1.2em 40px 2em 40px;
position: relative;
top:10px;
width:600px;
font-size: 1.4em;
color: #6b6b6b;
float:left;
}

/* FOOTER */

#footer{
width: 100%;
height: 15em;
background: #fff 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: #fff url(/templates/svtsn/images/footerright.gif) repeat-y right bottom;
margin: 0;
padding: 0;
}

#footerbg2
{
float: right;
width: 130px;
height: 15em;
background: #fff url(/templates/svtsn/images/footerback.jpg) repeat-x right bottom;
margin: 0;
padding: 0;

}

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


/* dropdown menu */


#dropnav {
position: relative;
display: block;
float: left;
width: 970px;
margin: 0;
padding: 0;
list-style: none;
top:0px;
left:18px;
padding-top:10px;
}

#dropnav .editable img
{
float:left;
padding-right:0;
margin-top:0;
padding-top:0;
}

#dropnav li.level_1{
display: block;
position: relative;
font-size: 12px;
font-weight: bold;
height: 23px;
float:left;
margin: 0;
padding: 3px 10px 0 10px;
list-style: none;
text-align: center;
white-space: nowrap;
}



#dropnav li.level_1 a, #dropnav li.level_1 span.editable{
/*  display: inline; */
position: relative;
height: 23px;
color: #fff;
text-decoration: none;
 padding: 11px 13px;
margin: 0;
white-space: nowrap;
} 

 #dropnav li.selected_tab a, #dropnav li.selected_tab span.editable {

 padding: 11px 13px;
height: 23px; 
color: #dce8d0;
background:#3c760b;
margin: 0;
} 

 #dropnav li.over_1 a, #dropnav li a:hover {
color: #dce8d0!important;
padding: 11px 13px;
height: 23px;
margin: 0;
}

#dropnav li a:hover
{

}

/* second level dropdown nav */

#dropnav li.level_1 ul {
display:none;
list-style:none;
position: absolute;
width: 150px;
top:28px;
left:6px;
z-index:25;
margin: 0;
margin-left: 4px;
padding: 0;
text-align: left;
white-space: nowrap;
background: #519617; 
border:solid 1px #6bab35;
border-bottom:none;

}

html>body #dropnav li.level_1 ul {
width: auto;

} 


#dropnav li.level_1:hover ul, #dropnav li.over_1 ul {
display: block; 
color:#fff!important;

}

#dropnav li.level_1:hover ul li a:hover
{

}

#dropnav li ul li:hover
{


}

#dropnav li.level_2 {
position:relative;	
display:block;
float:none;
height:25px;
margin:0;
padding:0;
margin-left:1px;
list-style:none;
text-align: left;
text-transform: none; 
 background: #519617; 
border-bottom:solid 1px #6bab35;
z-index:200!important;
}

#dropnav li.level_2 a, #dropnav li.level_2 span.editable {
font-size:12px;
color:#fff!important;
font-weight:bold;
display:block;
padding: 0 5px 0 5px;
width: 136px;
text-decoration:none;
border:none;
line-height:25px;
height:25px;
 background: #519617;
}


#dropnav li.level_1 ul li.level_2 a:hover, #dropnav li.over_2 a {
color:#fff!important;
padding: 0 5px 0 5px;
/* background:#519617; */
color: #dce8d0;
background:#3c760b;
}

/*
#dropnav li.level_1 ul li.selected_tab.level_2 a {
background: #9c562b;
color:#fff!important;
}
*/

/* Third level dropdown nav */

#dropnav li.level_1 ul li.level_2 ul {
display:none;
list-style:none;
position: absolute;
/* width: 210px; */
top: 0;
left: 146px;
z-index:25;
margin: 0;
padding: 0;
text-align: left;
white-space: nowrap;
background: #519617; 
}

html>body #dropnav li.level_2 ul {
width: auto;
min-width: 210px;
background: #519617; 
} 


#dropnav li.level_1 ul li.level_2:hover ul, #dropnav li.level_1 ul li.over_2 ul {
display: block; 

}

#dropnav li.level_3:hover, #dropnav li.level_3 a:hover, #dropnav li.over_3 {

}

#dropnav li.level_3 {
position:relative;	
display:block;
float:none;
_width:210px;
height:25px;
margin:0;
padding:0;
list-style:none;
text-align: left;

border:1px solid #000;
border-top:none;
border-left: none;
z-index:99999!important;
}

#dropnav li.level_1 ul li.level_2 ul li.level_3 a, #dropnav li.level_3 span.editable {
font-size:12px;
color:#fff!important;
font-weight:bold;
display:block;
width: 188px;
padding: 0 11px 0 11px;
text-decoration:none;
border:none;
line-height:25px;
height:25px;
}

#dropnav li.level_1 ul li.level_2 ul li.level_3 a:hover {
text-decoration:underline;
color:#fff!important;
}

#dropnav li.level_1 ul li.level_2 ul li.selected_tab.level_3 a {
background: #519617; 
color:#fff!important;
}

#leftshadow
{


right:-1px;
width: 50px;
height:40px;
padding: 0 0 0 4em;
background: #519617 url(/templates/svtsn/images/navright.gif) repeat-y right top;
position: absolute;
}

#zfix
{
position:absolute;
z-index:9999;
width:100%;

}

img
{
padding-right:20px;
margin-bottom:17px;
padding-top:10px;
}


#content ul 
{
padding-left:15px;

}


#rightcol{
font-family: Geneva, Arial, sans-serif;
position: relative;
display: block;
float: right;
width: 240px;
font-size: 16px;
margin: 20px 30px 0px 0px;
padding: 0px 10px 20px 0px;
background: #d8e2ce;
color:#1e3e03;
}

#rightcol_title {
font-family: Geneva, Arial, sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 1;
width: 250px;
background: #519617;
margin-bottom:5px;
text-align: left;
padding: 5px 0px 3px 0px;
text-align: center;
color:#1e3e03;
}

/*
#rightcol p{
padding-left: 10px;
padding-right: 5px;
}
*/

#rightcol_top{
width: 240px;
padding-left:10px;
padding-right:10px;
}

#clearit
{
clear:both;
height:4px;
}