/* FRAME STYLES */

html, body { 
background:url(/sf/images/body-bg.jpg) top left repeat;
margin:0; 
padding:0; 
text-align:center; 
} 

img {
border:none;
}

img, div { behavior: url(/sf/iepngfix.htc) }

p, h1, h2, h3, h4, h5, h6, form {
margin:0;
padding:0;
}

#pagewidth { 
background:url(/sf/images/pagewidth-bg.png) top left repeat-y;
width:1020px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#pagewidth-lower { 
background:url(/sf/images/pagewidth-bg.png) top left repeat-y;
width:1020px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header-wrapper {
width:100%;
background-color:#fff;
}

#header {
	background:url(/sf/images/header.jpg) top left no-repeat;
	position:relative;
	height:118px;
	width:1020px;
	margin:0 auto;
	z-index: 100 !important;
} 

#header-inner {
	position: absolute;
	height:118px;
	width:762px;
	margin:0 auto;
	z-index: 100 !important;
	margin-left: -300px;
} 



#leftcol {
width:197px; 
float:left; 
position:relative; 
padding:30px;
}

#leftcol h4 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#ab0534;
text-transform:uppercase;
}

#leftcol p, #leftcol label {
font-family:Arial, Helvetica, sans-serif;
/*font-family: Trebuchet MS, Arial, sans-serif;
font-size:11px;*/
font-size:14px;
color:#333;
line-height:150%;
margin-top:5px;
}

#leftcol label {
font-weight:bold;
}

#leftcol select {
width:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:5px 0;
}

#leftcol .text {
width:197px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
padding:2px;
background:#fff;
border:1px solid #999;
margin:5px 0 5px 0;
}

#leftcol .link {
font-size:14px;
color:#006677;
text-decoration:none;
font-family:Trebuchet MS, Arial, sans-serif;
font-weight: bold;
}

#leftcol .link:hover {
text-decoration:underline;
}

#leftcol #leftnavlist {
margin:40px 0;
padding:0;
}

#leftcol #leftnavlist li {
list-style-type:none;
margin:0;
padding:0;
}

#leftcol #leftnavlist .hr {
margin-bottom:6px;
}

#leftcol #leftnavlist .first {
border-top:none;
}

#leftcol #leftnavlist .last {
border-bottom:none;
}

#leftcol #leftnavlist li a {
font-weight:bold;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0;
}

#leftcol a {
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#006677;
text-decoration:none;

margin:0;
padding:0;
}

#leftcol a:hover {
text-decoration:underline;
}

#leftcol #leftnavlist li a:hover, #leftcol #leftnavlist #current {
color:#fff;
}

#maincol { 
float: left; 
display:inline; 
position: relative; 
width:685px;
padding: 0 52px 40px 20px;
}

#content-lower-wrapper {
background:url(/sf/images/content-lower-tile.jpg) top left repeat-x;
clear:both;
width:100%;
} 

#content-lower {
background:url(/sf/images/content-lower.jpg) top center repeat-x;
/*height:260px; */
height:280px;
clear:both;
margin-left:auto; 
margin-right:auto;  
_margin:-8px auto auto auto;
width:100%;
/*padding:10px 0 20px 20px ;*/
padding:10px 0px 0px 20px;
}

#content-lower2 {
background:url(/sf/images/content-lower.jpg) top center repeat-x;
/*height:80px;*/
height:90px; 
clear:both;
margin:auto auto ;
_margin:-8px auto auto auto;
width:100%;
padding:10px 0 20px 120px ;
} 

#content-lower3 {
background:url(/sf/images/content-lower.jpg) top center repeat-x;
/*height:80px;*/
height:80px; 
clear:both;
margin:auto auto ;
_margin:-8px auto auto auto;
width:100%;
padding:10px 0 20px 120px ;
} 

#content-lower .left {
float:left;
/* width:125px;*/
width:125px;
border-right:1px dashed #fff;
padding:0px 20px;
/*text-align:center;*/
height:270px; 
position:relative; 

}

#content-lower .left2 {
float:left;
width:125px;
padding:0 30px;
text-align:center;
height:254px; 
}

