/*
Solano Template
CSS file by Tim Sears & colleagues -- ISITE Design
April, 2006
*/

@import 'solano_home.css';
@import 'solano_catalog.css';
@import 'solano_kids.css';
@import 'solano_teens.css';
@import 'solano_typography.css';
@import 'solano_results.css';

* {margin: 0; padding: 0; border: 0;}  /*Big Reset*/

* .newsitem { height: 1%; }

body 
{
    text-align: center; /*center the layout of IE*/
    font: 68.1%/1.3em Verdana, Arial, Helvetica, sans-serif; /*set with % to make it more consistent cross browser*/
	background: #fffffe url(../images/main_bg.gif);
	color: #636466;
}

#master { margin: 0; padding: 0; background: transparent url(../images/container_bg_wide.gif) center; display: block; }

#wrapper
{
    width: 820px;
    margin:0em auto;/*center for normal browsers*/
    text-align: left; /*reset the body's text-align center*/
}

/*-----------------------------------Sitewide Structure Items-------------------------*/

#container
{
	text-align: left; /*reset text alignment from the body's text align center*/
    width: 776px;
    display: block;
   	margin-left: 22px;
}

#accessibility { position: absolute;left: -999em; }

#header 
{
	float: left;
	height: 158px;
	min-height: 158px !important;
	height: auto !important;
	margin-bottom: 8px;	
	background: transparent url(../images/headers/home.jpg) bottom no-repeat;
	position: relative;
	width: 100%;
}

#askus #header { background: transparent url(../images/headers/ask_us.jpg) bottom no-repeat; }
#bestoftheweb #header { background: transparent url(../images/headers/go_to_web.jpg) bottom no-repeat; }
#programs #header { background: transparent url(../images/headers/programs.jpg) bottom no-repeat; }
#literacy #header { background: transparent url(../images/headers/LiteracyWeb_header.jpg) bottom no-repeat; }
#programs #header.id2012, 
	#programs #header.id2010, 
	#programs #header.id2008 { background: transparent url(../images/headers/LiteracyWeb_header.jpg) bottom no-repeat; }
	
#about #header { background: transparent url(../images/headers/About_Library.jpg) bottom no-repeat; }
#elibrary #header { background: transparent url(../images/headers/elibrary.jpg) bottom no-repeat; }
#calendarpage #header, .eventspage #header { background: transparent url(../images/headers/calendar.jpg) bottom no-repeat; }
#yourcard #header { background: transparent url(../images/headers/library_card.jpg) bottom no-repeat; }
#espanol #header { background: transparent url(../images/headers/spanish.jpg) bottom no-repeat; }
body.news #header { background: transparent url(../images/headers/news.jpg) bottom no-repeat; }

#header #logo a { position: absolute; bottom: 0px; display: block; width: 144px; height: 151px; }
#header #logo span { position: absolute; left: -999em; }

#header-items 
{ 
	float: right; 
	margin-top: 6px;
}

.header-itemlist { width: 127px;  float: right; padding-bottom: 15px;}
.header-itemlist ul.arrowlist { padding-top: 5px; margin-bottom: 0; padding-bottom: 0;}
button { cursor: pointer; }

#searchbox
{
	width: 600px;
	height: 75px;
	background: transparent url(../images/solano_tagline.gif);
	background-repeat: no-repeat;
	background-position: 327px 0;  
	float: right;
	margin-top: 4px;
	padding-right: 15px;
	position: relative;
}

#searchbox input { width: 110px; margin-left: 2px; height: 16px; margin-bottom: 3px; margin-right: 2px; font-weight: normal; }
body #searchbox select { height: 19px; font-size: 12px; padding-top: 1px;  margin-bottom: 4px; margin-left: 2px; text-transform: none; width: 115px; font-weight: normal; }
*+html #searchbox select { height: 19px; padding-top: 0; }
#searchbox button { position: absolute; top: 48px; right: 13px; display: block; width: 25px; height: 23px; background: url(../images/btn_go.gif); }
#searchbox button:hover { background: transparent url(../images/btn_go_over.gif); }
#searchbox button span { position: absolute; left: -999em; }

/* IE hack for some padding issues with the select box */
* html #searchbox select { margin-bottom: 2px; }
/* end hack */

#main-content 
{
	width: 510px;
	height: 603px;
	display: inline;
}

#sidebar
{
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}

#submenu
{ 
	float: left; 
	background: transparent url(../images/submenu_bg.gif);
	background-position: -6px;
	padding-right: 5px;
	padding-bottom: 3px;
	width: 253px;
}

.home #sidebar-interior { background: transparent url(../images/sidebar_bg_home.jpg) top right no-repeat; }

.hours #sidebar-interior { background: transparent url(../images/sidebar_blank_bg.gif) right top no-repeat; padding-top: 22px; }

.sidebar-image
{
	margin-bottom: 6px;
}

.home #sidebar-items { padding-top: 305px;}

#sidebar-items .item
{
	border: solid 1px #b5b7ba;
	width: 254px;
	min-height: 81px !important;
	height: auto !important;
	height: 81px;
	padding-top: 19px;
}

#sidebar-items #tutoring { background: transparent url(../images/tutoring_item_bg.gif) top left no-repeat; }
#sidebar-items #callus { background: transparent url(../images/callus_item_bg.gif) top left no-repeat; margin-top: 10px; }
#sidebar-items #foundation { background: transparent url(../images/foundation_item_bg.gif) top left no-repeat; margin-top: 10px; }
#sidebar-items #asknow { background: transparent url(../images/asknow_item_bg.gif) top left no-repeat; margin-top: 10px; }

#sidebar-header, div#sidebar-header-empty { 
	background: transparent url(../images/sidebar_header_blank.gif) -17px 0 no-repeat;
	height: 20px;
	padding-bottom: 5px; 
	clear: both;
}
/* IE hack to combat the clear, both ie6 and ie7. FF doesn't care */
#sidebar-header, div#sidebar-header-empty { margin-top: -38px; }
/* end hack */

#pageevents 
{
	padding-top: 50px;
	background: url(../images/pageevents_bg.gif) top left no-repeat;
	float: left;
}
#sidebar #sidebar-interior #sidebar-items #pageevents { float: none;  }
#programs #pageevents { width: 166px; }
	

#content-container
{
	display: block;
	position: relative;
	margin: 0em auto;
	float: left;
}

