/* cls003.css
ktessier 06/2008 -- ff font fix */


.sfg_cls003 h2, 
.sfg_cls003 h3, 
.sfg_cls003 h4, 
.sfg_cls003 h5,
.sfg_cls003 hr,
.sfg_wea001 ul,
.sfg_wea001 li
{
  margin: 0;
  padding: 0;
}

.sfg_cls003 { font-family: Verdana, sans-serif; }

.sfg_cls003 h4 {
  padding-bottom:0;
  margin:0;
  font-size: .86em;
}

.sfg_cls003 h3
{
  margin:0;
  padding:0;
  padding-bottom: 10px;
}


.sfg_cls003 img 
{ 
  border: 0px;
}


.sfg_cls003 img.thumb
{
	float: left;
	display: inline;
	margin: 2px 10px 5px 0;
    border: 1px solid black;
}

.sfg_cls003 ul{ clear: left; list-style-type: none;  padding:0; margin:0px 0 7px 0;  }

.sfg_cls003 li
{
  padding-left: 9px;
  background: url('http://imgs.sfgate.com/graphics/utils/bullet_square333.gif') 0 6px no-repeat;
  line-height: 16px;
  font-size: .86em;
  font-weight: normal;
  color: #000;
}

.sfg_cls003 p {
  margin-top:0;
  padding-top:0;
  font-size: .78em;
}

.sfg_cls003 p.more {
  float:right;
  display:inline;
}


.sfg_cls003 .ad {
  float:left;
  display:inline;
  padding: 0;
  margin: 10;
  border: 0;
}

.sfg_cls003 .ad h3
{
  padding: 0;
  margin: 0;
}

.sfg_cls003 .ad img
{
  margin-bottom: 3px;
}

.sfg_cls003 .creative 
{
  float:left;
  display:inline;
  background: url('/graphics/contentmodules/cls003/sponsored_by.gif') no-repeat;
  padding-top: 8px;
}

.sfg_cls003 .creative a img
{
    margin: 0 0 7px 0;
    border: 1px solid #ccc;
    clear: both;
}

.sfg_cls003 a:link
{
	text-decoration: none;
	color: #015660;
}

.sfg_cls003 a:visited
{
	text-decoration: none;
	color: #015660;
}

.sfg_cls003 a:hover,
.sfg_cls003 a:active
{
	text-decoration: underline;
	color: #015660;
}

.sfg_cls003 hr { display: none; } /* never visible when css is enabled */
.sfg_cls003 .hr_solid {
 clear: both;
 margin: 0px 0 9px 0;
 height: 1px;
 background: #aaa url('/graphics/bamoms/hr_dotted_bamoms.gif') repeat-x;}

.sfg_cls003 .hr_dotted {
 clear: both;
 margin: 0px 0 9px 0;
 height: 1px;
 background: transparent url('/graphics/bamoms/hr_dotted_bamoms.gif') repeat-x;
}

.sfg_cls003          { background: #ffffff     url('/graphics/bamoms/curvebox_gray1.gif') left  top    no-repeat; }
.sfg_cls003 .corner2 { background: transparent url('/graphics/bamoms/curvebox_gray2.gif') right top    no-repeat; }
.sfg_cls003 .corner3 { background: transparent url('/graphics/bamoms/curvebox_gray3.gif') right bottom no-repeat; }
.sfg_cls003 .corner4 { background: transparent url('/graphics/bamoms/curvebox_gray4.gif') left  bottom no-repeat; padding: 10px 10px 2px 10px; }