#content-lower .left3 {
float:left;
/* width:125px;*/
width:197px;
border-right:1px dashed #fff;
padding:0px 20px;
/*text-align:center;*/
/*height:280px; */
height:270px;
position:relative; 
}

#content-lower2 .left2 {
float:left;
width:385px;

padding:0 30px;
text-align:center;
height:80px; 
}

#content-lower .middle {
float:left;
width:412px;
border-right:1px dashed #fff;
padding:0px 30px;
height:270px;
/*height:254px;*/ 
}

#content-lower .middle2 {
float:left;
width:412px;
padding:0px 30px;
height:127px; 
}

#content-lower .middle3 {
float:left;
width:340px;
border-right:1px dashed #fff;
padding:0px 30px;
height:270px;
/*height:254px;*/ 
}

#content-lower2 .middle2 {
float:left;
width:412px;
padding:0px 30px;
height:80px; 

}

#content-lower2 .middlePSA {
float:left;
margin-left:400px;

padding:0px 0px 0px 100px;

height:80px; 
}

#content-lower .right {
float:left;
width:290px;
padding:0px 30px;
height:270px;
/*height:254px; */
}

#content-lower .right2 {
float:left;
width:290px;
padding:0px 30px;
height:127px; 
}

#content-lower2 .right2 {
float:left;
width:290px;
padding:0px 30px;
height:127px; 
}

#content-lower a {
color:#ffffff; 
font-weight: bold;
text-decoration:none;
}

#content-lower a:hover {
color:#cccccc; 
text-decoration:underline;
}

#content-lower h4 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

#content-lower2 h4 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

#content-lower3 h4 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

#content-lower p {
font-size:14px;
color:#fff;
font-family:Trebuchet MS, Arial, sans-serif;
line-height:100%;
margin-top:13px;
}

#content-lower .link-orange {
font-size:14px;
color:#FFBB11;
text-decoration:none;
font-family:Trebuchet MS, Arial, sans-serif;
font-weight: bold;
}

#content-lower .link-orange:hover {
color:#FFBB11;
text-decoration:underline;
}

#content-lower .hr1 {
height:1px;
border-bottom:1px dashed #fff;
margin:30px 0;
}

#content-lower .large-text {
font-size:15px;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}

footer {
background:url(/sf/images/footer-bg.png) top center repeat-x;
clear:both;
margin:auto auto ;
_margin:-8px auto auto auto;
width:100%;
padding:20px 0 10px 120px;
} 

#footerPSA {
background:url(/sf/images/footer-bg.png) top  repeat-x;
clear:both;
margin:auto auto ;
_margin:-8px auto auto auto;
width:100%;
padding:20px 0 10px 120px;
} 

/* CONTENT STYLES */

#header #topnav {
width:500px;
float:right;
margin-top:45px;
margin-right:30px;
_margin-right:15px;
}

#header #topnav li {
list-style-type:none;
display:inline;
margin-left:20px;
}

#header #topnav a {
font-size:13px;
color:#333;
font-weight:bold;
font-family:Trebuchet MS, Arial, sans-serif;
text-decoration:none;
text-transform:uppercase;
padding:3px 8px;
background:#fff;
}

#header #topnav a:hover, #header #topnav #current {
background:#ab0534;
color:#fff;
}



#footer p {
font-size:11px; 
color:#333; 
font-family:Trebuchet MS, Arial, sans-serif;
}

#footer a {
color:#006677; 
font-weight: bold;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}


/*  MAINCOL STYLES  */
#libmcFormask {
    clear: both;
    font-size: 12pt;
    padding-top: 40px;
}
	
#maincol h1, h2, h3, h4, h5, h6 {
color:#ab0534;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#maincol h3 {
font-size:18px;
}

#maincol p {
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol {display:none;} 
#twocols, #maincol {width:100%; float:none;}
}


/** from old site **/

#breadcrumbs {
	color: #756754;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#breadcrumbs A {
	color: #756754 !important;
}

#breadcrumbs A:HOVER {
	text-decoration:underline;
	color: #006677 !important;
}

