@charset "utf-8";
h1 {
	font-size: 14pt;
	margin: 0;
	padding: 0;
	text-decoration:inherit
}
h2 {
	font-size: 13pt;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a:active {
	text-decoration: none;
	color: #990000;
}	
a:link {
	text-decoration: none;
	color: #990000;
}
a:visited {
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: underline;
	color: #996666;
}
.style7 {
	font-size: 10px;
	color: #990000;
}.style8 {
	font-size: 12px;
	font-weight: bold;
}
.style9 {
	font-size: x-small;
	}
.style9a {
	font-size: 12px;
	font-weight: bold;
}	
.style9b {
	font-size: 8px;
	font-weight: bold;
}
.style10 {color: #FFFFFF;
	font-size: 13px;
}
.style12 {
	font-size: 14px
}

.style15 {font-size: 14px}
.style18 {font-size: 12px}
.style18a {font-size: 12px;
	color: #999999;}
.style19 {font-size: 13px}
.style20 {font-size: 11px}
.style22 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	}
.style23 {
	font-size: 16px;
		font-weight: bold;
}
.style24 {
	font-size: 12px;
}
.style25 {
	font-size: 14px;
    font-weight: bold;
}
.style27 {
	font-size: 12px;
	color: #FFFFFF;
		font-weight: bold;
		}
.style28 {font-size: 10px}
.style29 {font-size: 8px}
.style30 {font-size: 11px}
.style31 {
	font-size: 9px;
	color: #996666;
	}
.style31a {
	font-size: 10px;
	color: #996666;
	}
.style32 {
	font-size: 11px;
	color: #ffffff;}
.style33 {font-size: 11px;
	font-weight:bold;
	}
.style34 {font-size: 11px;
		font-style:italic;
}

.style35 {font-size: 9px;
}
.hr1 {margin: 0;
	padding: 0;
	height: 1px;
}

body  {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(/images/bg17.jpg);
} 

.twoColFixRtHdr #precontainer {
	width: 888px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top: 3px;
}
.twoColFixRtHdr #container {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;

}

.twoColFixRtHdr #colhead1 {
	height:20px;
	margin-bottom: 7px;
	background-image: url(/images/freshdaily.gif);
	background-repeat:no-repeat;
}

.twoColFixRtHdr #colhead2 {
	height:20px;
	margin-bottom: 1px;
	background-image: url(/images/topstories.gif);
	background-repeat:no-repeat;
}
.twoColFixRtHdr #colhead3 {
	height:20px;
	margin-bottom: 3px;
	background-image: url(/images/insideasf.gif);
	background-repeat:no-repeat;
}
.twoColFixRtHdr #colhead5 {
	height:20px;
	margin-bottom: 3px;
	background-image: url(/images/sfartguide.gif);
	background-repeat:no-repeat;
}
.twoColFixRtHdr #colhead6 {
	height:20px;
	margin-bottom: 3px;
	background-image: url(/images/featuredsf.gif);
	background-repeat:no-repeat;
}
.twoColFixRtHdr #header {
	padding: 0;
} 
.twoColFixRtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}
.twoColFixRtHdr #sidebar2 {
	clear:both;
	float: right;
	width: 229px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 5px 0 5px;
	background-color:#FFFFFF;
}
.twoColFixRtHdr #sidebar1 {
	clear:both;
	float: right;
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 2000px;
	padding: 5px 5px 0 5px;
	background-color:#FFFFFF;
	border-left-color: #999999;
	border-left-style: dotted;
	border-left-width:1px;
} 

.twoColFixRtHdr #mainContent {
	clear:left;
	margin: 0 241px 0 0;
	padding: 8px 0 0 15px; 
	text-align: left;
}
.twoColFixRtHdr #mainContent2 {
	clear:left;
	margin: 0 240px 0 0;
	padding: 8px 0 0 15px; 
	text-align: left;
	border-right-color:#999999;
	border-right-style: dotted;
	border-right-width:1px;
}
.twoColFixRtHdr #mainContent_template_public {
	clear:left;
	margin: 0 241px 0 0;
	padding: 8px 0 0 22px;
	text-align: left;
	}
.twoColFixRtHdr #footer {
	padding: 0;
	margin: 0 auto;
	width: 910px;
	border-top-color: #CCCCCC;
	border-top-style: dotted;
	border-top-width:1px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.ballin{
padding: 2px;
height: 20px;
}

