form, #tools {display:none;}

dl.bullets dd {margin-left:5px;
	color:#494949;
	margin-bottom:5px;}

#easel {

	display:none;
}

#frame {
	width:599px;
	height:399px;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #999;
	display:none;
}

#canvas {
	
	width:610px;
	height:410px;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	display:block;
	z-index:3001;
	display:none;
	background:url(../images/bgs/dialog.png) top left no-repeat;
}

#reservation {
	width:500px;
	border:0px solid red;
	margin-left:50px;
	margin-top:10px;
}

.problem {
	background:#fff;
	}

.normal {
	background:#fff;
	}


#reservation input, #reservation textarea {
	width:280px !important;
	margin-right:0px;
	margin-bottom:8px;
	font:normal 11px Verdana;
	border:1px solid #999;
	padding:2px;
}

#reservation label {
	width:140px !important;
	text-align:right;
	margin-right:5px;
	display:block;
	padding-top:3px;
	border:0px solid red;
	float:none;
}

#the-Options select, #reservation select {
	border:1px solid #999 !important;
	background-image:none;
	padding:0px !important;
	margin-bottom:8px;
	height:22px !important;
	font:normal 11px Verdana;
	width:95px !important;
	}



#allthumbs {
	position:absolute;
	top:30px;
	left:705px;
	border:1px solid #eae7d4}
	
#survey {display:none;}
	
#hm #survey {display:none;}
	
#allthumbs caption {color:#2c689e}

#allthumbs td {
	width:96px;
	text-align:center;
	color:#6d6b6c;
	font-size:14px}

#page #allthumbs td a:hover {border:none !important}

.prev {padding-left:14px;padding-right:2px}
.next {padding-right:14px;padding-left:2px}
.prev, .next {padding-top:4px}

#contacts {margin-top:5px}

#contacts td {
	width:72px;
	height:72px;
	background-position:top center;
	background-color:#a45d33}
	
#contacts td a {display:block;height:72px;width:72px}
#contacts td a:hover {border:none}

#dbfilters td {vertical-align:top}

#dbfilters label {clear:both;display:block;}

label {font-weight:bold;color:#747474;padding-right:8px;font-size:14px}

#dbs dl {
	margin:0px 10px 0px 10px;
	position:relative;
	padding-top:4px}
	
#dbs dl.even {
	background-color:#fafaf2}

#dbs dd, #dbs dt {
	margin:0px;
	padding:0px;
	line-height:150%;
	
	}
	
#dbs dd {
	border-bottom:1px dashed #d0d9bb;
	padding-bottom:4px}

#dbs dt {
	padding-top:4px;
	width:255px;
	overflow:hidden;
	}

#dbs .full {
	position:absolute;
	top:0px;
	left:260px;
	width:70px;
	color:#747474;
	overflow:hidden;
	white-space:nowrap;
	font-size:11px}

#dbs .range {
	position:absolute;
	top:0px;
	left:330px;
	width:95px;
	color:#747474;
	overflow:hidden;
	white-space:nowrap;
	font-size:11px;
	text-align:right}

 dl#branch {
	margin:4px 10px 0px 6px}

#branch dd, #branch dt {
	margin:0px;
	padding:0px;
	line-height:150%;
	
	}
	
#branch dd {
	border-bottom:1px dashed #d0d9bb;
	padding-bottom:4px}

#branch dt {
	padding-top:4px}



