body{
background-color: #c9dbe5;
background-image:url('http://www.sfscl.org/Global_Graphics/bodybg.jpg');
background-repeat:repeat-x;
background-position: 100% 100%;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 10pt;
color:#000000;
}


#navcontainer { margin-left: 5px;}

#navcontainer ul
{
margin: 0;

padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 10pt;

}

#navcontainer li { margin: 0;

}

#navcontainer a
{
display: block;

color: #333;
background-color: #d5e1dd;
width: 530px;
padding: 5px 1px 5px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
font-size: 10pt;

}

#navcontainer a:hover
{
background-color: #e6e6e6;

color: #333;
border-right: 10px solid #aaa;
padding: 5px 1px 5px 10px;

}

#navcontainer ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
padding-bottom: 15px;

}

#navcontainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 500px;
padding: 5px 1px 5px 10px;

margin: 0;
border-top: none;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left:  1px solid #cccccc;
text-decoration: none;
font-size: 9pt;

}



img
{
position:relative;
left:0px;
}

p
{
font-family:verdana,arial,helvetica,sans-serif;
font-size: 10pt;
color:#000000;
margin-right: 15px;
text-align: justify;
line-height: 12.5pt;
}

#title
{
font-size: 10.5pt;
font-weight:bold;
color: #108384;
line-height: 12pt;
word-spacing: 1px;
}

#highlightText
{
font-size: 10pt;
color: #108384;
}

.ms-main{
background-image:none;
background-color: transparent;
width: 950px;
height: 95%;
font-family:verdana,arial,helvetica,sans-serif;
font-size: 10pt;
color:#000000;


}

.graphictable{
background-image:none;
background-color: transparent;
width: 710px;

}


.ms-tdBorderRight
{
	border-right:1px solid #6f9dd9;			
				
}

.ms-titlearea{

height:5px;
margin:0;
padding:0;

}

ms-titleareaframe{
background-image:none;
background-color:#ffffff;
margin:0;
padding:0;

}
.ms-pagetitleareaframe table{

height:5px;
margin:0;
padding:0;
}

.ms-pagetitleareaframe table td.ms-titlearea{

height:5px;
margin:0;
padding:0px 0px 0px 0px;
}
.ms-pagetitleareaframe table{
height:5px;
margin:0;
padding:0px 0px 0px 0px;
}

}

.ms-pagebreadcrumb{
background-color:#ffffff;
background-image: none;
}

.ms-pagebreadcrumb a{
background-color:#ffffff;
background-image: none;
}
.ms-pagebreadcrumb{
background-color:#ffffff;
background-image: none;
}

.ms-bodyareacell{
display:table-cell;
min-height:525px;

background-color: #ffffff;

}

ms-propertysheet
{
background-color: #ffffff;
padding:0;		
}


<!--IMG-->
.noborderalone img{
border:none;
}


<!-- Text -->

.ms-pagetitle{
color:#cccccc;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:8pt;
padding: 0;
margin:0;
font-weight:normal;
}

.ms-pagetitle a{
text-decoration:none;
color:#000000;
margin:0;
font-weight:normal;
}
.ms-pagetitle a:hover{
}

.CommonHeaderTitle
{
	font-weight: bold;
	color: #708894;
	letter-spacing: -2px;
	line-height: 100%;
}

.footer-copyright
{
padding:10px;
font-size:8pt;
color:#ffffff;
font-weight:bold;
font-family:verdana,arial,helvetica,sans-serif;
text-align:center;
letter-spacing: 1px;
}

.ms-webpartpagedescription{
visibility:hidden;
background-color:#ffffff;

}

.ms-SPZoneLabel
{
color:#7f7f7f;
font-family:tahoma,verdana;
font-size:8pt;
padding:0px 0px 1px 0px;
visibility:hidden;
}

.top_textnav {
font-family:Tahoma;
font-weight:normal;
font-size:8pt;
color:#108384;
padding: 5px;
letter-spacing: 2px;

}

.top_textnav a{
font-size:8pt;
color=#108384;
text-decoration:none;
}

.top_textnav a:hover{
font-size:8pt;
color: #108384;
text-decoration: underline;
}

.page_Breadcrumbs{
font-weight:normal;
font-size:9pt;
color:#108384;
padding: 2px;

}

.page_Breadcrumbs a{
color=#108384;
text-decoration:none;
}

.page_Breadcrumbs a:hover{
color: #108384;
text-decoration: underline;
}


.ms-standardheader{
font-size:10pt;
margin:0em;
text-align:left;
color:#000000;
}


.ms-standardheader a{
font-size:10pt;
margin:0em;
text-align:left;
color:#000000;
}

<!-- Text -->



.ms-nav{
background-image:none;
}

.ms-pagebottommarginright{
background:#dce5e4;
}

.ms-pageGlobalMarginColor{
background:#dce5e4;
}