#footer 
{
	display: block;
	clear: both;
	background: transparent url(../images/footer_bg_home.gif) bottom no-repeat;
	padding: 10px;
	width: 800px;
	margin:0 auto;
	z-index: 999;
}

#footer-content
{
	border-top: solid 1px #b5b7ba;
	border-bottom: solid 1px #b5b7ba;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: right;
	margin-bottom: 10px;
	padding-left: 9px;
	padding-right: 12px;
}

#footer-content li 
{ 
	padding-left: 3px; 
	padding-right: 0px; 
	text-decoration: none; 
	float: left; 
	display: block;
	/*
	background: url(../images/footer_item_bg.gif) left no-repeat; 
	*/
}

/* first-child hack since IE doesn't support it  */
#footer-content li.first-child { background: none; }

#footer-content a { font-weight: normal; color: #636466; background: transparent; }
#footer-content a:hover { text-decoration: underline; }

/*------------------------------Main Menu Items-------------------------*/

#menu {
	height: 25px;
	width: 513px;
	margin: 0;
	color: #fff;
	background: #e0e1e2 url(../images/menu_bg.gif);
}
.widepage #menu { height: 29px; width: 776px; background: #e0e1e2 url(../images/menu_bg_search.gif) right top no-repeat; }
.widepage #breadcrumb { background-image: none; }
#mainnav span { position: absolute;left: -999em; } 
#mainnav a { display: block; height: 25px; background-image: url(../images/menu-new.gif); background-repeat: no-repeat; }
#mainnav a span { position: absolute;left: -999em; }
#mainnav li{ float: left; padding: 0px; position: relative; text-decoration: none; display: block;  }

#mainnav a.nav-home{ width: 41px;  background-position: 0 0; }
#mainnav a.nav-catalog { width: 52px; background-position: -41px 0; }
#mainnav a.nav-kids { width: 35px; background-position: -93px 0; }
#mainnav a.nav-teens { width: 40px; background-position: -128px 0; }
#mainnav a.nav-elibrary { width: 61px; background-position: -168px 0; }
#mainnav a.nav-events { width: 91px; background-position: -229px 0; }
#mainnav a.nav-programs { width: 63px; background-position: -320px 0; }
#mainnav a.nav-bestoftheweb { width: 79px; background-position: -383px 0; }
#mainnav a.nav-askus { width: 46px; background-position: -462px 0; }
#mainnav a.nav-mobile { width: 46px; background-position: -509px 0; }

#mainnav a.nav-home:hover, .home #mainnav a.nav-home { width: 41px;  background-position: 0 -35px; }
#mainnav a.nav-catalog:hover, #catalog #mainnav a.nav-catalog { width: 52px; background-position: -41px -35px; }
#mainnav a.nav-kids:hover, .kids  #mainnav a.nav-kids { width: 35px; background-position: -93px -35px; }
#mainnav a.nav-teens:hover, .teens #mainnav a.nav-teens { width: 40px; background-position: -128px -35px; }
#mainnav a.nav-elibrary:hover, #elibrary #mainnav a.nav-elibrary  { width: 61px; background-position: -168px -35px; }
#mainnav a.nav-events:hover, #calendarpage #mainnav a.nav-events{ width: 91px; background-position: -229px -35px; }
#mainnav a.nav-programs:hover, #programs #mainnav a.nav-programs { width: 63px; background-position: -320px -35px; }
#mainnav a.nav-bestoftheweb:hover, #bestoftheweb #mainnav a.nav-bestoftheweb{ width: 79px; background-position: -383px -35px; }
#mainnav a.nav-askus:hover, #askus #mainnav a.nav-askus { width: 46px; background-position: -462px -35px; }
#mainnav a.nav-mobile:hover{ width: 46px; background-position: -509px -35px; }

/*------------------------Main Content Area Items-------------------------*/

/* these are for the standard 2 column 1 sidebar layout */
#left-content
{
	width: 193px;
	float: left;
	padding-top: 12px;
	margin-right: 6px;
	margin-top: -6px;
}	

#right-content
{
	width: 305px;
	float: left;
	padding-top: 12px;
	margin-top: -6px;
}
* html .news #right-content { width: 296px;}
#bestoftheweb #right-content {
	width: 307px;
	margin-left: -4px;
}
* html #bestoftheweb #right-content {
	width: 303px;
}	

.wide-content
{
	width: 510px;
	padding-top: 12px;
	margin-top: -11px;
	margin-bottom: -6px;
	float: none;
}
.widepage .wide-content { width: 760px; }
.widepage #sidebar { display: none; }
.wide-content img { float: right;  margin: 0 0 15px 15px; }
/* IE disappearing footer fix */
* html .wide-content { width: auto; margin-right: 4px; }

.wide-content #right-content, .wide-content #left-content { float: right; margin-right: 0; margin-left: 10px; }

/* end comment */


/* generic content blocks */

.content 
{
	border: solid 1px #b5b7ba;
	padding: 12px 12px 0 12px;
	margin-bottom: 12px;
	position: relative;
}
.cat { margin: 7px 0 0 0; width: 482px; }
.content ol, .wide-content ol { margin-left: 20px; margin-top: 3px; margin-right: 12px; }
.content ol li, .wide-content ol li {  padding-left: 3px; line-height: 1.6; }
.content ul, .wide-content ul { margin-left: 15px; margin-bottom: 12px; list-style: square; }
.content ul li, .wide-content ul li {  background: transparent; }
.content ul li p, .wide-content ul li p { color: #636466; background: transparent; }
.content ul.standard li , .wide-content ul.standard li { color: #636466; }
.content img { margin-bottom: 2px; }

#sidebar .content { padding-bottom: 8px; }
#sidebar .content .more { margin-top: 11px; }

* html .wide-content ol { padding-bottom: 10px; margin: 0; list-style:decimal;}

/* IE ol margin hack */
* html .content ol li { margin-left: 1px; }
/* end hack */

/*-----------------------------------Universal Content-------------------------*/

/* red arrow lists */
ul.arrowlist { float: none; margin: 0 0 7px 0; }
ul.arrowlist li { list-style: none; }

* html ul.arrowlist li a { margin-bottom: -14px; }
ul.arrowlist li a { font-weight: normal; color: #636466; text-decoration: none; letter-spacing: -.1px; background: transparent url(../images/list_arrow.gif) top left no-repeat;  padding-left: 10px; padding-right: 2px; display: block; }
ul.arrowlist li a:hover { text-decoration: underline; }

#submenu ul.arrowlist { margin-bottom: 7px; width: 100px; float: left; padding-top: 4px; padding-left: 20px; }
#submenu ul.arrowlist li { list-style: none; }
#submenu ul.arrowlist li a { font-weight: normal; color: #fff; text-decoration: none; letter-spacing: -.1px; background: transparent url(../images/submenu_arrow.gif) top left no-repeat;padding-left: 10px;  padding-right: 2px; display: block; }
#submenu ul.arrowlist li a:hover { text-decoration: underline; }
#submenu ul.arrowlist li a span { display: block;}

* html #submenu ul.arrowlist li a { margin-bottom: 2px; }

#readinglist dt {
	margin-left: 0;
}
#readinglist dt a {
	background: transparent url(../images/list_arrow.gif) top left no-repeat;
	color: #666;
	display: block;
	float: none;
	font-weight: normal;
	margin-left: 0;
	padding-left: 10px;
}
#readinglist dd {
	float: none;
}
	#readinglist dd ul li {
		color: #666;
		list-style: square;
	margin-left: 20px;
	}