/*palette*/

	
body {background:#fff}
	
h1, h2, .here, .subtitle, caption, strong {color:#494949}

 .subtitle {color:#656565;padding-left:1px}
 
 caption, .parent, #filters label, h1, h2, #how, .key_label, #reserve, .subcategory, #address, #signin  {font-weight:bold}

.current {font-weight:bold;}
.current li a {font-weight:normal};

/*positioning*/

hr {clear:both}

#sidebar hr {display:none;}

#map_canvas {overflow:hidden;border:1px solid #666;position:absolute;top:0px;left:0px;}
.gmnoprint {font-size:10px !important}

#address, #handicap, #home, #how, #languages, #search, #search_box1, #search_box2, #search_box3, #search_box4, #search_box5, #search_box6, #search_btn1, #search_btn2, #search_btn3, #search_btn4, #search_btn5, #search_btn6, #search_box_site, #search_btn, #signin, #wifi, #spotlight, #spotlight_holder, #yellow-pages {position:absolute;top:0px;left:0px}

#content, #context, #keynotepad, #page, #tools {position:relative}

.listing {height:66px;padding:8px 0px 0px 4px;border-bottom:1px dashed #cdcdc7;margin:0px 20px 0px 20px}
.listing div {float:none;}
.listing .edate {width:258px}
.listing .ename {width:328px}

#results_listing .listing {height:auto;max-height:72px;float:none;width:100%}

.departments {width:440px;border:0px solid #ccc;}

.departments li {
	width:190px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	margin-left:0px !important;
	margin-right:10px;
	padding-right:10px;
	border:0px solid gray;
	clear:none;}

.listholder {
	margin-left:0px !important;
	padding-left:0px !important;
	margin-bottom:20px !important;
	margin-top:20px !important;
	border:0px solid red;
	width:440px;
	float:none;
	clear:both;}

.listholder h2, .listholder ul {float:none;clear:both}


.departments img {
	margin-right:6px}

#about ul {
	width:190px;
	overflow:hidden}

#about li {
	white-space:nowrap}

#about .photo {
	position:absolute;
	top:370px;
	left:838px;
	width:104px;
	line-height:110%;
	text-align:center;
	
}

#about .photo a {
	padding-top:118px;
	display:block}

 #dir #page  {background-image:url(../images/bgs/page_wide.gif)}
 #calendar #page  {background-image:url(../images/bgs/page_white.gif)}
 
#calendar #column {
	width:auto;
	min-height:0px}

#calendar #copy {
	width:auto;
	margin:0px;
	min-height:0px}
	

ul.directory li {
	margin-left:0px !important;
	
	}
	
 ul.directory li {
 	height:70px;
 	border-bottom:1px dashed #cdcdc7;
 	padding-top:20px;
 	padding-bottom:10px;
 	list-style-type:none !important;
 	clear:both;
 	}

ul.directory {
	padding-left:0px;
 	list-style-type:none !important;
 	width:450px;
}
	
dl, dt, dd, #dir li { 	list-style-type:none !important;}
	
.directory img {
	float:left;
	margin-right:14px;
	margin-bottom:10px;
	margin-top:4px;
	clear:both;
	}
 
.directory dl {
	margin-left:72px !important;}
 
 .directory {width:440px;border:0px solid #ccc;}
 
 .directory dl, .directory dt, .directory dd {width:375px;border:0px solid #ccc;}
	
#dir dd {
	margin-left:0px;
	padding-left:0px;
	width:375px}
	
.dummyup dd {width:375px !important;}
	
#dir #sidebar {margin-top:13px;	border-top:1px solid white}
	
#dir dt {
	font-weight:bold;
	margin-left:0px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:0px;
	width:440px;}
	
ul#feeds  {margin-left:36px}
ul#feeds li li {list-style-image : url(../images/icons/xml.gif);margin-left:15px;padding-top:2px}

ul#feeds li.category h2{
	margin-left:-30px}

ul#feeds h3{
	margin-bottom:10px}

 #rss #page  {background-image:url(../images/bgs/page_wide.gif)}
 #rss #page  {background-image:url(../images/bgs/page.gif)}
 
 #rss #sidebar, #dir #sidebar {
	border-left:0px solid white}

#hm #page  {background-image:url(../images/bgs/page_white.gif)}
#hm #sidebar, #hm #context {display:none}
#hm #menu-a2 {border-left-color:#3e75ad !important}
#hm #tools {top:14px;width:auto}