#printButton {
	background-image:url('/sf/images/print.gif');
	background-repeat: no-repeat;
	background-position:top;
	text-align:center;
	width:41px;
	height:33px;
	float:right;
	font-size:8pt;
	color: #756754;
}

#printButton:HOVER {
	text-decoration:underline;
	cursor:pointer;
}

#emailButton {
	background-image:url('/sf/images/send.gif');
	background-repeat: no-repeat;
	background-position:top;
	text-align:center;
	width:41px;
	height:33px;
	float:right;
	font-size:8pt;
	color: #756754;
}

#emailButton:HOVER {
	text-decoration:underline;
	cursor:pointer;
}

.redText {
	color: #AB0534;
}

HR {
	color: #ab0534;
	border-top: 1px solid #ab0534;
	height: 0px;
}

.imgBorder {
	font-size: 7pt;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	
	font-family:Arial, Helvetica, sans-serif;
}
	
.imgRight {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-align: left;

	float: right;
	padding-top:5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.imgRight2 {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-align: left;

	float: right;
	padding-top:12px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.imgLeft {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	
	float: left;
	padding-top:5px;
	padding-bottom: 0px;
	padding-right: 10px;
}

.imgLeft2 {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	
	float: left;
	padding-top:12px;
	padding-bottom: 0px;
	padding-right: 10px;
}

.imgCenter {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	
	float:none;
	padding-top:5px;
	padding-bottom: 0px;
	padding-right: -10px;
	padding-left: -10px;
}

h2.sf_postTitle {
    font-size: 12pt !important;   
}

div.headerbar {
	background-color: #D3BD8B;
	font-weight: bold;
	text-align: center;
	line-height: 14pt;
}

.linksbox {
	background-color: #FEF8DE;
	border: 1px solid #D3BD8B;
	padding: 10px;
	display:block;
	margin-bottom: 10px
}

.relatedStoriesHeader {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}

.relatedStory {
	display: block;
	line-height:16pt;
}

.sf_socialBookmarks {
	text-align: center;	
}

#comments H2 {
	padding-top: 10px;
	font-size: 12pt;	
}


#comments LEGEND {
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 14pt;
}

#comments UL {
	list-style: none;
}

.sf_commentListing LI {
	border: 1px solid #D3BD8B;
	margin-top:15px;
	margin-left: -30px;
	padding-bottom: 10px;
	padding-left: 10px;
}


#comments P {
	margin-bottom: 5px;
}

#comments OL {
	padding-left: 30px;	
}

#comments TEXTAREA {
	width: 400px;
	height: 200px;
}

.searchResults DT {
    font-size: 11pt;
    padding-top: 10px;
}

.searchResults DD {
    margin-left: 10px;
}

.searchResults EM  {
    font-size: 8pt;
}

.redBox {
	background-color: #AB0534;
}

.redBox A {
	color: #edddb4 !important;
	text-decoration: none;
}

.redBox A:HOVER {
	text-decoration: underline;
}

A.lightLink {
	color: #edddb4 !important;
	text-decoration: none;
}

A.lightLink:HOVER {
	text-decoration: underline;
}

.footerNews H2.sf_newsTitle {
    font-size: 11pt !important;
    text-align: left;
    text-transform: none !important;
}

.footerNews .sf_newsTitle A {
    color: #fff;
    text-decoration: none;
}

h3.sf_eventTitle {
    font-size:10pt !important; 
}

.sf_eventSummary {
    padding-left: 20px;
}

.sf_eventSummary > SPAN {
	background-color: #EDDDB4 !important;
}

.sf_eventPriod {
	padding-left: 20px !important;
}

.sf_eventLocation {
	padding-left: 20px !important;
}

.sf_newsTitle {
	font-size:11pt !important;
	margin-bottom: -5px !important;
	
	font-family:Trebuchet MS, Arial, sans-serif;
}

.footerNews .sf_readMore {
	margin-top:-10px !important;
	padding-right:50px !important;
}

.footerNews .sf_readMore A {
	font-size:14px !important;
    color:#FFBB11 !important;
    text-decoration:none !important;
    font-family:Trebuchet MS, Arial, sans-serif !important;
}

.footerNews .sf_readMore A:HOVER {
    text-decoration: underline !important;
}

#contentWrapper H1 {
	color: #333333;
	font-size: 24px;
	font-family:Trebuchet MS, Arial, sans-serif;
	text-transform: capitalize;
	margin-bottom: -20px;
}

#contentWrapper A {
	text-decoration: none;
	font-weight:bold;
	color: #006677;
}

#contentWrapper A:HOVER {
	text-decoration: underline;
	font-weight:bold;
	color: #AB0534;
}

#maincol .width580 {
width:580px;
margin-right: 10px;
float:left;

}

#maincol .width100 {
width:100px;

float:left;

}

#maincol .width120a {
width:120px;

float:left;

}

#maincol .width120 {
width:100px;

float:left;

}

#thisWeek {
    font-family:Trebuchet MS, Arial, sans-serif !important;
}

#thisWeek .item {
    padding-left: 0px;
}

#thisWeek .header {
    font-weight: bold;
    font-size: 14px;
    
}

#thisWeek A {
    color: #006677;
    text-decoration: none;
    font-size: 14px !important;
}

#thisWeek A:HOVER {
    color: #ab0534;
    text-decoration: underline;
}

#main {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px !important;
}

#main P {
    padding-top: 10px;
    padding-bottom: 10px;
}

#main H3 {
    font-size: 20px;
    text-transform: capitalize;
}

#main UL {
/*    padding-top: 10px; */

padding-top:10px
}

#maincol .sf_newsList P {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#maincol .sf_newsList .sf_newsAuthor {
  display:inline;
}

#maincol .sf_newsList .sf_postCategory {
  display:inline;
}

#maincol .sf_newsList .sf_postTags {
  display:inline;
}

#maincol .sf_newsList .sf_readMore A {
    display: inline;
    color: #006677 !important;
}

#maincol .sf_newsList .sf_readMore A:HOVER {
    color: #ab0534 !important;
}

#maincol .sf_newsList .sf_newsTitle A {
    color: #ab0534 !important;
    font-weight: bold;
}


#maincol .sf_singleNews H2 {
    margin-bottom: -0px;   
}    

.single {
padding:0px;
margin:0px;
}

.tighter {
    
    line-height: 115% !important;
    margin-bottom: 10px;
}



/*
 * Expandable, a jQuery plugin to dynamically group and hide web content
 * Copyright (C) 2009  Marc Diethelm
 * License: (GPL 3, http://www.gnu.org/licenses/gpl-3.0.txt) see license.txt
 */

/*.ui-expandable {
	border: 1px solid #cccccc;
	border-width: 1px 0;
}*/
.ui-expandable .ui-widget-header {
	overflow: hidden;
	width: 100%;
}
.ui-expandable-icon,
.ui-expandable .ui-expandable-title {
	float: left;
}
.ui-expandable .ui-widget-header .ui-icon {
	height:16px;
	width:16px;
	margin-right: 2px;
}
.ui-expandable .ui-widget-header .ui-icon.icon-closed {
	background-image: url(/sf//sf/images/expandable-closed.png);
}
.ui-expandable .ui-widget-header .ui-icon.icon-open {
	background-image: url(/sf//sf/images/expandable-open.png);
}
.ui-expandable-extraIcon {
	float: right;
}
.ui-expandable .ui-widget-content {
	border-top-width: 0; /* fixes double border when using jQuery UI theme */
}
/* some elements create a gap between content and title (eg. UL) */
/*.ui-expandable .ui-widget-content {
	margin: 0;
	padding: 0;
}*/
/* many such corrections could be made I suppose: */
.ui-expandable .ui-widget-content ul,
.ui-expandable .ui-widget-content ol,
.ui-expandable .ui-widget-content dl {
	padding-left: 15px;
}

.leftborder {
    
    border-bottom: #060 0px solid;
	border-left: #060 2px solid;
	padding-left: 0.5ex;
	
	border-top: #060 0px solid;
	border-right: #060 0px solid;
}

.pt10 {
        font-size:10px;
	}
.pt12 {
        font-size:12px;
	}
	
.addthis_toolbox .custom_images a
{    
	width: 60px;    
	height: 60px;    
	margin: 0;    
	padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}
.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}



