#sidemenu {display:none;}
#tools {width:730px;}

#services, #features, #about {
    margin: 0px;
    margin-top: 264px;
    float: left;
    overflow: hidden;
    height: 210px !important;
}

#services {
    width: 264px;
    margin-left: 1px;
    border: 1px solid #c4c472;
}
#features {
    width: 346px;
    margin-left: 5px;
    border: 1px solid #CC6633;
}
#about {
    width:322px;
    margin-left: 5px;
    border: 1px solid #c4c472;
}

.header {width:100%; padding:6px 8px 1px 8px; height:26px;}
.header h2 {color: white !important;}

.green {background:#c4c472;}
.green a, .green a:visited, .green a:hover {color: #fff;}

.orange {background:#CC6633}
.orange a, .orange a:visited, .orange a:hover {color: #fff; }

#spotlight {
	top:0px;
	left:0px;
	border:0px solid white;
	width:618px;
	height:246px;
	background:#dbdbcc;
}	
#spotlight_holder{
	top: 66px;
	left: 1px;
	border: 1px solid white;
	border-left: none;
	width: 621px;
	height: 248px;
	background: #dbdbcc;
}
#spotcopy {
	font: normal 12px Verdana, sans-serif;
	color: black !important;
	line-height: 150%;
	height: 77px;
	overflow: hidden;
}
#spotlight .title a {
	font: normal 18px Georgia, serif;
	color: black !important;
	display: inline-block;
	margin-bottom: 12px;
	border-bottom: 1px dotted #dbdbcc;
}
#spotlight .title a:hover {border-bottom:1px dotted #024379;}
#spotlight img {margin:10px;float:left}
#spotlight #spot {height:136px;	width:300px; overflow:hidden;}
#spotlight h2 {margin:12px 0px 6px 0px;}

#theLibrary img {margin:0px 8px 8px 0px; float:left;}
#theLibrary dl {margin:0px;}
#theLibrary {margin-top:8px; width:285px;}
#theLibrary, #theLibrary p, #theLibrary td, #theLibrary th {font-size:11px;}
#theLibrary #hours2 {width:308px; table-layout:fixed; margin-bottom:10px;}
#theLibrary td, #theLibrary th {
	background: #f8f5e2;
	border: none;
	border-right: 2px solid white;
	height: 16px !important;
	line-height: 140%;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	width: 42px;
}
#theLibrary dd, #theLibrary {line-height:130%;}

#features .more {padding-bottom:30px;}

.more {
	display:inline-block;
	margin:10px;
	border-bottom:1px dotted #fff;
}

#services li, #about li  {
	padding:0px 0px 5px 0px !important;
}

#about {
	background-image:url(../images/bgs/sfpl_historical_photo.jpg);
	background-position:205px 35px;
	background-repeat:no-repeat;
}

#services ul, #about ul {
	padding-top:8px;
	margin-bottom:0px !important;
	padding-bottom:0px;
	padding-left:8px;
	margin-left:0px;
}

#yellow-pages {
	top:67px;
	left:627px;
	border:1px solid #dacfb1;
	width:305px;
	height:228px;
	padding:12px 6px 6px 10px;
}

#yellow-pages select {
	width:230px;
	border:1px solid #e4e4e4;
}

.picks {
	padding: 5px 8px 0 15px;
}
.picks ul {
	margin-left: 0;
	padding: 0;
}
.picks li {
	border-bottom: 1px dashed #D7A841;
	list-style-image: none;
	margin: 0;
	padding: 8px 0 8px 0;
}
.picks li.last {
	border-bottom: none;
}
.picks img {
	vertical-align:middle;
	padding-right:5px;
}