#hm h2 {
	font-size:14px;
	color:#0a649c}

#hm #print {display:none}

#hm #column {
	width:auto;
	min-height:0px}

#hm #copy {
	width:auto;
	margin:0px;
	min-height:0px}
	

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

#services {width:264px;margin-left:1px}

#events {width:346px;margin-left:5px;
border-left:3px solid #d7a841;
border-right:3px solid #d7a841;height:100%}

#about {width:322px;margin-left:5px}

.header {width:100%;padding:6px 8px 1px 8px;height:26px}

.header h2 {color:white !important}

.green {background:#c4c472}

.orange {background:#d7a841}

#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 14px 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:14px;
	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:14px 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 {padding:0px;width:42px;overflow:hidden;
	background:#f8f5e2;
	border:none;
	border-right:2px solid white;
	text-align:center;
	height:14px !important;
	line-height:100%}

#theLibrary dd, #theLibrary {
	line-height:130%}
	
#events .more {
	padding-bottom:30px}

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

#events dl {
	margin:4px 10px 0px 10px}

#events dd, #events dt {
	margin:0px;
	padding:0px;
	line-height:120%;
	
	}
	
#events dd {
	border-bottom:1px dashed #d0d9bb;
	padding-bottom:4px}

#events dt {
	padding-top:4px}

#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:14px 6px 6px 10px}

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

#listings #list-header{
height:35px;
padding-top:7px;
padding-left:20px;
border-top:1px dashed #cdcdc7;
border-bottom:1px dashed #cdcdc7;
background:#faf7e9;
margin-top:44px}

#results_listing #list-header{
height:35px;
padding-top:7px;
padding-left:20px;
border-top:1px dashed #cdcdc7;
border-bottom:1px dashed #cdcdc7;
background:#faf7e9;
margin-top:0px}
#results_listing .ename {
	width:100%;
	white-space:nowrap}
#results_listing .elink {
	width:100%;
	font-size:10px;
	white-space:nowrap;
	padding-top:0px;
	margin-top:0px;
	color:#699c27 !important}

.elink a {color:#699c27 !important}

#results_listing .ebuzz {
	height:auto;max-height:28px;
	overflow:hidden;
	border:0px solid red}

#cal #previous {float:left;padding-left:5px;border:1px solid white;width:14px}
#cal #next {float:right !important;padding-right:5px;border:1px solid white;width:14px}


	
.stub, .day {
	height:14px;
	width:30px;
	border:1px solid #e6e4da;
	float:left;
	margin:0px 5px 5px 0px;
	padding-top:0px}

#cal .label, #cal a {
	height:14px;
	float:left;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
	font:normal 11px Verdana}

#cal .label {width:32px}

#cal a {
	border:1px solid #e6e4da;
	display:block;
	width:30px;
	text-decoration:none;
	padding-top:1px;
	line-height:100%;
	color:#0a649f}

#cal .mode {
	width:58px;
	border:1px solid #fff !important}

#cal .here {border:1px solid #e6e4da !important}

#cal {
	width:260px;
	border:0px solid black;
	margin:0px 0px 0px 20px}

#cal #banner {
	width:254px;
	text-align:center;
	font-weight:bold;
	border:1px solid #e6e4da;
	background:	#fff;
	color:#aaa9a6;
	margin-bottom:5px}

.bold {font-weight:bold}
.italic {font-style:italic}


/*tags*/