/* resetting floats and margins from any parent arrowlists */
#sidebar-items .content ul.arrowlist { float: none; padding: 0; margin-bottom: 15px; }
#sidebar .content .horizontal-list { float: left; width: 100px; padding-right: 12px; position: relative; }
*+html #sidebar .content .horizontal-list {  padding-bottom: 12px; }
.content .horizontal-list { float: left; width: 240px; }
.content .left-list { width: 220px; padding-right: 10px;  }
.content .right-list { position: absolute; width: 240px; left: 250px; top: 30px; }

#breadcrumb { background: transparent url(../images/breadcrumb_bg.gif) top no-repeat; height: 20px; width: 513px; padding-top: 14px; margin-bottom: -5px; }
#breadcrumb ul { font-size: 10px; }
#breadcrumb li { list-style: none; float: left; padding-right: 4px; }
#breadcrumb li a { text-decoration: underline; }

ul.featuredevents { margin-left: 12px; margin-right: 12px; }
ul.featuredevents  li { list-style: none; padding-bottom: 12px; color: #636466; background: transparent; position: relative; }
ul.featuredevents .date { font-weight: bold; width: 50px; display: block; float: left; }
ul.featuredevents .date2 { font-weight: bold; display: block; }
ul.featuredevents  a { border-bottom: solid 1px #fff; position: relative; } /* removed margin-top: -14px; */
* html ul.featuredevents a { margin-top: -14px; }
*:first-child+html ul.featuredevents a { margin-top: -14px; }
* html ul.featuredevents .location2 a { margin-top: 0; }
*:first-child+html ul.featuredevents .location2 a { margin-top: 0; }
ul.featuredevents .location, ul.featuredevents a, ul.featuredevents .description { display: block; margin-left: 52px; }
ul.featuredevents .location2, ul.featuredevents .location2 a, ul.featuredevents .description2 { display: block; margin-left: 0; }
.content ul.featuredevents { margin: 12px 0 0 0; }
#programs ul.featuredevents { margin-top: -8px; }
* html #programs ul.featuredevents a { margin-top: 0; }
*:first-child+html #programs ul.featuredevents a { margin-top: 0; }

ul.contacts { margin-left: -12px; margin-right: -12px; margin-bottom: -1px; }
ul.contacts li { list-style: none; color: #636466; border-bottom: dotted 2px #b5b7ba; padding: 12px; background: transparent; clear: left; }
ul.contacts span { display: block; float: none;  }
.contactblock-left { float: left; margin-right: 20px; }
.hours .contactblock-left { width: 200px; }
.contactblock-right { margin-left: 250px; min-height: 60px; height:auto; }
/* for IE */
* html .contactblock-right { height: 60px; }
.news #main-content .wide-content ul.contacts { margin-left: 0; }

dl { position: relative; margin-bottom: 12px; }
dd { float: left;  }
dt { margin-left: 168px; }

dl.listing { position: static; margin-bottom: 12px; }
	dl.listing dd { float: none;  }
	dl.listing dt { margin-left: 0; }
.rss dl.listing dt{ margin-top: 12px; }

span.login { text-align: right; display: block; width: 85px; float: left; }
a.login { display: inline; margin-left: 25px; }

input, textarea, select { border: solid 1px #636466; }
.content input { margin-left: 5px; margin-bottom: 5px; width: 135px; height: 15px; font-size: 10px; }
.content input#pin { width: 60px; }

.relative { position: relative; }

body #master #wrapper .noborderplease {
border: none;
}

.clear{clear: both;}
.right{float: right;}
.left{float: left;}
.padded { margin: 0 0 5px 10px; }

.column {width: 47%; margin: 0 1% 0 0; float: left;}
.thirdcol {width:30%;float: left;margin:1% 0 1% 2%;}

/*-------------------------------PAGE-SPECIFIC STYLES-------------------------*/

.eventspage #sidebar-items #submenu h1 { width: 81px; background: url(../images/events_eventlinks.gif); }

#upcomingprogramevents { background: transparent url(../images/upcomingprogramevents_bg2.gif) top left no-repeat; padding-top: 0px; padding-left: 0px; }

 #right-content #upcomingprogramevents p { margin: 14px; }
 #right-content #upcomingprogramevents li p { margin: 0 0 0 56px; }
 #right-content #upcomingprogramevents li span.location { margin: 0 0 0 56px; display:block; }
#accomplishments, .joblist { padding-left: 0; }
.joblist ul li, #accomplishments ul li, #upcomingprogramevents ul li { list-style: none; }
#accomplishments h2, #upcomingprogramevents h2 { color: #636466; margin-top: 10px; background: transparent; }
#accomplishments p, #upcomingprogramevents p { margin-top: -7px; }
.joblist .location, #accomplishments .location, #upcomingprogramevents .location { color: #636466; font-style: italic; background: transparent; }

#programs #sidebar-header { background: transparent url(../images/sidebar_header_programs.jpg) no-repeat; width: 258px; height: 160px; }

#programs #sidebar-quote { background: #9ba769; color: #fff; margin-top: -6px; margin-bottom: 12px; padding-bottom: 4px; }
#programs #sidebar-quote p { color: #fff; margin-left: 16px; margin-right: 16px; background: #9ba769; }
#programs #sidebar-quote p strong, span.author strong, span.author { color: #fff; font-style: normal; background: transparent; }
span.author { display: block; text-align: right; margin: 0 12px 12px 12px; font-style: italic; }

#programs #storytime { width: 154px; height: 17px; background: transparent url(../images/programs_storytime.gif) top no-repeat; }
#programs #adultliteracy { width: 165px; height: 18px; background: transparent url(../images/programs_adult_literacy.gif) top no-repeat; }
#programs #makeadifference { width: 210px; height: 21px; background: transparent url(../images/programs_makea_difference.gif) top no-repeat; }
#programs #summerreading { width: 206px; height: 20px; background: transparent url(../images/programs_srp.gif) top no-repeat; }
#programsandservices { width: 149px; height: 17px; background: transparent url(../images/programs_programsandservice.gif) top no-repeat; }
#programs a#volunteer { display: block; width: 176px; height: 22px; background: transparent url(../images/btn_volunteer.gif); background-repeat: no-repeat; position: absolute; top: 10px; left: 155px; overflow: hidden; }
#programs a#volunteer:hover { background-position: 0 -22px; }
#programs a#volunteer span { position: absolute; left: -999em; }
#literacy #adultliteracy { width: 165px; height: 18px; background: transparent url(../images/programs_adult_literacy.gif) top no-repeat; }
#literacy #literacytutor { width: 210px; height: 20px; background: transparent url(../images/programs_lit_tutor.gif) top no-repeat; }
#literacy #ror { width: 161px; height: 20px; background: transparent url(../images/programs_ror.gif) top no-repeat; }
#literacy #help { width: 100px; height: 20px; background: transparent url(../images/programs_online_help.gif) top no-repeat; }
#literacy #families { width: 169px; height: 20px; background: transparent url(../images/programs_families_lit.gif) top no-repeat; }
#literacy #newsletters { width: 183px; height: 20px; background: transparent url(../images/programs_newsletters.gif) top no-repeat; }

#programs #sidebar-items #submenu h1 { height: 19px; width: 117px; background: transparent url(../images/programs_programlinks.gif); margin-left: 20px; }
#sidebar-items #submenu h1#lclinks { height: 19px; width: 190px; background: transparent url(../images/lc_links.gif); margin-left: 20px; }

#literacy #sidebar-header { background: transparent url(../images/sidebar_header_programs.jpg) no-repeat; width: 258px; height: 160px; }

#literacy #sidebar-quote { background: #9ba769; color: #fff; margin-top: -6px; margin-bottom: 12px; padding-bottom: 4px; }
#literacy #sidebar-quote p { color: #fff; margin-left: 16px; margin-right: 16px; background: #9ba769; }
#literacy #sidebar-quote p strong, span.author strong, span.author { color: #fff; font-style: normal; background: transparent; }
span.author { display: block; text-align: right; margin: 0 12px 12px 12px; font-style: italic; }
#literacy #sidebar-items #submenu h1 { height: 19px; width: 117px; background: transparent url(../images/programs_programlinks.gif); margin-left: 20px; }

/* about */
#about #sidebar-header 		{ background: url(../images/sidebar_header_teens.jpg) -17px 0 no-repeat;  height: 104px;}
#about #directorswelcome 	{ width: 154px; height: 17px; background: transparent url(../images/about_director.gif) left top no-repeat; text-indent: -9999px;}
#about #accomplishmentshdr 	{ width: 200px; height: 17px; background: transparent url(../images/about_accomplishments.gif) 14px 0 no-repeat; }
#about #historyofscl 		{ width: 165px; height: 17px; background: transparent url(../images/about_history.gif) left top no-repeat; }
#about #jobs 				{ width: 134px; height: 17px; background: transparent url(../images/about_jobs.gif) 0 0 no-repeat; }
#about #policies			{ width: 134px; height: 17px; background: transparent url(../images/about_policies.gif) left top no-repeat; }
#about #projects			{ width: 134px; height: 17px; background: transparent url(../images/about_projects.gif) left top no-repeat; }
#about #reports				{ width: 134px; height: 17px; background: transparent url(../images/about_reports.gif) left top no-repeat; }
#about #wifiprint			{ width: 138px; height: 20px; background: transparent url(../images/about_need_to_print_wireless.gif) left top no-repeat; }
#askus #yourlibcard			{ width: 204px; height: 20px; background: transparent url(../images/about_yourlibrarycard.gif) left top no-repeat; }
#about #sidebar-items #submenu h1 { height: 19px; width: 168px; background: transparent url(../images/about_aboutlinks.gif); margin-left: 20px; }
#askus #sidebar-items #submenu h1 { height: 19px; width: 168px; background: transparent url(../images/askus_links.gif); margin-left: 20px; }
#about #sidebar-header img { margin-left: -17px; }



/* espanol */
#espanol #sidebar-items #submenu h1 { height: 21px; width: 200px; background: transparent url(../images/espanol_links.gif); margin-left: 20px; }
#espanol #about { height: 21px; width: 168px; background: transparent url(../images/espanol.gif); }

a.viewalljobs, a.viewallaccomp { height: 13px; width: 68px; display: block; background-image: url(../images/viewalljobs.gif); margin: 0 0 10px 10px; }
a.viewallaccomp { background-image: url(../images/viewallaccomp.gif); width: 126px; }
a.viewalljobs:hover, a.viewallaccomp:hover { background-position: 0 -13px; }
a.viewalljobs span, a.viewallaccomp span  { position: absolute;left: -999em; }
/* end about */

#websearch { border: solid 1px #b5b7ba; margin-right: 5px; padding-left: 127px; padding-top: 12px; padding-bottom: 23px; margin-top: 4px; margin-bottom: 4px; position: relative; height: 50px; background: transparent url(../images/botw_search.gif) 5px 10px no-repeat; }
#websearch input { width: 303px; font-size: 12px; height: 19px;  }
#websearch ul { width: 320px; }
#websearch ul li { list-style: none; display: block; float: left; position: relative; padding-right: 15px; }
#websearchcontent .right-list { top: 12px; }
#websearchcontent ul li { list-style: none; }
#websearchcontent h3 { color: #636466; }
#bestoftheweb .submit { margin-left: 316px; margin-top: -22px; }

#catalog-search h3, #catalog-search h4 { font-size: 11px; }

/* best of the web */
#submenu h1#gotheweb { width: 200px; height: 20px; background: transparent url(../images/botw_links.gif) -2px 0 no-repeat; }
h1#solanonapa { width: 200px; height: 20px; background: transparent url(../images/botw_solano_nappa.gif) -2px 0 no-repeat; }
h1#broughttoyou { width: 200px; height: 20px; background: transparent url(../images/botw_brought_to_you.gif) -2px 0 no-repeat; }
h1#featuredcollections { width: 180px; height: 20px; background: transparent url(../images/botw_featured_collections.gif) -2px 0 no-repeat; }
h1#wirelessinternet { width: 171px; height: 20px; background: transparent url(../images/botw_wireless.gif) -2px 0 no-repeat; }
h1#internettutoring { width: 141px; height: 20px; background: transparent url(../images/botw_tutoring.gif) -2px 0 no-repeat; }
h1#liirss { width: 141px; height: 20px; background: transparent url(../images/botw_lii.gif) -2px 0 no-repeat; }
h1#featuredsite { width: 141px; height: 20px; background: transparent url(../images/botw_featured_site.gif) -2px 0 no-repeat; }
h1#newthisweek { width: 141px; height: 20px; background: transparent url(../images/botw_new_this_week.gif) -2px 0 no-repeat; }
h1#artshumanities { width: 135px; height: 23px; background: transparent url(../images/botw_arts_humanities.gif) -3px -2px no-repeat; }
h1#business { width: 135px; height: 23px; background: transparent url(../images/botw_business.gif) -3px -2px no-repeat; }
h1#computers { width: 135px; height: 23px; background: transparent url(../images/botw_computers.gif) -3px -2px no-repeat; }
h1#government { width: 135px; height: 23px; background: transparent url(../images/botw_government.gif) -3px -2px no-repeat; }
h1#health { width: 135px; height: 23px; background: transparent url(../images/botw_health.gif) -3px -2px no-repeat; }
h1#homehousing { width: 135px; height: 23px; background: transparent url(../images/botw_home_housing.gif) -3px -2px no-repeat; }
h1#law { width: 135px; height: 23px; background: transparent url(../images/botw_law.gif) -3px -2px no-repeat; }
h1#media { width: 135px; height: 23px; background: transparent url(../images/botw_media.gif) -3px -2px no-repeat; }
h1#people { width: 135px; height: 23px; background: transparent url(../images/botw_people.gif) -3px -2px no-repeat; }
h1#recreation { width: 135px; height: 23px; background: transparent url(../images/botw_recreation.gif) -2px -2px no-repeat; }
h1#reference { width: 135px; height: 23px; background: transparent url(../images/botw_reference.gif) -3px -2px no-repeat; }
h1#regional { width: 135px; height: 23px; background: transparent url(../images/botw_regional.gif) -3px -2px no-repeat; }
h1#science { width: 135px; height: 23px; background: transparent url(../images/botw_science.gif) -3px -2px no-repeat; }
h1#societysocscience { display: block; width: 135px; height: 40px; background: transparent url(../images/botw_society_soc_science.gif) -3px -2px no-repeat; }

h1#searchtheweb { width: 135px; height: 23px; background: transparent url(../images/botw_searchtheweb.gif) -3px -2px no-repeat; }
h1#filteredcontent { width: 135px; height: 23px; background: transparent url(../images/botw_filteredcontent.gif) -3px -2px no-repeat; }
h1#internettutorials { width: 135px; height: 23px; background: transparent url(../images/botw_internettutorials.gif) -3px -2px no-repeat; }
h1#botw { width: 135px; height: 23px; background: transparent url(../images/botw.gif) -3px -2px no-repeat; }

/* library card */
h1#checkyourholds { width: 200px; height: 20px; background: url(../images/card_check_your_holds.gif) -3px -2px no-repeat; }
h1#trackyourholds { width: 149px; height: 20px; background: url(../images/card_track_your_holds.gif) -3px -2px no-repeat; }
h1#latefees { width: 141px; height: 20px; background: url(../images/card_late_fees.gif) -3px -2px no-repeat; }
h1#troublelogging { width: 160px; height: 20px; background: url(../images/card_trouble_logging.gif) -3px -2px no-repeat; }

/* eLibrary */
h1#databasecategories { width: 160px; height: 20px; background: transparent url(../images/elib_database_categories.gif) -3px -2px no-repeat; }
h1#ebooks { width: 141px; height: 20px; background: transparent url(../images/elib_ebooks.gif) -3px -2px no-repeat; }
h1#haveyourcard { width: 241px; height: 20px; background: transparent url(../images/elib_have_your_card.gif) -3px -2px no-repeat; }
h1#onlinetutoring { width: 141px; height: 20px; background: transparent url(../images/elib_online_tutoring.gif) -3px -2px no-repeat; }
h1#otherresources { width: 141px; height: 20px; background: transparent url(../images/elib_other_resources.gif) -3px -2px no-repeat; }
h1#research { width: 92px; height: 20px; background: transparent url(../images/elib_research.gif) -3px -2px no-repeat; }
h1#searchmultipledatabases { width: 200px; height: 20px; background: transparent url(../images/elib_search_multiple_databases.gif) -3px -2px no-repeat; }

.standard #catalog-search { background: transparent url(../images/elib_searchdb_bg.gif) 12px 12px no-repeat; }

/* hours */
h1#callanswerline { width: 160px; height: 20px; background: transparent url(../images/hrs_call_answerline.gif) -3px -2px no-repeat; }
h1#faqs { width: 141px; height: 20px; background: transparent url(../images/hrs_faqs.gif) -3px -2px no-repeat; }
h1#holidayschedule { width: 141px; height: 20px; background: transparent url(../images/hrs_holidayschedule.gif) -3px -2px no-repeat; }
h1#featuredevents { width: 141px; height: 20px; background: transparent url(../images/hrs_featured_events.gif) -3px -2px no-repeat; }
h1#partnerlibraries { width: 220px; height: 20px; background: transparent url(../images/hrs_partner_libraries.gif) -3px -2px no-repeat; }
h1#solanobranches { width: 241px; height: 20px; background: transparent url(../images/hrs_solano_branches.gif) -3px -2px no-repeat; }
h1#adminhq { width: 140px; height: 20px; background: transparent url(../images/hrs_adminhq.gif) -3px -2px no-repeat; }
h1#questionabout { width: 170px; height: 20px; background: transparent url(../images/hrs_questionabout.gif) -3px -2px no-repeat; }

#im { width: 160px; height: 20px; background: transparent url(../images/hrs_im.gif) -3px -2px no-repeat; }
#emailaquestion { width: 160px; height: 20px; background: transparent url(../images/hrs_emailquestion.gif) -3px -2px no-repeat; }

/* programs */
#programs .bookclubs h1, #programs .bookclubs h3, #programs .bookclubs p { max-width: 500px; } 

/*-------------------------------CALENDAR-------------------------*/

#calendarpage #sidebar-header
{
	background: transparent url(../images/sidebar_header_blank.gif);
	background-repeat: no-repeat; 
	background-position: -17px 0;
	height: 22px;
}

#calendarpage #main-content
{
	width: 776px;
}

#calendarpage #right-content
{
	width: 568px;
	float: right;
}
#calendarpage .pagination {
	display: block;
	background: transparent url(../images/calendar_pagination_bg.gif) left no-repeat;
	height: 20px;
	border-bottom: solid 1px #b5b7ba;
	color: #fff;
	padding-top: 7px;
	padding-left: 10px;
	margin-top: 15px;
}

#calendarpage #eventlist { margin-top: 0; position: relative; }
#calendarpage #eventlist #eventdate { line-height: 17px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; font-size: 15px; display: block; padding-top: 14px; margin-left: 50px; width: 180px; }
#calendarpage #eventlist h4 { width: 50px; height: 50px; display: block; position: absolute; right: 520px; }
#calendarpage #eventlist h4 span { position: absolute; left: -999em; }
#calendarpage #eventlist .pagination a { color: #fff; background: transparent; }
#calendarpage #eventlist ul li { border-bottom: solid 1px #b5b7ba; border-left: solid 1px #b5b7ba; border-right: solid 1px #b5b7ba; border-top: none; padding: 12px; list-style: none; clear: both; min-height: 40px; height: auto; }
* html #calendarpage #eventlist ul li { height: 40px; }

#calendarpage h3 { width: 145px; height: 15px; background: transparent url(../images/calendar_viewmode.gif) no-repeat; position: absolute; right: 100px; top: 29px; }
#calendarpage h3 span { position: absolute; left: -999em; }
#calendarpage #eventlist #cal, #calendarpage #eventlist #calselected { position: absolute; width: 44px; height: 48px; right: 10px; top: 0; text-align: center; background: url(../images/calendar/icon_cal.gif) bottom no-repeat; }
#calendarpage #eventlist #calselected { background: url(../images/calendar/icon_calselected.gif) bottom no-repeat; }
#calendarpage #eventlist #list, #calendarpage #eventlist #listselected { position: absolute; width: 33px; height: 48px; right: 60px; top: 0; text-align: center; background: url(../images/calendar/icon_list.gif) bottom no-repeat; }
#calendarpage #eventlist #listselected { background: url(../images/calendar/icon_listselected.gif) bottom no-repeat; }
#calendarpage #eventlist .eventtime { display: block; float: left; font-weight: bold; width: 140px;  }
#calendarpage #eventlist .eventlocation { display: block; float: right; width: 100px;}
#calendarpage #eventlist .eventinfo { display: inline; float: left; }
#calendarpage #eventlist .eventtitle a { display: block; }
#calendarpage #eventlist  p { width: 290px; margin-left: 140px;}
* html #calendarpage #eventlist  p {margin-left: 143px; } /* be gone, three pixel jog! */

#calendarpage #displayevents, #calendarpage #daterange { font-weight: bold; display: block; margin-top: 10px; clear: both;}
#calendarpage input.eventday { border: solid 1px #b5b7ba; width: 22px; text-align: center; margin: 5px 10px 0 4px; height: 15px; font-size: 12px; float: right;} 
#calendarpage .content select { border: solid 1px #b5b7ba; margin-top: 5px; font-size: 12px; }
#calendarpage select.eventcats { width: 168px; background: #fff;}
#calendarpage select.eventmonth { width: 90px; float: left;}
#calendarpage select.eventyear { width: 90px; margin-right: 39px; float: right; margin-bottom: 10px;}
/* * html #calendarpage select.eventyear { margin-left: 38px; } */
#calendarpage #sidecalbody span#tofrom, #calendarpage #sidecalbody span.tofrom { display: block; float: left; margin: 4px 0 0 0; text-align: right; padding: 3px 4px 0 0; width: 34px; }
*:first-child+html #calendarpage #sidecalbody span#tofrom, *:first-child+html #calendarpage #sidecalbody span.tofrom { width: 36px; }
* html #calendarpage span#tofrom { margin-top: 40px; }
#calendarpage .submit { margin-left: 57px; clear: both;}

/*------------------------ CONTENT PAGES -----------------------------*/

.base1 #main-content *, .base2 #main-content #content *, .branch #main-content #content * { margin: 10px 0; }
.base1 #main-content ul, .base1 #main-content ol,
.base2 #main-content ul, .base2 #main-content ol,
.branch #main-content ul, .branch #main-content ol {
	margin-left: 20px;
	/* width: 480px;  removed for about/template.cfm?id=562, about/template.cfm?id=560 */
}
* html .base1 #main-content ol, * html .base2 #main-content ol, * html .branch #main-content ol { margin-left: 28px; }
*:first-child+html .base1 #main-content ol, *:first-child+html .base2 #main-content ol, *:first-child+html .branch #main-content ol { margin-left: 28px; }

/* class="base1" content page with no subnav [ _templates/policy.html ]*/
.base1 #main-content p { width: 500px; }
.base1 #main-content ul, .base2 #main-content ul { list-style: square; }
.base1 #main-content h2 { color: #31687d; }
.base1 #breadcrumb {
	background: transparent;
	padding-top: 5px;
}