.ms-pagebottommarginleft{
background:#dce5e4;
}
.ms-pagebottommargin{
background:#dce5e4;
}
.ms-bodyareapagemargin{
background:#dce5e4;
border-top:1px solid #6f9dd9;
}

div.ms-areaseparatorleft{
background-image:none;
}

.ms-pagemargin{
background-image:none;

background-color:#dce5e4;
}

.ms-rightareacell{
background-image:none;
background-color:#dce5e4;
}

div.ms-areaseparatorleft{
background-image:none;
}
ms-leftareacell{
background-image:none;
}


ms-propertysheet{
background-color:#ffffff;
}


td.ms-titleimagearea{
width: 100%;
padding-left: 0px;
margin-left: 0px;
}

#LogoBKG
{
	background-image:url('http://www.sfscl.org/Global_Graphics/Logo_Bkg.gif');
background-repeat:repeat-y;
background-position:right;
			
				
}
.ms-globalTitleArea{
margin:0;
padding:0;

width: 100%;
background-image:none;

background-color:#ffffff;

}

.ms-globalTitleAreaSeparator{
background-position:right;
background-repeat:repeat-y;
}


.ms-bannerframe{
padding-left: 0;
font-size: 10pt;

}

.ms-topnavContainer{

display:block;
z-index: 400;
left:0px;
margin-left: 0;
padding-left: 0;
border-left:solid 1px #108384;
border-right:solid 1px #108384;
}




<!-- For controlling top nav menu -->


.ms-topnav22{
display:block;
z-index: 400;
font-family:Tahoma;
letter-spacing:2px;
font-size:10pt;
color:#ffffff;

background-image:url('http://www.sfscl.org/Global_Graphics/top_nav_bkg.gif');
background-repeat:repeat-x;
background-position: 100% 100%;
height: 30px;
background-color: transparent;

border-bottom:solid 1px #108384;
border-top:solid 1px #108384;

border-left:solid 1px #108384;
border-right:solid 1px #7bb2ac;

padding-bottom:1px;
padding-left: 0px;
margin-left: 0px;

}

.new_topnav{

z-index: 400;
font-family:Tahoma;
letter-spacing:2px;
font-size:10pt;
color:#ffffff;

background-image:url('http://www.sfscl.org/Global_Graphics/top_nav_bkg.gif');
background-repeat:repeat-x;
background-position: 100% 100%;
height: 30px;
background-color: transparent;

border-bottom:solid 1px #108384;
border-top:solid 1px #108384;

border-left:solid 1px #108384;
border-right:solid 1px #7bb2ac;

padding-bottom:1px;
padding-left: 0px;
margin-left: 0px;


}


.new_topnav a{
z-index: 400;
background-image:none;
background-color:transparent;
border:0px;
padding:0px 8px 0px 8px;
height:18px;
}


.new_topnavselected{
z-index: 400;
color: #108384;
border:0px;
background-image: none;
background-color:#dce5e4;
}

.new_topnavHover{
z-index: 400;
color: #108384;
border:solid 1px #dce5e4;
background-image: none;
background-color:#dce5e4;
}

<!-- -->


.ms-topNavFlyOutsContainer
{
display:block;
z-index: 400;

border-style: solid solid none solid;
border-width:1px;
border-color: #6f9dd9;
padding-left: 0px;
color:black; 
}

.ms-topNavFlyOuts{
z-index: 400;
display:block;
background-color:#F2F8FF;
font-family:Tahoma;
font-size:9pt;
padding: 2px 5px 2px 3px;
border-bottom: solid 1px #6f9dd9;


}
.ms-topNavFlyOuts a{
z-index: 400;
display:block;
*width:120px;
min-width:120px;
color:#3764a0;
padding:2px 5px 2px 5px;
background-color:#95B6C3;
}

.ms-topNavFlyOutsHover{
z-index: 400;
display:block;
background-color:#95B6C3;
color:#000000;

}



.ms-bodyareaframe,.ms-viewareaframe{
vertical-align:top;
height:100%;
width:100%;
background-color:#ffffff;
border-top:1px solid #6f9dd9;
border-right:1px solid #6f9dd9;
border-left:1px solid #6f9dd9;
background-image:url('http://www.sfscl.org/Global_Graphics/BodyArea_Bkg.gif');
background-repeat:repeat-x;
background-position: 100% 100%;

}
.ms-formareaframe{
vertical-align:top;
height:100%;
background-color:#ffffff;
padding:8px;
}

<!-- links Box -->
.ms-WPHeader TD{
border-bottom: 0;
border-top:1px solid #b3c4a2;
background-color:#eff2da; 
padding: 2px;
}

.ms-WPHeader TD[title^="Links"] {
  background-color:#b6cdff;
  border-bottom:1px solid #b6b6b6;
 }

