p,li,dt,blockquote{
font:.8em/1.2em Verdana,Arial,Helvetica,sans-serif;
}
#wrapper {
background: #FFF;
position: relative; /* this is for any children elements that need to be positioned */
width:980px;
min-height: 100%;
margin: 0 auto; /* auto width centers the layout in modern browsers */
}
#main_content{ 
width:940px;
margin:0 auto;
padding:0 20px;
clear: both;
text-align:left;
background:url(/images/home/indexbody_bg2.jpg) 0 295px no-repeat;
position: relative;
}
#inside_content { /* this is the center column */
width: auto;
margin:0 0 50px 0;
padding:5px 0 0 0;
font-size:.9em;
position:relative;
}
#inside_content h1{
margin:0;
padding:0;
}
#inside_content h2{
margin:0;
padding:0;
font-size:1.1em;
}
#inside_content p{
margin:0;
padding:0;
}
#inside_content #spotlight{
width:460px;
height:275px;
margin-bottom:35px;
}
#inside_content .news_item{
background:none;
padding:0 0px 0 0px;
position:relative;
float:left;
}
#inside_content .news_item img{
float:left;
}
/*****************************************NEWS COLUMN*****/
#inside_content #news{
width:380px;
margin:0px 0 0 0;
padding:10px 10px 50px 10px;
background:#FFF;
}
#inside_content #news h1{

}
#inside_content #news h2 a{
font: bold 1em Arial, Helvetica, sans-serif;	
color:#A23D20;
text-decoration:none;
}
#inside_content #news h2 a:hover{
text-decoration:underline;
}
/*****************************************EVENT COLUMN*****/
#inside_content #events{
width:320px;	
margin:0px 0 50px 0px;
padding:10px 10px 0 10px;
min-height:550px;
background:#FFF;
position:absolute;
left:420px;
top:315px;
}
#inside_content #events h1{
}
#inside_content #events h2{
font-size:1.2em;
}
#inside_content #events h2 a{
text-decoration:none;
}
#inside_content #events h2 a:hover{
text-decoration:underline;
}
#inside_content #events .news_item{
width:inherit;
border-bottom:dotted 1px #DDD;
padding-bottom:0;
padding-top:10px;
margin-bottom:0;
}
/*****************************************SIDE BUTTONS*****/
#inside_content #ads{
width:160px;
position:absolute;
top:315px;
left:780px;
}
#inside_content #ads #librarycard, #inside_content #ads #reserve{
margin-bottom:10px;	
}
#inside_content #ads #librarycard a, #inside_content #ads #reserve a{
display:block;
width:160px;
height:63px;
}
#inside_content #ads #librarycard a{
background:url(/images/home/indexcard_btn.gif) no-repeat;
}
#inside_content #ads #reserve a{
background:url(/images/home/indexrenew_btn.gif) no-repeat;
}
/*****************************************LOCATIONS*****/
form#locations{
margin:0;
padding:0;
margin-bottom:.5em;	
background:url(/images/home/index_locationsearch.gif) no-repeat;
width:460px;
}
form#locations fieldset{
margin:0;

border:0;
padding:11px;
}
form#locations label, form#locations input{
display:inline;
}
/*****************************************QUICKLINKS*****/
#inside_content #quicklinks{
width:460px;
margin-bottom:7em;
padding:0;
position:absolute;
top:5px;
left:480px;
}
#inside_content  #quicklinks ul{
list-style:none;
margin:0;
padding:0;
}
#inside_content #quicklinks ul li{
margin:0;
padding:0px;
width:225px;
float:left;
min-height:5.2em;
}
#inside_content  #quicklinks ul li.last{
margin-right:0;	
}
#inside_content  #quicklinks ul li dl{
margin:0;
padding:0 0 0 0px;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
line-height:1em;
}
#inside_content #quicklinks ul li.even {	
}
#inside_content #quicklinks ul li.even dl{
padding:0 0 0 15px;
width:100%;
}
#inside_content  #quicklinks ul li dl dt, #inside_content  #quicklinks ul li dl dt a{
margin:10px 0 2px 0;
padding:0;
font:bold 1em/1em Arial, Helvetica, sans-serif;
color:#000;
}
#inside_content  #quicklinks ul li dl dd{
margin: 0;
padding:0 0 0 0;	
display:inline;
/*border-right:#CCC 1px solid;*/
line-height:1.2em;
font-size:.8em;
}
#inside_content  #quicklinks ul li dl dd.last{
border-right:none;
}
#inside_content  #quicklinks ul li dl a{
padding:2px 0px;
color:#004B91;
text-decoration:none;
}
#inside_content  #quicklinks ul li dl a:hover{
background:#CCC;
}
/*****************************************SPOTLIGHT SLIDESHOW*****/
/* container for slides */
.images {
	position:relative;	
}
/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
}
#inside_content .images div p{
	position:absolute;
	top:227px;
	color:#FFF;		
	padding:0 10px;
	line-height:1.2em;
	font-size:1em;
}
#inside_content a img{
border:0;	
}
#inside_content .images a, #inside_content .images a:visited{
	color:#FFF;	
	text-decoration:none;	
}
#inside_content .images a:hover{
	text-decoration:underline;	
}
/* tabs (those little circles below slides) */
.slidetabs {
position:absolute;
top:260px;
left:360px;
}
/* single tab */
.slidetabs a {
	width:9px;
	height:9px;
	float:left;
	margin:3px;
	background:#777;
	display:block;	
}
/* mouseover state */
.slidetabs a:hover {  
}
/* active state (current page state) */
.slidetabs a.current {  
	background:#CCC;	
} 	
/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 
/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

#widgets{
clear:both;
width:auto;
position:relative;
padding-top:2em;
padding-bottom:2em;
text-align:left;
min-height:250px;
border-top:#EEE 1px solid;
}
#widgets a{

text-decoration:underline;
}
#widgets #twitter_div{
width:300px;
position:absolute;
top:2em;
margin-left:320px;
}
#widgets #twitter_div ul{
list-style:none;
margin-top:1em;
}
#widgets #twitter_div ul li{
padding-top:1em;
padding-bottom:1em;
border-top:1px solid #EEE;
line-height:150%;
}
#widgets #enews{
width:300px;
}
#widgets #enews form, #widgets #enews p, #widgets #enews img{
margin-top:1em;
}
#widgets #enews #past{
margin-top:1em;
}
#flickr_badge_uber_wrapper {
width:300px;
position:absolute;
top:2em;
margin-left:640px;
}
#flickr_badge_wrapper {
}
.flickr_badge_image {}
.flickr_badge_image a img {width:80px; float:left; border:0; margin:5px; border:4px solid #FFF;}
.flickr_badge_image a:hover img {border:4px solid #F3EFE0;}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {}
#flickr_badge_wrapper {}
#flickr_badge_source {}
