/* Sample Font Tags for HTML */

/* <LINK REL="stylesheet" TYPE="text/css" HREF="/main/css/fonts.css" TITLE="fonts"> */

/* <FONT FACE="Geneva,Verdana,Arial,Helvetica,sans-serif" SIZE=1 CLASS="G10"> */
/* <FONT FACE="Lucida Grande,Geneva,Verdana,Arial,Helvetica,sans-serif" SIZE=2 CLASS="L12"> */
/* <FONT FACE="Lucida Grande,Geneva,Verdana,Arial,Helvetica,sans-serif" SIZE=1 CLASS="L10"> */
/* <FONT FACE="Verdana,Geneva,Arial,Helvetica,sans-serif" SIZE=1 CLASS="V9"> */
/* <FONT FACE="Geneva,Arial,Helvetica,sans-serif" SIZE=2 CLASS="G12"> */
/* <FONT FACE="Times,serif" SIZE=2 CLASS="T13"> */

body {
	margin: 0; background-color:  #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* CSS definitions for fonts */

.footer { margin:6 0 .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}


p.small { font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 333333}

span.title  { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  color: #5C5B5B;  font-weight: bold;
}





.sm { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; }

.G10 { font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990100}

.G11g { font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #43A131}

.G11 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;  color: #FFFFFF;  
}
.G12 { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #ffffff;  font-weight: bold;
}
.G12b { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #999999;
}
.Gray12 { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #9C9A9A; font-style: italic; font-weight: bold;
}

H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;  color: #5C5B5B;  
}

H3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;  color: #CC00CC;  
}
H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  }
L12 { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }


.H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;  color: #5C5B5B;  
}
.H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  }
.L12 { font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }



td {
	font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: 333333;
}


.p2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold;  color: #000;  font-style: italic;
}

A:link {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #339933; text-decoration: underline; font-weight: normal; font-style: normal;
}
A:visited {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #339933; text-decoration: underline; font-weight: normal; font-style: normal;
}
A:hover {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: underline; font-weight: normal; font-style: normal;
}

A.blk:link {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none;
}
A.blk:visited {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none;
}
A.blk:hover {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: underline;
}

A.blk2:link {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline;
}
A.blk2:visited {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline;
}
A.blk2:hover {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: underline;
}

A.sm:link {
font-family: verdana, arial, helvetica; font-size: 10px; color: #000000; text-decoration: underline;
}
A.sm:visited {
font-family: verdana, arial, helvetica; font-size: 10px; color: #000000; text-decoration: underline;
}
A.sm:hover {
font-family: verdana, arial, helvetica; font-size: 10px; color: #000000; text-decoration: underline;
}


A.blksm:link {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0A0000; text-decoration: underline; font-style: normal; font-weight: bold;
}
A.blksm:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0A0000; text-decoration: underline; font-style: normal; font-weight: bold;
}

.greenbox {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-style: italic; 
}
.greenbox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; 
}
.greenboxtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5C5B5B; font-weight: bold; font-style: normal;
}

A.greenbox:link {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5C5B5B; text-decoration: underline; font-weight: normal;
}
A.greenbox:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5C5B5B; text-decoration: underline; font-weight: normal;
}
A.greenbox:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: underline; font-weight: normal;
}

A.nav:link {
font-family: verdana, arial, helvetica;  font-size: 9px; color: #707070; text-decoration: none; font-weight: bold;
}
A.nav:visited {
font-family: verdana, arial, helvetica;  font-size: 9px; color: #707070; text-decoration: none; font-weight: bold;
}
A.nav:hover {
font-family: verdana, arial, helvetica;  font-size: 9px; color: #707070; text-decoration: underline; font-weight: bold;
}

A.nav2:link {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #707070; text-decoration: none; font-weight: bold;
}
A.nav2:visited {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #707070; text-decoration: none; font-weight: bold;
}
A.nav2:hover {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #D41C28; text-decoration: none; font-weight: bold;
}

A.nav3:link {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #707070; text-decoration: underline; font-weight: bold;
}
A.nav3:visited {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #707070; text-decoration: underline; font-weight: bold;
}
A.nav3:hover {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #707070; text-decoration: underline; font-weight: bold;
}

A.nav0:link {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #000; text-decoration: none; font-weight: bold;
}
A.nav0:visited {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #000; text-decoration: none; font-weight: bold;
}
A.nav0:hover {
font-family: verdana, arial, helvetica;  font-size: 14px; color: #000; text-decoration: none; font-weight: bold;
}


/* -- for blog concerns -- */


A.blognav:link {
font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal;
font-size: 11px; color: #FFFFFF; text-decoration: none;
}
A.blognav:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal;
font-size: 11px; color: #FFFFFF; text-decoration: none;
}
A.blognav:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal;
font-size: 11px; color: #FFFF00; text-decoration: underline;
}

A.none:link {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;  font-weight: normal; font-style: italic; 
}
A.none:visited {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;  font-weight: normal; font-style: italic; 
}
A.none:hover {
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: underline;  font-weight: normal; font-style: italic; 
}


td.tdnav1 {background: url(http://www.sfvs.org/images/sfvs2_03.jpg) no-repeat;}

td.tdnav {background: url(http://www.sfvs.org/images/sfvs2_05.jpg) repeat-x;}










/********************************************************************
   nav
   for top nav and bottom nav
   for the site wide standard menu
*********************************************************************/


div#nav-container {
    padding-top: 0;
    margin-top: 0px;
    height: 10px;
    margin-right: 0px;

}

#nav-container ul, #nav-container li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    margin-top: 0;
    padding-top: 0;
}




/*** nav-bottom ***/
#nav-bottom a:link, #nav-bottom a:visited {
	font-family: verdana, arial, helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #707070;
    text-decoration: none;
   
}



#nav-bottom a:hover {
	font-family: verdana, arial, helvetica;
    font-size: 10px;
    font-weight: bold;
    color: #8E170C;
    text-decoration: underline;
}



div#nav-bottom li {
    display: inline;
    margin-left: 10px;
    font-size: 13px;
    height: 15px;
    text-align: right;
    
}


div#nav-bottom li:hover ul, div#nav-bottom li.over ul { 
/* lists nested under hovered list items */
	display: block;
	width: 164px;
	text-align: left;
 
}


div#nav-bottom ul { /* all lists */
    /*** border-top: 1px solid #ccc; ***/
	padding-top: 1px;
	margin: 0;
	list-style: none;
	text-align: right;
}

div#nav-bottom li { /* all list items */
	float: right;
	position: relative;
	/* width: 10em; */
}

div#nav-bottom li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.1em;
	left: 0;
	background: #F5F3F2;
	border-top: 1px solid #F5F3F2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin-left: 0;
    text-align: left;
}

div#nav-bottom li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


ul#navmain li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	font-size: 11px;
	border-left: 2px solid #fff;
	text-align: left;
	margin-left: 4px;
	margin-bottom: 4px;
}


li#nav-search {
    padding-left: 40px;
    text-align: justify;
    margin-right: 0;

}



/********************************************************************
   HACKS
   for internet explorer 5 for mac
   leave the weird commenting...
*********************************************************************/

/*\*//*/

    div#nav-bottom li {
        width: 50px;
        list-style-type: none;
        background: none;
        text-align: center;
    }
    
    div#nav-bottom li:hover ul, div#nav-bottom li.over ul {
        background: none;
        visibility: hidden;
        position: absolute;
        display: none;
    }


/**/




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.sfvs.org/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.sfvs.org/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }