﻿.sf-content-bg { padding-top: 169px; width: 100%; background: #340c2d url(../images/superbg_sanfran.jpg) no-repeat center top; }

.sf-content-image {background: #fff url(../images/feature_sf.jpg) no-repeat right top;}

.sf-contentheader {background: url(../images/hdr_sf.jpg) no-repeat left top; display: none; }

.sf-contentheader h1
{
    display:none;
}

/*#contentnav ul.sf-nav {background: transparent url(../images/sf_nav_bg.gif) repeat-x;}*/
#contentnav ul.sf-nav { background: transparent url(../images/nav_bg_sanfran.jpg) repeat-x; width: 100%; }

#contentnav ul.sf-nav a {color: #fff;}

div#contentnav ul.sf-nav a:hover {color : #fff; }

.sf-content-image #contentnav ul.CurrentEvents li.one a { color: #fff; background: transparent url(../images/arrow_sanfran.png) no-repeat bottom center;}
.sf-content-image #contentnav ul.UpcomingEvents li.two a { color: #fff; background: transparent url(../images/arrow_sanfran.png) no-repeat bottom center;}
.sf-content-image #contentnav ul.sfCalendar li.three a { color: #fff; background: transparent url(../images/arrow_sanfran.png) no-repeat bottom center;}
.sf-content-image #contentnav ul.PastEvents li.four a { color: #fff; background: transparent url(../images/arrow_sanfran.png) no-repeat bottom center;}
/*.sf-content-image #contentnav ul.photo li.three a { color: #fff; background: transparent url(../images/sf_arrow.gif) no-repeat bottom center;}*/

#CMScontent.sfCMS {
	float:left;
	min-height:700px;
	_height:700px;
}

.sfCMS {
	color: #000;
	width: 540px;
}

#CMScontent.sfCMS a:visited 
{
    color: #FF0000;
}

.sfCMS h1 
{
    font-family:Arial;
    font-size: 23px;
    color: #ff0000;
    line-height:normal;
    padding-bottom:20px;
}

.sf-content-image #promoswrapper ul { display: block; /*background-color: #ebebeb;*/ }

.sf-Title
{
    font-size: 24px;
    color: #7c366b;
}

.sf-SubTitle
{
    font-size: 18px;
    font-weight:bold;
    text-transform:uppercase;
    color: #ffa800;
}

.sf-Legal
{
    font-size: 9px;   
}

div#contestTitle {
	color:#cc0000;
}

div#contest 
{
	border-bottom: none;
}

.sf-Prize li
{
	margin-left:15px;
	font-family:Arial;
	font-size: 14px;
	color:#cc0000;
}

.sf-block-left	/*		SF ONLY	*/
{
	float:left;
}

.sf-block-right	/*		SF ONLY	*/
{
	margin-left: 180px;
	/*float:left;*/
}

.sf-event-description /*		SF ONLY	*/
{
	margin-bottom:20px;
}

/* Section
--------------------------------------------------*/
/*#sfEventTitle:first-child { padding-top: 0px; border-top: 1px solid #fff; }*/
span.listFloater2 div:first-child div div.section { border-top: none; padding-top: 0px; }
.section.a8589934920 {min-height:300px;}
.section.noTopBorder { padding-top: 0; border-top: none; }
.section { padding-top: 30px; border-top: 1px solid #ccc; min-height: 225px; /* <-- Un-commented this to fix a wrapping issue on SF page. */ }
.section.noTopBorder { _padding-top: 0; _border-top: none; }
.section .left-col { float: left; }
.section .right-col { margin-left: 180px; }
.section.a8589934921 .right-col { margin-left: 0; }
.section .right-col h2,
.section .right-col h3,
.section h2 { margin: 0; padding: 0; }
.section .right-col h2,
.section h2 { font: normal 22px Arial,Helvetica; color: #7c366b }
.section .right-col h3 { font: bold 14px Arial,Helvetica; text-transform: uppercase; color: #ffa800 }
.section .right-col p { margin: 0; padding: 0; }
.section .right-col p.desc { margin: 5px 0 0; font: normal 12px/16px Arial,Helvetica; color: #000; }
.section .right-col p.desc2 { margin: 15px 0 0; font: normal 12px/16px Arial,Helvetica; color: #000; }
.section .right-col p.btn-event,
.section .right-col p.btn-learn-more { margin: 0; padding: 0; }
.section .right-col p.btn-event { font: 12px Arial,Helvetica; }
.section .right-col p.btn-event a:link,
.section .right-col p.btn-event a:visited { color: #cc0000; text-decoration: underline; }
.section .right-col p.btn-event a:hover { text-decoration: none; }
.section .right-col p.btn-learn-more { margin: 20px 0 30px 0; }
.section .right-col p.btn-learn-more a img { border: none; }
.section .lucky-buck-front { margin-bottom: 10px; }
.section .lucky-buck-back { margin-bottom: 20px; }

/* Calendar Promo Pods
--------------------------------------------------*/
div#promoswrapper.sf-promos {
	background-color: transparent;
	display: inline-block;
	float: right;
	height: auto;
	margin: -675px 40px 0 0;
	*margin: -690px 40px 0 0;
	_margin: -690px 20px 0 0;
	padding: 0 0 20px;
}

/* Index Promo Pods
--------------------------------------------------*/
div#promoswrapper.sf-promos-home {
	background-color: transparent;
	display: inline-block;
	float: right;
	height: auto;
	margin: 25px 0px 0 30px;
	*margin: 25px 0px 10px 0; /*IE7*/
	_margin: 0; /*IE6*/
	_position: absolute; /*IE6*/
	_top: 0px; /*IE6*/
	_padding-top: 0px; /*IE6*/
	padding: 0 0 20px;
}

/* San Fran Events Menu
--------------------------------------------------*/
#sf-events { margin: 37px 0px 0 0; _margin: 37px 0px 0 0; width: 300px; float: right; }
#sf-events h2 { color: #7C366B; font: 18px Arial,Helvetica; }
#sf-events ul.event-month,
#sf-events ul.event-month-day { list-style-type: none; }
#sf-events ul.event-month { margin-top: 5px; }
#sf-events ul.event-month-day { margin-left: 12px; }
#sf-events ul.event-month a { padding-left: 15px; background: url(../images/collapse-expand-arrows.gif) no-repeat 0 0; }
#sf-events ul.event-month a:active { background: url(../images/collapse-expand-arrows.gif) no-repeat 0 -12px; }
#sf-events ul.event-month a:link,
#sf-events ul.event-month a:visited { font: bold 12px/20px Arial,Helvetica; color: #cc0000; text-decoration: none; }
/*#sf-events ul.event-month a:focus { background: url(../images/collapse-expand-arrows.gif) no-repeat 0 -12px; }*/
#sf-events ul.event-month ul.event-month-day a { background: url(../images/collapse-expand-arrows.gif) no-repeat 0 0; }
#sf-events ul.event-month ul.event-month-day a:active { background: url(../images/collapse-expand-arrows.gif) no-repeat 0 0; }
#sf-events ul.event-month ul.event-month-day a:link,
#sf-events ul.event-month ul.event-month-day a:vistited { font: normal 12px/20px Arial,Helvetica; color: #cc0000; text-decoration: none; }

.city-event-list { margin-bottom:15px; }
.city-event-list select{ width:200px; }
.city-event-month-title{ color:#AE8750; font-weight:bold; }