/* class="base2" content page with subnav [ _templates/volunteer.html ] */
.base2 .wide-content .content li {
	color: #636466;
	margin-right: 16px;	
}
.base2 #main-content h2 { color: #31687d; }
.base2 #content { padding-top: 0; }
.base2 .wide-content .content {
	border-width: 0;
	padding: 10px 0 0 0;
}

/* special volunteer headers */
.volunteers .wide-content .content h3 {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 12px;
}
.content blockquote { margin-left: 25px; }
#main-content .content blockquote ol { list-style: lower-alpha; }
/* class="branch" branch pages. [ _templates/branch.html ]*/
.branch ul#techlist li {
	color: #636466;
	list-style: square;
}
.branch #main-content h2 { color: #31687d; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ccc; text-transform: uppercase; letter-spacing: -.03em;}
.branch #content { padding-top: 0; }
.branch .wide-content .content {
	border-width: 0;
	padding: 0;
}

/* news */
.news #main-content h2 { margin: 10px 0 0 0; }
p.author { margin: 2px 0; }
h1#newshdr {
	background: transparent url(../images/hrs_librarynews.gif);
	display: block; 
	float: none; 
	height: 20px;
	margin: 0;
	padding: 0; 
	width: 241px;
}
h1#newslinks { background: transparent url(../images/news_newslinks.gif) no-repeat; padding-right: 8px; width: 130px;}
h1#programlinks { background: transparent url(../images/programs_programlinks.gif); padding-right: 8px; }
h1#pressreleases { background: transparent url(../images/hrs_pressreleases.gif) no-repeat; height: 20px; width: 110px; }
h1#presscontact { background: transparent url(../images/hrs_presscontact.gif) no-repeat; height: 20px; width: 140px; text-indent:-9999px;}