.standard th {background:#eae7d4;border:1px solid #eae7d4;border-right:1px solid #f8f5e2;color:#333;padding:8px 8px 4px 8px}

.standard td {background:white;border:1px solid #eae7d4;color:#333;padding:8px 8px 4px 8px}

.header1 th, .header2 th  {border-bottom:1px solid #f8f5e2 !important}

.header0 td {border-left:1px solid #eae7d4 !important;}

.standard {border-collapse:collapse;margin-bottom:35px;margin-left:1px;}

caption {text-align:left;margin-bottom:3px;margin-top:10px}

ol li {list-style-type : decimal}

ol, ul {margin-bottom:20px !important}

ul.bullets {margin-left:0px}
ul.bullets li {list-style-image : url(../images/bullet.gif);margin-left:15px;padding-top:2px}

ul.directory li {list-style-image : none;margin-left:15px;padding-top:2px}


div.image img {margin-bottom:18px;margin-top:4px}

.image {font-size:11px;color:#9a9a9a}

.right {float:right;margin-left:18px;margin-bottom:15px}

.left {float:left;margin-right:18px;margin-bottom:15px}

.copy p {clear:both !important;margin-bottom:0px !important}

a {
	color:#27669c;
	text-decoration:none}
	
div a, div a:hover {text-decoration:none !important}

a:visited {color:#666}

a:hover {
	color:#024379;	
	text-decoration:none !important;
	border-bottom:1px dotted #024379}
	
#breadcrumb .here {border-bottom:none !important}

body, div, h1, h2, h3, td, ul, li, form {
	font-family:arial, sans-serif;
	margin:0px;
	padding:0px}

#breadcrumb {
	letter-spacing:0px;
	margin-left:8px;
	padding-top:40px;
	color:#909090}

#breadcrumb {font-size:11px}	

.fineprint {font-size:11px}
	
#content {
	width:auto;
	}

#context {
	width:auto;
	height:108px}

#copy {
	font-size: 14px;
	line-height: 140%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	overflow: visible;
}

.current {color:#a45d31 !important}


#current {float:right;margin-right:14px;color:white}

#spotlinks {
	height:22px;
	border:0px solid green;
	position:absolute;
	top:214px;
	left:270px}

#spotlinks a {
	display:block;
	width:20px;
	padding-top:1px;
	height:18px;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-right:3px;
	background:#fff;
	border:1px solid #d3c69f;
	text-align:center}
	
#spotlinks a.selected {
	background:#4d88bb;
	border:1px solid #4d88bb;
	color:white}
	
.default {
	color:#999;
	font-style:italic}

#footer {
	display:none;}

#wrapper {
	width:974px;
	margin-left:auto;
	margin-right:auto;
	}

#handicap {top:115px;left:147px}

#header {
	display:none;}

#home {
	top:28px;
	left:40px;
	width:360px;
	height:26px}

#how {
	top:7px;
	left:700px;
	font-size:11px;
	display:none}
	
#hours {
	line-height:100%;
	margin-bottom:23px;
	}

#hours th, #hours td {
	background:#f8f5e2;
	border-right:3px solid white;
	width:55px;
	padding:6px 0px 6px 6px;
	text-align:left;
	font-size:11px}	

#hours th {
padding-bottom:0px;
vertical-align:bottom}

#hours td {
padding-top:0px;
vertical-align:top}

h1 {
	font-size:22px}

h2 {
	font-size:14px;
	padding:10px 0px 8px 0px;
	margin:0px}
	
.copy p {
	padding:0px 0px 23px 0px;
	margin:0px;
	font-size:14px;}
	
img {border:none}

#keynote {
	width:485px;
	height:166px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	display:none;
	color:black !important;
	}

#keynote img {
	border:1px solid white;
	border-right:none;
	margin-top:6px}

#keynotepad {
	width:256px;
	height:159px;
	background:#fff;
	color:#000;
	margin-top:0px;
	border-bottom:1px solid white;
	line-height:normal}

#keynotepad p{
	margin:0px;
	padding:0px 0px 4px 0px;}

#keynotepad .offset{margin-top:13px}

.key_label {
	color:#333;
	padding-bottom:0px !important;
	padding-top:6px !important}

li {list-style-type:none}
	
