@import url(reset.css);

* {
	color: #747474;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.cleared { clear: both; float: none; }

body { background: #FFF url(/media/images/home/body.bg.short.gif) repeat-y top left; }
#header { display: block; width:970px; height: 80px; clear: both; position: relative; background-color: #FFF; margin-left:5px; }
#header h1 { background: transparent url(/media/images/home/h1.only_in_san_francisco.gif) no-repeat 100% 100%; width: 275px; height: 50px; padding: 0; position: absolute; left: 50px; top: 5px; }
#header h1 a { display: block; height: 50px; }
#header h2 { display: block; padding: 0; background: transparent url(/media/images/home/sf_city_seal.gif) no-repeat 100% 100%; width: 52px; height: 51px; position: absolute; top: 5px; left: 0; }
#header h1 span,#header h2 span { display: none; }
#header ol { display: block; height: 25px; position: absolute; top: 55px; left: 0; width: 760px; }
#header ol li { float: right; }
#header ol li a { display: block; height: 25px; }
#header ol li a span { display: none; }
#header ol li#n1 a { background: transparent url(/media/images/_onlysfnav/n.visitors.gif) no-repeat 100% 100%; width: 50px; }
#header ol li#n2 a { background: transparent url(/media/images/_onlysfnav/n.meeting_planners.gif) no-repeat 100% 100%; width: 102px; }
#header ol li#n3 a { background: transparent url(/media/images/_onlysfnav/n.travel_trade.gif) no-repeat 100% 100%; width: 80px; }
#header ol li#n4 a { background: transparent url(/media/images/_onlysfnav/n.media.gif) no-repeat 100% 100%; width: 48px; }
#header ol li#n5 a { background: transparent url(/media/images/_onlysfnav/n.bureau_members.gif) no-repeat 100% 100%; width: 102px; }
#header ol li#n6 a { background: transparent url(/media/images/_onlysfnav/n.about_the_bureau.gif) no-repeat 100% 100%; width: 103px; }
#header ol li#n7 a { background: transparent url(/media/images/_onlysfnav/n.contact.gif) no-repeat 100% 100%; width: 52px; }

#header form { display: block; height: 25px; position: absolute; top: 27px; left: 524px; width: 235px; }
#header form label { display: block; width: 65px; height: 25px; background: transparent url(/media/images/home/l.search.gif) no-repeat 100% 40%; float: left; margin-left: 23px; }
#header form label span { display: none; }
#header form #g-query { border: 1px solid #9E8D7C; color: #9E8D7C; background-color: #FFF; float: left; }


#body-top { display: block; height: 234px; position: relative; margin-left: 5px; /*background-color: #B2472F;*/ }
#body-top .l { position: absolute; top: 0; left: 0; width: 760px; height: 234px; }
#body-top .r { position: absolute; left: 760px; height: 233px; padding: 0px 0 0px 25px; width: 185px; color: #F2EEE7; background-color: #816945; }
#body-top .r h3 { background: transparent url(/media/images/home/h.event_calendar.gif) no-repeat 0% 0%; padding: 0; display: block; height: 25px; }
#body-top .r h3 a { display: block; height: 25px; }
#body-top .r h3 span { display: none; }
#body-top .r ul { clear: both; float: none; display: block; }
#body-top .r li { float: none; clear: both; width: 190px; margin-bottom: 8px; }
#body-top .r a { color: #F2EEE7; text-decoration: none; }
#body-top .r a strong { color: #F2EEE7; text-decoration: underline; }
#body-top .r li .a { width: 3px; height: 6px; display: block; background: transparent url(/media/images/home/a.F2EEE7.gif) no-repeat 100% 100%; }
#body-top .r li a:hover strong { text-decoration: none; }
#body-top .r p { margin-top: 20px; }
#body-top .r p a { padding-left: 16px; background: transparent url(/media/images/home/bullet1.gif) no-repeat 0% 50%; }
#body-top .r p a:hover { text-decoration: underline; }

#b-wrap { width: 970px; clear: both; float: none; margin-left: 5px; position: relative; }
#b { width: 970px; clear: both; float: none; position: relative; }


#wt { width: 478px; height: 295px; clear: both; float: none; margin-top: 4px; margin-right: 3px; position: relative; background-color: #DDD; font-size: .915em; color: #816945; }

#wt ol { display: block; float: none; clear: both; width: 478px; height: 33px; margin: 0; padding: 0; }
#wt ol li { float: left; display: block; margin: 0; padding: 0; position: relative; }
#wt ol li a { display: block; height: 33px; background-color: transparent; background-image: none; background-position: 0% -33px; background-repeat: no-repeat; float: left; }
#wt ol li a span { display: none; }
#wt ol li#wt1 a { background-image: url(/media/images/home/wt1.gif); width: 121px; }
#wt ol li#wt2 a { background-image: url(/media/images/home/wt2.gif); width: 119px; }
#wt ol li#wt3 a { background-image: url(/media/images/home/wt3.gif); width: 120px; }
#wt ol li#wt4 a { background-image: url(/media/images/home/wt4.gif); width: 118px; }

#wt ol li.out a:hover { background-position: 0 0; }
#wt ol li.selected a { background-position: 0 100%; }
#wt ol li.out a { background-position: 0% -33px; }

#wt .wt-links {
	display: block;
	width: 476px;
	height: 262px;
	border: solid #816945;
	border-width: 0 1px 1px 1px;
	background-color: #EEEAE5;
	position: absolute;
	top: 33px;
	left: 0;
}
#wt .wt-links .wt-top { display: block; float: none; clear: both; height: 75px; }
#wt .wt-links .wt-top p { margin: 0 .75em; color: #816945; }
#wt .wt-links .wt-top .morespace { padding-top: 1em!important;padding-bottom:0!important }
#wt .wt-links .wt-top .caret { background: transparent url(/media/images/home/bullet2.gif) no-repeat 0 50%!important; padding: 0 10px 0 13px;margin-top:-5px; color: #816945; font-weight: bold; float: right; }
#wt .wt-links h5 { display: none; }
#wt .wt-links li { padding: 10px 0 0 12px; margin: 0; float: left; }
#wt .wt-links li a { display: block; width: 131px!important; padding-left: 13px; height: 1.6em; background-color: transparent; background-position: 0 40%; background-repeat: no-repeat; background-image: url(/media/images/home/bullet2.gif)!important; color: #816945; text-decoration: underline; }
#wt .wt-links li a:hover { text-decoration: none; }
#wt .wt-links li a strong { color: #816945; }




#wt .wt-content { border-top: 1px solid #816945; height: 186px; width: 476px; margin: 0; overflow: hidden; position: relative; }
#wt .wt-content form { position: absolute; top: -21px; left: 228px; width: 217px; height: 156px; padding: 15px; }
#wt .wt-content form * { color: #816945; }
#wt .wt-content form legend { font-weight: bold; color: #F55D1A; line-height: 2; }
#wt .wt-content form .row { margin: .75em 0; }
#wt .wt-content form .submit {

/*	margin: 0;
	position: absolute;
	bottom: 5px;
	right: 5px;*/
}