.news .wide-content img { border: 1px solid #ccc; float: none; margin: 10px 10px 10px 0; max-width: 508px; }
.news .wide-content img.sfimage { border: 1px solid #ccc; float: right; margin: 0 0 10px 10px; max-width: 508px; }
* html .news .wide-content { overflow: hidden; width: 508px; } /* IE6 won't have max-width */

/* faqstyle */
dl#faqlist  { margin: 12px 12px 12px 0; }
#faqlist dt {
	float: none;
	font-weight: bold;
	margin: 12px 0 4px 0;
}
#faqlist dd { margin: 0; float: none; }


/* forms */
#kidsrequest { margin-left: 16px; }
.required, label span { color: #f00; }
legend { display: none; }
fieldset {
	border-bottom: 1px solid #636466;
	margin-bottom: 14px;
}
.boxed fieldset { border: 0; }
#equestion fieldset, #kidsrequest fieldset { border: 0;}
.bodyform label, .kidsform label {
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	margin: 8px 0;
	padding-right: 10px;
	width: 149px;
}
.kidsform label { width: 130px; }
input, select, textarea { border: solid 1px #636466; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; height: 60px;}
.bodyform input, .bodyform select, .bodyform textarea {
	margin: 7px 0 6px 0;
	width: 345px;
}
.content select { font-size: 1em; }
.boxed input, .boxed select { width: 250px  !important; }
.boxed textarea { width: 300px; }
.kidsform input, .kidsform select, .kidsform textarea {
	margin: 7px 60px 6px 0;
	width: 180px;
}
fieldset p				{ clear: left; margin: 0; }
#submitrequest 			{ cursor: pointer; display: block; height: 24px; width: 53px !important; background: url(../images/btn_submit.gif); margin: 15px 0 15px 160px; text-indent: -9999px; }
.kidsform #submitrequest { margin-left: 140px; }
#submitrequest:hover 	{ background-position: 0 -25px; }
#submitrequest span 	{ display: none; }

#campaigner label {
	clear: left;
	display: block;
	float: left;
	margin: 3px 0 8px 0;
	padding-right: 10px;
	width: 90px;
}
#campaigner input, #campaigner select { width: 120px; float: right; border-color: #666;}
#campaigner fieldset { border: 0;}
#campaigner #submitrequest { clear: both; margin-left: 181px; margin-bottom: 0;}
p.campaignersuccess { width: 230px; }

/* your library card */
#loginblast { background: #fff url(../images/login_bg.gif) 0 27px repeat-x; }
#loginblast h1 {
	background: transparent url(../images/login_librarycard.gif) left bottom no-repeat;
	display: block;
	height: 61px;
	text-indent: -9999px;
	width: 152px;
}
#loginblast h2 { margin-top: 1em; }
#loginblast a#loginbutton {
	background: #fff url(../images/login_button.gif) no-repeat;
	display: block;
	float: right;
	height: 183px;
	margin: 0 0 0 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 183px;
}
*:first-child+html #loginblast ul, *:first-child+html #loginblast ol { margin-left: 24px; }
* html #loginblast ul, * html #loginblast ol { margin-left: 24px; }
* html #loginblast a#loginbutton { margin-top: 17px; }
*:first-child+html #loginblast h1 { margin-top: 0; }
#loginblast a#loginbutton:hover { background-position: 0 -184px; }