.ms-summarycustombody{
background-color:#eff2da;
border:1px dotted #108384;
margin: 2px;
padding: 2px;
padding-top: 3px;
}

.ms-yellowgradientbox{
background-image:url("/Global_Graphics/bkg/yel_grad.jpg");
background-repeat:repeat-x;
background-position: 0% 0%;
width: 150px;
border:1px dotted #108384;
}

<!-- links Box -->

<!-- Quick Launch -->


.ms-bannerContainer{

width: 100%;
padding-left: 0px;
margin-left: 0px;

background-image:url("/_layouts/images/siteTitleBKGD.gif");
background-position:right top;
background-repeat:repeat-y;
background-color:#FFFFFF;
padding-right:10px;
padding-left: 0px;
}






.ms-navheader{
border:solid 1px #108384;
border-left:solid 1px #7bb2ac;
border-bottom:solid 1px #91bcb7;

background-image:url("/Global_Graphics/top_nav_bkg.gif");
background-repeat:repeat-x;

font-family:Tahoma;
font-size:10pt;
letter-spacing:2px;

color:#ffffff;

padding: 5px;


}

.ms-navheader a{

font-family:Tahoma;
font-size:10pt;
font-weight:normal;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;
}

.ms-navheader a:hover{
background:url("/Global_Graphics/topnavselected_belltown.gif");
background-repeat:repeat-x;
color: #000000;
text-decoration:none;
letter-spacing:1px;
}
.ms-navheader a:visited{
font-family:Tahoma;
font-size:10pt;
font-weight:normal;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;
}


span.ms-navitem{

padding:3px 6px 4px 16px;
font-family:Tahoma;
font-size:10pt;
font-weight:normal;

}
table.ms-navitem td{
background-color: #e7f0f0;

padding:3px 6px 4px 16px;
font-family:Tahoma;
font-size:9pt;
font-weight:normal;
}


.ms-navItem a{

color:#003399;
text-decoration:none;
}
.ms-navItem a:hover{
color:#000000;
text-decoration:none;
}
.ms-navitemstatic{
color:#4c4c4c;
}
.ms-navheaderstatic{
color:#4c4c4c;
}

.ms-navsubmenu1{
background-image:url("/Global_Graphics/topnavhover_belltown.gif");
background-repeat:repeat-x;

font-family:Tahoma;
font-size:10pt;
letter-spacing:5px;
font-weight:normal;

width:auto;
border-collapse:collapse;
background-color:#f2f8ff;
}
.ms-navsubmenu2{
width:auto;
background-color:#f2f8ff;
margin-bottom:6px;

font-family:Tahoma;
font-size:10pt;
font-weight:normal;

}


.ms-quicklaunch table.ms-selectednavheader td{
width:100%;
background-color:#ffe6a0;
background-image:url("/_layouts/images/selectednav.gif");
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
padding:1px 6px 3px 6px;
}


.ms-selectednavheader a{
font-weight:normal;
color:#000000;
text-decoration:none;
}
.ms-selectednavheader a:hover{
color:#000000;
text-decoration:none;
}



table.ms-navitem td{
background-image: none;
padding:5px 10px 5px 10px;
border-bottom: solid 1px #6f9dd9;

font-family:tahoma;
}

<!--BODY TEXT-->
.ms-WPBody
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;
}

.ms-WPBody TABLE
{
font-size:10pt;
}
.ms-WPBody A:visited
{
color: #0e7373;
text-decoration:underline;
}
.ms-WPBody A:link
{
color: #0e7373;
text-decoration:underline;
}
.ms-WPBody A:hover
{
color:#000000;
text-decoration:underline;
}

.ms-WPBody td
{
}








#box-table-a
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;

	width: 500px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;

	padding: 8px;
	background: #ffffff;
	border-top: 1px solid #b3c4a2;
	border-bottom: 2px dotted #b3c4a2;
	color: #595959;
}
#box-table-a td
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;

	padding: 8px;
	background: #eff2da; 
	border-bottom: 1px solid #fff;
	color: #595959;
	border-top: 1px solid transparent;
}

#box-table-a .odd
{
	background: red; 
}

#hor-zebra
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;

	width: 700px;
	text-align: left;
	margin: 5 px;
	border-collapse: collapse;
		color: #000000;
}
#hor-zebra th
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;
	padding: 8px;

	border: 1px solid #b3c4a2;
background: #e6e6e6; 
	padding: 10px 8px;
	color: #000000;
}
#hor-zebra td
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;

	padding: 8px;
	border: 1px solid #b3c4a2;		
	color: #595959;


}
#hor-zebra .odd
{
font-size:10pt;
font-family:verdana,arial,helvetica,sans-serif;
color: #000000;

	background: #d5e1dd; 
}

#smtext_9
{
				font-size:9pt;
				margin: 5px;
}

#smtext_9_center
{
				font-size:9pt;
				margin: 5px;
				text-align:center;
}