#rotated-content { width: 476px; height: 186px; overflow: hidden; position: relative; background: transparent url(/media/images/home/wtcontent.bg.png) repeat-x 0% 0%; }
#rotated-content .content {height: 186px;clear:both;float:none; position: relative; display: none; z-index: 15;}

#rotated-content #content-1 { background: transparent url(/media/images/home/wtcontent.bg.png) repeat-x 0% 0%; z-index: 999999; }

#rotated-content #rcSlides { width: 476px; height: 186px; }
#rotated-content #paginate-rcSlides { display: none; position: absolute; bottom: 0; left: 239px; height: 1.8em; padding: 0; z-index: 9999; }
#rotated-content #paginate-rcSlides a {display:none;}
#rotated-content .content .txt .nextslide { position: absolute; bottom: 0; left: 10px; height: 1.8em; padding: 0; z-index: 9999; }
#rotated-content .content .txt .nextslide a { display: inline; text-decoration: none; font-weight: bold; }
#rotated-content .content .txt .nextslide a span { line-height: 1.8em; padding: .2em 0; text-decoration: underline; color: #816945; background-color: transparent; }
#rotated-content .content .txt .nextslide a:hover span { text-decoration: none; }

#rotated-content .content #esfnb { display: block; width: 229px; height: 42px; padding: 0; text-align: center; background: transparent url(/media/images/home/h.explore_sf_neighborhoods.gif) no-repeat 0% 0%; }
#rotated-content .content #esfnb span { display: none; }

#rotated-content .content .img { position: absolute; width: 229px; height: 186px; top: 0; left: 0; }
#rotated-content .content .txt { position: absolute; top: 0; left: 229px; width: 227px; height: 171px; padding: 5px 10px 10px 10px; overflow: hidden; }
#rotated-content .content .txt p,
#rotated-content .content .txt a, 
#rotated-content .content .txt strong { color: #816945; }
#rotated-content .content a { text-decoration: underline; }
#rotated-content .content a:hover { text-decoration: none; }
#rotated-content #content-1 .txt a { text-decoration: none; }
#rotated-content #content-1 .txt a span { text-decoration: underline; color: #816945; }
#rotated-content #content-1 .txt a:hover span { text-decoration: none; color: #816945; }