#page {
	background:#fff;
	width:auto;
	margin:0px auto;
	padding: 0px 0px 0px 14px;
	border:0px solid black;
	float:none}
	
#reserve {
	margin:20px;
	color:#a84104;
	display:block;
	width:147px;
	height:26px;
	background:url(../images/bgs/button_reserve.gif) no-repeat;
	font-size:13px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px}

a#reserve:hover {
	text-decoration:none;
	border:none}
	
#column{
	padding-top:0px;
	font-size: 14px;
	float:left;
	margin-top:0px;
	}
	
#sidebar {
	margin:0px;
	border-top:7px solid white;
	border-left:1px solid white;
	width:auto;
	float:right;
	font-size:14px;
}

#sidebar {padding:0px}

#sidebar_content {margin:0px; width:160px;}

#sidebar_content p, #sidebar_content h2, #sidebar_content table  {
	margin-left:0px;
	padding-bottom:2px}
	
#sidebar_content th {
font-weight:normal;
text-align:right}	
	
#sidebar_content td {
font-weight:normal;
text-align:left}	
	
#navigation {
	float:none;
	display:none;
	width:208px;	
}

#search {
	display:none;}


#sidemenu {display:none;}


#sidemenu li {
	margin:0px;
	padding:0px;
width:208px;
overflow:hidden}



li li.current {background:white;padding-left:20px !important;border-bottom:1px solid #fff;border-top:1px solid #fff;padding-top:2px !important;padding-bottom:2px !important;}


#sidemenu li a {display:block;width:188px;padding-left:10px;padding-right:10px;white-space:nowrap;display:block;overflow:hidden;border-bottom:1px solid #eae7d4;border-top:1px solid #eae7d4;padding-top:2px;padding-bottom:2px;}

#sidemenu li li a {padding-left:20px;width:168px;padding-right:20px;}


.sublink, .level1 {padding-left:14px}

.level2 {padding-left:28px}

.subtitle {font-weight:normal}

#title {
	margin:auto;
	height:28px;
	padding-top:0px;
	vertical-align:bottom}

.today {background:#e8e4d0 !important}

#tools {display:none;}

#address {
	color:#000 !important;
	font-weight:normal !important;
	top:10px;
	left:10px}


#address a {
	color:#000;
	border-bottom:1px dotted white}

/* switcher */

.copy {font-size: 14px;}


#wifi {top:115px;left:180px}


/* start menu css */



.here {
	background:white !important;
	border-bottom:2px solid white !important;
	color:black !important}

#menu {display:none;}

.gallery-navigator { 
	margin-bottom:20px;
	margin-top:20px;
	margin-left:20px;
	margin-right:auto;
	border:0px solid red}

.gallery-navigator td { color:#999;white-space:nowrap;text-align:center}

.gallery-navigator .here { font-weight:bold; }


.gallery-navigator .center a {
	display:block;
	height:17px;
	width:20px;
	border:1px solid #ccc;
	text-decoration:none;
	text-align:center;
	padding-bottom:3px;
	margin-right:1px;
	font-size:14px !important}	
	
.gallery-navigator a.here {
	border:1px solid #000 !important;
	color:#fff !important;
	background:#27669c !important}
	
.gallery-navigator td {
	padding-top:3px;
	width:28px}	
	
.gallery-navigator a.next, .gallery-navigator a.prev {
	border:none;
	background:#fff}	
	
.definition {
	width:370px;
	height:40px;
	margin-left:0px;
	overflow:hidden;
}
	
.dummyup .definition {margin-left:0px;}	

a {color:#666 !important;}

#wifi, #handicap {display:none;}


#keynotepad p{
	margin:0px;
	padding:0px 0px 4px 0px;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#wrapper, #page, #kids, #content, #column, #copy {
	float: none;
}
#cal-month {
	font-size: 7px;
	width: 500px;
}
#cal-month td {
	border: 1px solid #000;
	width: 13%;
}