#websearchbox { width: 200px; }

/* ------- SEARCH RESULTS ----------- */
a.picohelp { float: right; margin-right: 180px; }
.widepage #breadcrumb { margin-bottom: 10px; }
form.searchresults { width: 500px;}
form.bottom { margin: 2em 0; }
form.searchresults input, form.searchresults select {
	margin-top: 0;
	width: 200px;
}
form.searchresults fieldset {
	border-bottom: 0;
	margin-bottom: 1px;
}
form.searchresults label {
	margin: 2px 0;
	padding-right: 10px;
	width: 110px;
}
form.searchresults .submitsearch { display: block; width: 25px; height: 23px; background: url(../images/btn_go.gif); text-indent: -9999px;}
form.searchresults .submitsearch:hover { background: transparent url(../images/btn_go_over.gif); }
form.searchresults .submitsearch { margin-left: 120px; margin-top: 0px; }
* html form.searchresults .submitsearch { margin-left: 123px; }

ul.paging { margin-left: 0; padding-left: 0; list-style: none; display: inline; margin-bottom: 1.2em;}
.paging li { display: inline; }
.paging .on a { font-style: normal; color: #fff; background: #666; padding: 1px 3px;}

.searchresults dt {
	float: none;
	margin: 1.2em 0 0 0;
}
.searchresults dd {
	float: none;
	margin: -1.1em 0 1.2em 0;
}
dl.picohelp dt {
	font-weight: bold;
	margin-top: 1.2em;	
}
.picoexamples {
	border: 1px solid #333;
	border-collapse: collapse;
	margin-top: .8em;
}
	.picoexamples th {
		background: #5494af;		
		border-bottom: 1px solid #333;
		color: #fff;
	}
	.picoexamples th, .picoexamples td {
		border: 1px solid #333;		
		border-width: 0 1px;
		padding: 3px 5px;
	}
	.picoexamples td {
		border-top: 1px solid #ccc;
	}
/* extra form items */
ol.design_list_vertical input { width: 10px; display: block; float: left; text-align: left; padding: 0 20px 0 0; margin: 0 0 0 -20px; border: none; }
ol.design_list_vertical li { width: 50px; margin: 0 0 10px 0; }
ol.design_list_vertical label { float: left; width: 20px; display: block; margin: -18px 0 0 0; }
* html ol.design_list_vertical input { width: 50px; }
* html ol.design_list_vertical label { width: 40px; padding-left: 10px; }

/* usersurvey forms */
.usersurvey ol.design_list_vertical { margin: 20px; border: none; }
.usersurvey ol.design_list_vertical input { width: auto; display: block; float: left; text-align: left; padding: 0 20px 0 0; margin: 0 0 0 -20px; border: none; }
.usersurvey ol.design_list_vertical li { width: 50px; margin: 0 0 10px 0; clear: left; }
.usersurvey ol.design_list_vertical label { float: left; width: 400px; display: block; margin: -18px 0 0 0; }
* html .usersurvey ol.design_list_vertical input { width: 50px; float: none; }
* html .usersurvey ol.design_list_vertical label { width: 400px; padding-left: 18px; }

/* ------- SITE MAP --------- */
#sitemap #main-content .wide-content p { margin-bottom: 14px; }
#sitemap #main-content .wide-content ul { margin-left: 0;}
	#sitemap #main-content .wide-content ul li {
		background: #fff url(../images/list_arrow.gif) 0 1px no-repeat;
		color: #333;
		list-style: none;
		padding-left: 12px;
		position: relative;
	}
	#sitemap #main-content .wide-content ul li ul li {
		background: none;
		list-style: square;
		margin-left: 15px;
		padding-left: 0;
	}

	