.floatleft {
float: left; 
padding: 2px 8px 5px 0px;
}

.floatright {
float: right; 
padding: 2px 0px 5px 8px;
}

.floatpadding {
padding: 0px 25px 0px 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


  #nav {
	float:left;
	height:28px;
	padding:18px;
	margin: 0;
	background-color:#FFFFFF;
	clear:both;
	  
} 
  #nav2 {
  	float:right;
	height:28px;
	padding:18px;
	margin: 0;
	background-color:#FFFFFF;

	}
#tabs {
	float:left;
	width: 602px;
	background-color:#999999;
	font-size:93%;
	height:29px;
	margin: 0;
	padding:0;
      }
    #tabs ul {
	margin:0;
	padding:5px 0 0 21px;
	list-style:none;
      }
    #tabs li {
	display:inline;
	margin:0;
	padding:0;
	
      }
    #tabs a {
      float:left;
      background:url("/images/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("/images/tabright3.png") no-repeat right top;
      padding:5px 12px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
	color:#990000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

 #tabs a#activetab span
{
	background-position:100% -42px;
	color: #990000;
}
#tabs a:link#activetab, #tabs a:visited#activetab, #tabs a:hover
{ background-position: 0% -42px; }

  #tabs2 {
	float:left;
	width: 68px;
	font-size:93%;
	height:29px;
	background-color:#999999;
	margin: 0;
	padding:0;

      }
    #tabs2 ul {
	margin:0;
	padding:5px 0px 0 2px;
	list-style:none;
      }
    #tabs2 li {
	display:inline;
	margin:0;
	padding:0;
      }
    #tabs2 a {
	float:left;
	background:url("/images/tableft.gif") no-repeat left top;
	margin: 0;
	padding:0 0 0 4px;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("/images/tabright.gif") no-repeat right top;
      padding:5px 12px 2px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
	color:#990000;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

 #tabs2 a#activetab span
{
	background-position: 100% -42px;
	color: #990000;
}
#tabs2 a:link#activetab, #tabs a:visited#activetab, #tabs a:hover
{ background-position: 0% -42px; }

  #tabs3 {
  float:left;
	width: 239px;
	font-size:93%;
	height:29px;
	background-color:#FFFFFF;
	margin: 0;
	padding:0;

      }
    #tabs3 ul {
	margin:0;
	padding:5px 0px 0 0px;
	list-style:none;
      }
    #tabs3 li {
	display:inline;
	margin:0;
	padding:0;
      }
    #tabs3 a {
	float:left;
	background:url("/images/tableft.gif") no-repeat left top;
	margin: 0;
	padding:0 0 0 4px;
	text-decoration:none;
      }
    #tabs3 a span {
      float:left;
      display:block;
      background:url("/images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
	color:#990000;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }

 #tabs3 a#activetab span
{
	background-position: 100% -42px;
	color: #990000;
}
#tabs3 a:link#activetab, #tabs a:visited#activetab, #tabs a:hover
{ background-position: 0% -42px; }


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
background: transparent url(images/img.png) no-repeat bottom right} 