/* SF Neighborhoods Tabs' front page */
#rotated-content #content-1 #sf-front { width: 476px; height: 186px; background: transparent url(media/images/home/sf.map.gif) no-repeat top left; }
#rotated-content #content-1 #sf-front h4 { display: block; padding: 0; background: transparent url(/media/images/home/explore_sf_neighborhoods.gif) no-repeat 100% 100%; height: 30px; }
#rotated-content #content-1 #sf-front p { margin-left: 265px; font-size: 12px; }
#rotated-content #content-1 #sf-front ol { margin-left: 265px; }
#rotated-content #content-1 #sf-front li { float: none; clear: both; padding: 0; }
#rotated-content #content-1 #sf-front li a { display: block; background-color: transparent; background-repeat: no-repeat; background-position: 100% 100%; width: 140px; margin-left: 25px; }
#rotated-content #content-1 #sf-front li#at-a-glance a { background-image: url(/media/images/home/sf.neighborhoods.gif)!important; height: 44px; margin-top: 10px; }

#rotated-content #content-1 #sf-front li#sf-beyond a { background-image: url(/media/images/home/sf.beyond.gif)!important; height: 15px; margin-top: 15px; }
#rotated-content #content-1 #sf-front li a span { display: none; }
#intro-txt {
	width: 740px;
	clear: both;
	float: none;
	font-size: .915em;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#intro-txt h5 { color: #F55D1A; }


.contentsmaller{font-size:7pt; color:#666666;font-family:verdana}









.t-box { height: 115px; border: 1px solid #9E8D7C; float: left; margin: 5px 3px 5px 0; position: relative; padding-top: 26px; }

.t-box-events { height: 115px; border: 1px solid #9E8D7C; float: left; margin: 5px 3px 5px 0; position: relative; padding-top: 26px; }

.t-box h3 {
	padding: 0;
	background-color: #EFECE7;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	height: 22px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
}
.t-box h3 span { display: none; }
#box-featured-partners { width: 197px; }
#box-featured-partners h3 { background-image: url(media/images/home/h.featured_partners.gif); width: 193px;  }
#box-essential-toolkit { width: 274px; }
#box-essential-toolkit h3 { background-image: url(media/images/home/h.essential_toolkit.gif); width: 270px; }
#box-essential-toolkit ol { float: none; clear: both; display: block; width: 268px; margin: 0 auto; }
#box-essential-toolkit li { float: left; padding: 0; }
#box-essential-toolkit li a { display: block; height: 57px; background-color: transparent; background-position: 100% 100%; background-repeat: no-repeat; }
#box-essential-toolkit li a span { display: none; }
#box-essential-toolkit #t1 a { background-image: url(/media/images/home/t1.visitor_info_center.gif); width: 96px; }
#box-essential-toolkit #t2 a { background-image: url(/media/images/home/t2.maps.gif); width: 70px; }
#box-essential-toolkit #t3 a { background-image: url(/media/images/home/t3.transportation.gif); width: 102px; }
#box-essential-toolkit #t4 a { background-image: url(/media/images/home/t6.virtual_visitor_guide.gif); width: 102px; }
#box-essential-toolkit #t5 a { background-image: url(/media/images/home/t5.free_visitor_kit.gif); width: 70px; }
#box-essential-toolkit #t6 a { background-image: url(/media/images/home/t6.videos.gif); width: 89px; }
#box-free-newsletter { width: 272px; }
#box-free-newsletter h3 { background-image: url(media/images/home/h.free_newsletter.gif); width: 269px;}
#box-free-newsletter form { margin: 0px 15px 25px;display: block; }



/*Featured Events box*/
#featuredeventsbox {
	position:absolute;
	left:485px;
	top:809px;
	width:267px;
	height:248px;
	z-index:1;
}
#featuredeventshead {
	position:absolute;
	left:488px;
	top:813px;
	width:269px;
	height:22px;
	z-index:2;
	background-color: #EFECE7;
	background-repeat: no-repeat;
	background-image: url(media/images/home/featured_events.gif);
	background-position: 10px 50%;
}
#featuredevent1copy {
	position:absolute;
	left:392px;
	top:933px;
	width:92px;
	height:69px;
	z-index:3;
}
#featuredevent1image {
	position:absolute;
	left:490px;
	top:935px;
	width:73px;
	height:77px;
	z-index:4;
}
#featuredevent2copy {
	position:absolute;
	left:583px;
	top:947px;
	width:179px;
	height:83px;
	z-index:5;
}
#featuredevent2image {
	position:absolute;
	left:498px;
	top:851px;
	width:75px;
	height:77px;
	z-index:6;
}
#featuredevent3copy {
	position:absolute;
	left:394px;
	top:1056px;
	width:92px;
	height:69px;
	z-index:7;
}
#featuredevent3image {
	position:absolute;
	left:493px;
	top:1054px;
	width:73px;
	height:77px;
	z-index:8;
}
#featuredevent4copy {
	position:absolute;
	left:579px;
	top:847px;
	width:179px;
	height:82px;
	z-index:9;
}
#featuredevent4image {
	position:absolute;
	left:500px;
	top:950px;
	width:73px;
	height:77px;
	z-index:10;
}
#weather {
	position:absolute;
	left:793px;
	top:1px;
	width:158px;
	height:34px;
	z-index:11;
}