/*----------------------------------- Newsletter sign up landing page -------------------------*/
	
#newsletter #menu 				{ width: 775px; border-right: 1px solid #b1b3b6; }
#newsletter .wide-content		{ width: auto; }
* html #newsletter .wide-content{ height: 1%; }
#newsletter #breadcrumb 		{ width: 776px; background: transparent url(../images/breadcrumb_bg_wide.gif) 0 0 no-repeat; }

h1#updatesforyourinbox	{
	background: transparent url(../images/hrs_updates.gif) 0 0 no-repeat;
	height: 25px;
	margin: 2px 0;
	width: 400px;
}

#newsletter .content 			{ border: none; margin-bottom: 7px; padding: 0; display: inline; }
#newsletter .content .content	{ border-top: 1px solid #c1c3c6; margin-bottom: 0; padding: 12px 12px 0 12px; }

#newsletter .content.complete	{ background: #bfc4a1; }

.columns-two {
	background: transparent url(../images/fullwidth_twocolumn_bg.gif) left bottom no-repeat;
	float: left;
}
	* html .columns-two 	{ float: none; zoom: 1; width: 798px; }
	.columns-two .content 	{ float: left; width: 231px; display: inline; min-height: 99px; }
	* html .columns-two .content { height: 100px; }
	.columns-two .first 	{ float: left; width: 491px; margin-right: 6px; }
	.columns-two img		{ float: left; margin: 0 15px 15px 0; }
.columns-three { }
* html .columns-three { width: 798px; zoom: 1; }
	#newsletter .columns-three .content {
		border: 1px solid #c1c3c6;
		float: left;
		margin: 0 0 0 6px;
		width: 229px;	
	}
	#newsletter .columns-three .first {
		margin-left: 0;
		width: 228px;
	}
.columns-three h2 {
	background: transparent url(../images/newsletter_titles.gif) 0 0 no-repeat;
	text-indent: -999em;
	height: 134px;
	margin: 0 0 8px 0;
	padding: 0;
	width: 220px;
}
	#signup-enews h2 	{ background-position: -13px 0; }
	#signup-booknews h2	{ background-position: -268px 0; }
	#signup-bookbite h2	{ background-position: -534px 0; }
	
	#signup-enews.complete h2 		{ background-position: -13px -137px; }
	#signup-booknews.complete h2	{ background-position: -268px -137px; }	
	#signup-bookbite.complete h2	{ background-position: -534px -137px; }
	
#newsletter form ol 		{ list-style: none; margin: 0; }
#newsletter form fieldset 	{ border: none; }
#newsletter form li input	{ border: none; margin: 0; width: auto; }
#newsletter form input.text	{
	float: left; 
	margin: 0 6px 0 0;
	padding: 2px;
	width: 162px;
}

#newsletter button.signup		{ cursor: pointer; display: block; height: 22px; width: 51px; background: url(../images/btn_signup.gif); margin: 0 0 6px 0px; text-indent: -9999px; }
#newsletter button.signup:hover	{ background-position: 0 -22px; }

#newsletter #signup-bookbite form ol { float: left; margin: 0 3% 0 0; width: 45%; }

* html #newsletter #signup-bookbite form ol	{ display: inline; margin-left: -16px; padding: 0;  }
* html #newsletter form ol li				{ margin: 0 0 0 -3px; padding: 0; }

#newsletter .note {
	font-size: .9em;
	text-align: right;
}

#newsletter strong.thankyou { font-size: 2.2em; font-weight: normal; }
#newsletter #sidebar { display: none; }
	

/*-----------------------------------IMPORTING HACKS-------------------------*/

/*This next bit is used to import styles only seen by IE5win and IE5.5win.
	Imported so that when you no longer care about supporting that browser, you only need to
	delete this bit of code instead of cleaning out random bits of css.*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */



/*-----------------------------------RESEARCH SPECIFIC ELEMENTS (JJB added 5-26-2009)-------------------------*/

.linkList {
	clear: all;
	padding: 0px;
	margin: 10px 0px;
}

.linkList UL {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 10px 0px;
}

.linkList UL.left {
	float: left;
	margin-right: 20%;
}

.linkList UL.right {
	float: left;
}

.linkList li {
	padding: none;
	margin: none;
}

.helpSpace {
	border:1px solid #B5B7BA;
	height:auto !important;
	min-height:81px !important;
	padding: 0px 12px 12px 12px;
	width:232px;
}

.helpSpace p {
	margin-top: 19px;
}




/* updated 12/21/09 by Jen to remove borders around checkbox and radio buttons in IE */

input[type="checkbox"]{
background:none;
border:0px;
}
input[type="radio"]{
background:none;
border:0px;
}


/* remove events list from branch pages */
body.branch #pageevents { display: none; }