.cssbox{ 
/* intended total box width - padding-right(next) */ width:325px !important; /* IE Win = width - padding */ width: 310px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ 
.cssbox_head h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body{
	background-position:bottom left;
	margin-right:15px; /* interior-padding right */
	padding:2px 0 15px 18px
} /* mirror .cssbox_head right/left */

.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2{ 
background: transparent url(images/img2.png) no-repeat bottom right} 
.cssbox2{ 
/* intended total box width - padding-right(next) */ width:325px !important; /* IE Win = width - padding */ width: 310px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head2{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ 
.cssbox_head2 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body2{
	background-position:bottom left;
	margin-right:25px; /* interior-padding right */
	padding:2px 0 15px 10px
} /* mirror .cssbox_head right/left */

.cssbox3, .cssbox_body3, .cssbox_head3, .cssbox_head3 h2{ 
background: transparent url(images/img8.png) no-repeat bottom right} 
.cssbox3{ 
/* intended total box width - padding-right(next) */ width:200px !important; /* IE Win = width - padding */ width: 205px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head3{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:50px} /* set the top-left image */ 
.cssbox_head3 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body3{
	background-position:bottom left;
	margin-right:10px; /* interior-padding right */
	padding:2px 0 15px 10px
} /* mirror .cssbox_head right/left */
.cssbox5, .cssbox_body5, .cssbox_head5, .cssbox_head5 h2{ 
background: transparent url(images/img4.png) no-repeat bottom right} 
.cssbox5{ 
/* intended total box width - padding-right(next) */ width:325px !important; /* IE Win = width - padding */ width: 310px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head5{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ 
.cssbox_head5 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body5{
	background-position:bottom left;
	margin-right:25px; /* interior-padding right */
	padding:2px 0 15px 10px
} /* mirror .cssbox_head right/left */
.cssbox6, .cssbox_body6, .cssbox_head6, .cssbox_head6 h2{ 
background: transparent url(images/img8.png) no-repeat bottom right} 
.cssbox6{
	/* intended total box width - padding-right(next) */ width:170px !important; /* IE Win = width - padding */
	width: 150px; /* the gap on the right edge of the image (not content padding) */
	padding-right:15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} /* set the top-right image */ 
.cssbox_head6{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:60px} /* set the top-left image */ 
.cssbox_head6 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body6{
	background-position:bottom left;
	margin-right:15px; /* interior-padding right */
	padding:2px 0 15px 15px
} /* mirror .cssbox_head right/left */
.cssbox7, .cssbox_body7, .cssbox_head7, .cssbox_head7 h2{ 
background: transparent url(images/img6.png) no-repeat bottom right} 
.cssbox7{ 
/* intended total box width - padding-right(next) */ width:200px !important; /* IE Win = width - padding */ width: 205px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head7{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:50px} /* set the top-left image */ 
.cssbox_head7 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body7{
	background-position:bottom left;
	margin-right:5px; /* interior-padding right */
	padding:2px 0 15px 8px
} /* mirror .cssbox_head right/left */

.cssbox8, .cssbox_body8, .cssbox_head8, .cssbox_head8 h2{ 
background: transparent url(images/img7.png) no-repeat bottom right} 

.cssbox8{ 
/* intended total box width - padding-right(next) */ width:325px !important; /* IE Win = width - padding */ width: 310px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ 
.cssbox_head8{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ 
.cssbox_head8 h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:3px 0 10px 10px;
	height:auto !important;
	height:1%
} /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body8{
	background-position:bottom left;
	margin-right:10px; /* interior-padding right */
	padding:2px 0 15px 18px
} /* mirror .cssbox_head right/left */

div.response_error {

    background-color: #ffeaea; 
	margin-bottom:5px;
    border-width: 1px; 
    border-color: #e82a2a;
    border-style: solid; 
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 4px;
}



div.response_success {
    background-color: #eaffea; 
	margin-bottom:5px;
    border-width: 1px; 
    border-color: #4dda2c;
    border-style: solid; 
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 4px;}

.remote_link {
font-weight : bold;
} 
/*begin listings tabs*/
ul.shadetabs{padding: 3px 0; 
margin-left: 0; 
margin-top: 1px; 
margin-bottom: 0; 
font-size: 10px; 
list-style-type: none;
text-align: left;
}
ul.shadetabs li{display: inline; margin: 0;}

ul.shadetabs li a{text-decoration: none; margin-right: 1px;
  border: 1px solid #999999; 
 color: #000000; background: url('http://www.authentic-sf.com/sanfrancisco/template/Ice_Blue/images/shade.gif') repeat-x top left;; padding-left:7px;
  padding-right:8px; 
  padding-top:3px; 
  padding-bottom:3px}

ul.shadetabs li a:visited{color: #2d2b2b;}

ul.shadetabs li a:hover{text-decoration: underline; 
color: #990000;}

ul.shadetabs li.selected{position: relative; top: 1px;}

ul.shadetabs li.selected a{ /*selected main tab style */

background-image: url('http://www.authentic-sf.com/sanfrancisco/template/Ice_Blue/images/shadeactive.gif'); border-bottom-color: white}

ul.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;}

.contentstyle{border: 1px solid #999999; width: 560px; margin-bottom: 1em; padding: 22px; background-color:#FFFFFF}

p.translation {margin-top: 10px;}

ul.shadetabs li {margin: 0; padding: 0; background: none;}

ul.address li a, ul.shadetabs li a {text-decoration: none;}

td.tab_menu_border { border-bottom : 1px solid #000000; 
border-left : 1px solid #000000; 
border-right : 1px solid #000000; 
border-top : 1px solid #000000;}
/*end listings tabs*/
.contentstyle2{
	width: 100%; 
	padding: 5px;
}

.listingcontent{
	width: 360px; 

}