/* 	SCVSnareline.com Stylesheet
	Created 3/16/2006 by SAK
*/

/* Body style */

body {
 background: #999999;
 color: #333333;
 margin: 0px;
 padding: 0px;
 font-family: arial, verdana, helvetica;
 font-size: 8pt;
 width: 750px
}

#bodyblock {
 display: block;
 width: 750px;
 height: 400px;
 margin:1px 0 0 0;
 padding:0;
 z-index:1
}

/* Banner and Menu bar style */

#banner {
 margin: 0px;
 padding: 0px
}

#leftnav {
 display: block;
 color: #333333;
 width: 125px;
 margin: 0px;
 padding: 0px
}

#leftnav ul {
 display: block;
 list-style: none;
 margin: 0px;
 padding: 0px;
 border-top: 1px solid #990000;
}

#leftnav ul li{
 display: block;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #990000;
}

#leftnav a {
 display: block;
 margin: 0px;
 padding: 2px 0 3px 5px;
 font-size: 8.5pt;
 vertical-align: middle
}

a.nav:link, a.nav:active, a.nav:visited {
 display: block;
 text-decoration: none;
 color: #333333
}

a.nav:hover {
 color: #999999;
 display: block;
 height: 100%;
 background: #333333;
 color: #999999;
 border-right: 5px solid #990000
}

#yearselect {
 margin: 0px;
 padding: 5px 0 5px 5px;
 border-bottom: 1px solid #990000;
 width: 100px
}

#yearselect select {
 margin: 5px 0 0 0;
 padding: 0px;
 border: 1px solid #666666; 
 background: #d7d7d7;
 color: #333333;
 width: 100px
}

#yearselect select:focus {
 background: #FFFAB2;
}

#mailform {
 margin: 0px;
 padding: 5px 0 5px 5px;
 color: #333333;
 width: 100px;
 border-bottom: 1px solid #990000;
}

#mailform input.mailinput{
 font-family: verdana, arial, helvetica;
 background: #d7d7d7;
 border: 1px solid #666666; 
 margin: 5px 0 0 0;
 padding: 0px;
 width: 100px
}

#mailform input:focus {
 background: #FFFAB2;
}

input.submit {
 display: block;
 background: #999999;
 font-size: 8pt;
 font-family: verdana, arial, helvetica;
 color: #333333;
 border: 1px solid #333333;
 margin: 5px 0 0 0;
 padding: 0px;
 cursor: pointer
}

/*  Content Styling  */
#content {
 display: block;
 background: #999999;
 float: right;
 color: #333333;
 width: 615px;
 margin:0px;
 padding:0px
 z-index:0
}

#content a {
 text-decoration: none;
 color: #990000
}

#content a:hover {
 color: #333333;
 display: inline;
}

#contenttext {
 padding: 10px; 
}

#contenttext h1 {
 font-size: 9pt
}

#contenttext ul  {
 width: 200px;
 z-index: 200;
 list-style:square;
}

#contenttext ul li {
 position: relative;
 border-style:solid;
 border-color: #999999;
 border-width: 1px 0px 1px 1px;
}

#contenttext a:link, a:active, a:visited {
 display: inline;
 text-decoration: none;
 color: #990000
}

#contenttext a:hover {
 display: inline;
 color: #ffffff;
}

#contenttext ul li span {
 display: none;
 width: 400px;
 height: 250px;
}

.notes {
 font-style: italic
}
/* Member Tooltip Style */
#members ul li:hover {
 z-index: 200;
 border-style:solid;
 border-color: #333333;
 border-width: 1px 0px 1px 1px;
 background-color:#666666; 

}
#members ul li:hover span { /*the span will display just on :hover state*/
 display:block; 
 z-index: 100;
 position:absolute;
 top:-2em;
 left:195px; 
 border-style:solid;
 border-color: #333333;
 border-width: 1px 1px 1px 1px;
 background-color:#666666; 
 color:#999999;
 text-align: left;
 padding: 10px;
}

#instructors ul li:hover {
 z-index: 200;
 border-style:solid;
 border-color: #333333;
 border-width: 1px 0px 1px 1px;
 background-color:#666666; 

}
#instructors ul li:hover span { /*the span will display just on :hover state*/
 display:block; 
 z-index: 100;
 position:absolute;
 top:-2em;
 left:195px; 
 border-style:solid;
 border-color: #333333;
 border-width: 1px 1px 1px 1px;
 background-color:#666666; 
 color:#999999;
 text-align: left;
 padding: 10px;
}
.tooltiptext {
 width:290px;
 height:150px;
 overflow: auto;
 margin: 0px;
 padding: 5px;
}
#contentimage {
 float: right;
 margin: 0px;
 padding: 0px
}

td.date {
 color: #990000;
}

#pictures {
 position: absolute;
 top: 125px;
 left: 400px
}

#comments {
 z-index: 0;
}

#comments ul{
 width: 600px;
 z-index: 0 
}

#comments ul li{
 z-index: 0 
}

#guestbook {
 padding: 10px;
 width:420px;
 height: 500px;
 overflow: auto
}
/*  Footer style  */
#footer {
 display: block;
 color: #666666;
 font-size: 7pt;
 margin: 10px 0 0 5px;
 width: 100px
}
#footer a {
 text-decoration: none;
 color: #990000
}

#footer a:hover {
 color: #333333;
 display: inline;
}