body { margin: 0px 0px 0px 10px; padding: 10px 10px 10px 10px; font-family: arial, tahoma, verdana, helvetica, sans-serif; color: #300; background-color: #D1A23E; font-size:100%; width: 65em;
}
a { text-decoration: none; font-weight: normal; color:  #F2FFBF; outline: none; }
a:visited { /*	color:  #F2FFBF; */ }
a:hover { text-decoration: underline; }
a:active { color:  #F2FFBF; }

#skipper {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.8em;
left:2px;
position:absolute;
text-indent:-600em;
top:-1px;
width:775px;
z-index:-1;
}
#skipper:focus, #skipper:hover, #skipper:active {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
display:block;
font-weight:bold;
padding:0.2em 0.2em 0.2em 0;
text-indent:25px;
z-index:5;
}

strong, b { font-weight: bold; }

img { border: 0; }

.hide { display: none; }

#top { /*	margin: .35em .35em 0em .35em; */ padding: 1em; background:  #D1A23E; white-space: nowrap; }

#libphoto { float: left; margin-right: 16px; }

#logo { float: right; }
	
/* Styles for navigation bar  */

#navbar { padding-bottom: 12px; }

#navbar ul { padding: .5em 0; margin-left: 0; white-space: nowrap; list-style: none; }

#navbar li { float: left; position: relative; font-size: 1.0em; font-weight: normal; }

#navbar li ul { display: none; }

#navbar li > ul {  /* fix for Opera */ top: auto; left: auto; }
	
#navbar li:hover ul, #navbar li.over ul { display: block; position: absolute; top: .95em; left: 0; height:auto; }
/*
#navbar li.over ul { position: absolute; top: 1em; 
	left: 0;  do something here to fix positioning
	   of embedded list in IE 
	}
*/
#navbar a { padding: .3em .5em; margin-left: .5em; border: 1px solid #2F4F4F; background: #0d2a28; text-decoration: none; }

#navbar a:link, #navbar a:visited { color: #BDB76B; }

#navbar a:hover { color: #BDB76B; background: #758958; }

#navbar li.current a { background: #F2FFBF; color: #CC3300; }

/* Styles for dropdown lists  */

#navbar li li { margin: 0; float: none; }

#navbar li li a { display: block; clear: left; }

#about li a { width: 10em; }
	
#catalog li a { width: 11em; }
	
#programs li a { width: 8em; }
	
#services li a { width: 11em; }
	
#get li a { width: 11em; }	
		
#whats li a { width: 13em; }	

/* don't display submenus for the current page */
#navbar li.current ul { display: none; }

#enclose { float: left; width: auto; }



#left { font-size: 1.0em; line-height: 15pt; clear: left; float: left; width: 25%; border: 1px solid #2F4F4F; background: #758958; }
#social { text-align:center; }
#social img, #linklogo img { border:1px solid #2F4F4F;}

#name { font-size: 1.2em; font-weight: bold; text-align: center; }
#address { margin: 10px; }
#address span { display: block; text-align: center; }

#hours { margin: 10px; }
#hours span { display: block; text-align: center; }


#infolinks { margin: 10px 10px 0 10px; padding: 0 0 10px 0; text-align: center; }

#linklogo { display:block; margin-top: 1em; }
	
#member { display:block; margin-top: 1em; }
	
#middle { margin-left: .7em; float: left; border: 1px solid #2F4F4F; background: #BDB76B; width: 46%; }

#maincontent { margin: .7em; }

#breadcrumbs { font-size: .8em; }

#maincontent h1 { width: 100%; border-bottom: #300; border-width: 0 0 4px 0; border-style: none none solid none; padding: 1px 0 4px 0; margin-bottom: 3px; font-size: 1.5em; clear:both; }

#maincontent h2 {font-size: 1.3em; margin-bottom: .5em; clear: both; }

#maincontent h3 { font-size: 1.1em; margin-bottom: .5em; clear:both; }

#maincontent p.fully_enclose_image { overflow:auto; }

#newsletter { float: right; }
#newsitem1 { margin-top: 3em; }
	
#bookcover { float: right; padding: 1em; }

#newsitem1 span { display: block; }
#newsitem2 { margin-top: 1.5em; }

#newsitem2 span { display: block; }
	
#newsitem3 { margin-top: 1.5em; }
	
#newsitem3 span { display: block; }	

#right { float: left; margin-left: .7em; width: auto; height: 1%; border: 1px solid #2F4F4F; background: #758958; }

#rightcontent { /*margin: 5px;*/ text-align: center; line-height: 15pt; }
#rightcontent h4 { margin: 5px; }

#rightcontent ul { text-align: left; font-size: 1.0em; }
#rightcontent img { text-align: center; display: block; margin-right: auto; margin-left: auto; }

/* Homepage stuff */
#maincontent h1.home { font-size: 1.2em; }
.smallmargin { margin: 5px; }
#askquestion, #reservecomputer { vertical-align: middle; }

#footer { clear: both; text-align: center; padding-top: 1em; }
	
#footer ul {  margin: 0 0 1em 0; }
	
#footer li { display: inline; padding-right:.7em ; font-size: 1.0em; font-weight: bold; }

#footer span {display: block; font-size: 1.0em; color: #300; }

/* Library Value Calculator */
abbr { cursor: help; border-bottom: 1px dotted #000; }
#calcwrapper h2 { margin: 10px; }
#calcwrapper table, #calcwrapper th, #calcwrapper td { border:none; border-collapse:collapse;}
#calcwrapper table caption { font-weight:bold; text-align:left; padding: 10px 0; }
#calcwrapper th { text-align:center; }
#calcwrapper td { padding:3px; }
#calcwrapper input { text-align:right; }
#calcwrapper input#calcsubmit, #calcwrapper input#reset { text-align:center; } 
#calcwrapper input#calcsubmit { width: 260px; }
.red, #personalvalue {color: #770000;}
#calcwrapper #yourresult { font-size: 80%; }
.boldthis { font-weight:bold; }
input.errorMessage { border: 1px solid #FF0000; }
label.errorMessage { font-size: 10px; color: #FF0000; line-height:10px; }