#online-reservations { position: absolute; top: 9px; left: 485px; background: transparent url(/media/images/home/h.online_reservations.gif) no-repeat 50% 4px; padding-top: 24px; width: 273px; }


#advertisements-horizantal { clear: both; float: none; }
#advertisements-horizantal #ad, #advertisements-horizantal #our-partners {
	float: left;
	padding: 5px 10px;
	display: block;
	width: 360px;
	margin-left: 30px;
}
#advertisements-horizantal #our-partners { padding-top: 2px; }
#advertisements-horizantal #our-partners h3 { display: block; background: transparent url(/media/images/home/h.our_partners.gif) no-repeat 0 0; height: 25px; padding: 0; }
#advertisements-horizantal #our-partners h3 span { display: none; }


#right-column {
	position: absolute;
	left: 764px;
	width: 185px;
	top: 5px;
}
#right-column #special-offer { padding-top: 40px; position: relative; }
#right-column .h { height: 33px; border-bottom: 1px solid #FFF; position: absolute; top: 0; left: 0; display: block; width: 100%; }
#right-column .h h3 { background-color: transparent; background-position: 20px 20px; background-repeat: no-repeat; height: 32px; border-bottom: 1px solid #B7A994; padding: 0; display: block; }
#right-column .h h3 span { display: none; }
#right-column #special-offer .h h3 { background-image: url(/media/images/home/sf_after_dark_head.gif); }*/
#right-column #special-promotion { padding-top: 40px; position: relative; }
#right-column #special-promotion .h h3 { background-image: url(/media/images/home/3-for2head.gif); }
#right-column #advertisements-vertical .h h3 { background-image: url(/media/images/home/h.advertisers.gif); }
#right-column #advertisements-vertical {
	position: relative;
	top: 0;
	padding-bottom: 100px;
	padding-top: 40px;
}
#right-column .ad { margin: 10px auto; text-align: center; }
#right-column .ad img { border: 1px solid #B7A994; }


#footer { clear: both; float: none; position: relative;  padding-top: 2px; margin: 5px; width: 755px; height: 100px; }
#footer h3 { display: block; padding: 0; background: transparent url(/media/images/home/logo.sfcvb.gif) no-repeat 100% 100%; width: 144px; height: 51px; position: absolute; top: 266px; left: 2px; }
#footer h3 a { display: block; width: 144px; height: 51px; }
#footer h3 span { display: none; }
#footer ul {
	position: absolute;
	left: 154px;
	top: 273px;
	display: block;
	width: 637px;
}
#footer li { float: left; margin: 0; padding: 0 13px; line-height: 51px; background: transparent url(/media/images/home/fdivider.gif) no-repeat 100% 50%; }
#footer li a { color: #747474; background: transparent none; text-decoration: none; padding: 0; }
#footer li a:hover { color: #39515F; text-decoration: underline; }
#footer li.last {	background-image: none;}
#footer h4 { display: block; padding: 0; background: transparent url(/media/images/home/sf_city_seal.gif) no-repeat 100% 100%; width: 52px; height: 51px; position: absolute; left: 697px; top: 22px; }
#footer h4 span { display: none; }




.content{font-size:8pt; color:#666666;font-family:verdana}
.contentlinklarger{font-size:10pt; color:#816945;font-family:verdana}
.introtext{font-size:12px; color:#816945;font-family:verdana}
.introtitle{color:#F55D1A; font-weight:bold;font-size:11pt;}
table.content{font-size:8pt;}
.contentText{font-size:8pt;}
.brn_contenttext{font-family:verdana;font-size:8pt;color:#816945}
.brn_contenttext_calendar{font-family:verdana;font-size:7pt;color:#816945}
.orng_contenttext {font-family:verdana;font-size:8pt;color:#F55D1A;}
.small {font-size:9pt;}

.brn_contenttext{font-family:verdana;font-size:8pt;color:#816945}
A.contentlink {color:#816945;font-size:8pt;}

A.topnav {color:#cc3333}
A.footernav {color:#cc3333}
A.sidenav {color:#cc3333}
A.footer {color:#816945;}
A.itin {color:#F55D1A; font-weight:bold;}
A.contentlink {color:#816945;font-size:8pt;}
A.grcontentlink {font-family:verdana; color:#747474; font-size:8pt;}
A.catlink {color:#666666}
A.dirlink{color:#666666;}
A.whitelink{color:#ffffff;}
A.weeklink {color:#4785CF; font-size:8pt;}
A.bluelink {color:#4785CF; font-size:8pt;}

A:link {text-decoration:none;}
A:visited {text-decoration:none;} 
A:active {text-decoration:none;} 
A:hover {text-decoration:underline;}	

A:link.contentlink {text-decoration:underline;}
A:visited.contentlink {text-decoration:underline;} 
A:active.contentlink {text-decoration:underline;} 
A:hover.contentlink {text-decoration:underline;color:#f55d1a;}

A:link.grcontentlink {text-decoration:none;}
A:visited.grcontentlink {text-decoration:none;} 
A:active.grcontentlink {text-decoration:none;} 
A:hover.grcontentlink {text-decoration:underline;}

A.itinlinks{color:#666666;font-weight:bold;}
A:link.itinlinks {text-decoration:underline;}
A:visited.itinlinks {text-decoration:underline;} 
A:active.itinlinks {text-decoration:underline;} 
A:hover.itinlinks {text-decoration:underline;color:#f55d1a;}

A:link.dirlink {text-decoration:none;}
A:visited.dirlink {text-decoration:none;} 
A:active.dirlink {text-decoration:none;} 
A:hover.dirlink {text-decoration:underline;}

A.subnav {color:#816945;font-size:7pt;}
A.subnav_on {color:#f55d1a;font-size:7pt;text-decoration:none;}

A:link.subnav {text-decoration:underline;}
A:visited.subnav {text-decoration:underline;color:#816945;} 
A:active.subnav {text-decoration:underline;} 
A:hover.subnav {text-decoration:underline;color:#f55d1a;}	

A:link.subnav_on {text-decoration:none;color:#f55d1a;}
A:visited.subnav_on {text-decoration:none;color:#f55d1a;} 
A:active.subnav_on {text-decoration:none;color:#f55d1a;} 
A:hover.subnav_on {text-decoration:none;color:#f55d1a;}	

A:link.btn {text-decoration:none;color:#f55d1a;}
A:visited.btn {text-decoration:none;color:#f55d1a;} 
A:active.btn {text-decoration:none;color:#f55d1a;} 
A:hover.btn {text-decoration:none;color:#f55d1a;}	


.keyline_itin{border: 1px solid #C7B299; padding: 3px 3px 3px 3px; background-color:#ffffff;}
.keyline{border: 1px solid #C7B299; padding: 3px 3px 3px 3px;}
.keylinepartners{border: 1px solid #C7B299; padding: 3px 3px 3px 3px;border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; margin-bottom: 0px; margin-top:10px;width: 558px}
.keyline5 {border: 1px solid #C7B299;padding: 3px 3px 3px 3px;}
.keylinetext{font-family:Verdana;font-size:8pt;color:#816945;}
.keylineshade{background-color:#F7F2EC; padding:10px 10px 10px 10px;}
.keylineshadereg{background-color:#F7F2EC;}
.keylinehead{background-color:#C7B299;color:#ffffff;font-family:Verdana;font-size:8pt;padding: 5pt 5pt 5pt 5pt;font-weight:bold;}
.keylinethicker {border: 4px solid #C7B299;}
.grkeylinehead{background-color:#7A8CA2;color:#ffffff;font-family:Verdana;font-size:8pt;padding: 2pt 2pt 2pt 2pt;font-weight:bold;}
.orng_contenttext {font-family:verdana;font-size:8pt;color:#F55D1A;}