/* color wheel: 
000000 black
73522E dark brown 73522E
333376 navy blue
FEFCED off-white
FFFFFF white
*/

body { margin: 0; padding: 0; color: #000; background: #FEFCED; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Skip Navigation Link */
#skipper { position: absolute; top: -1px; left: 2px; width: 775px; text-indent: -600em; color: #fff; background: transparent; font-size: 0.8em; z-index: -1; }
#skipper:focus, #skipper:hover, #skipper:active { display: block; text-indent: 25px; background: #FFF; font-weight: bold; color: #000; padding: 0.2em 0.2em 0.2em 0; z-index: 5; }

/* div to contain header info with image of library */

div#header { color: #FEFCED; background-color: #73522E; width: 100%; margin: 0; padding: 0; height: 152px; }
	
div#header a { color: #FEFCED; text-decoration: none; }
	
div#header h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; margin: 0 ; padding: 30px 0 0 240px; }
	
div#header h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; margin: 0; padding: 0 0 0 240px; background-color: transparent; letter-spacing: 1px; }

#tagline { padding: 0 0 0 240px; font-size: .9em; }
	
img#lib { width: 223px; height: 152px; padding: 0; margin: 0 7px 0 0; float: left; }
	
/* this is the section for the navigation links */

div#nav { width: 223px; float: left; color: #000; background: #FFF; }

div#nav #topnavlinks { background: #73522E; }
div#nav h2 { 
	color: #FEFCED; background: #73522E; 
	font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1em; font-variant:small-caps;
	margin: 0; padding: 8px 5px 8px 10px;
	border-bottom: 1px solid #000;
	}
	
div#nav ul { list-style-type: none; margin: 0; padding: 0; }
div#nav ul li { list-style-type: none; margin:0; padding: 0; }
div#nav #topnavlinks a, div#nav ul li a { display: block; border-bottom: 1px solid #000; margin: 0; padding: 5px 5px 5px 25px; text-decoration: none; font-size: 85%; }
	
div#nav #topnavlinks a:link, div#nav ul li a:link { color: #FEFCED; background: #73522E; }	
div#nav #topnavlinks a:visited, div#nav ul li a:visited { color: #FEFCED; background: #73522E; } 	
div#nav #topnavlinks a:hover, div#nav ul li a:hover { color: #FFFFFF; background: #333376; }	
div#nav #topnavlinks a:active, div#nav ul li a:active { color: #FFFFFF; background: #333376; }

/* this is the main content area */
	
div#hours { float: right; margin: 10px 5px 10px 10px; padding: 0; text-align: left; font-size: .8em; line-height: 1.5em; color: #333376; background-color: transparent; }
	
div#hours  h1 { font-variant:small-caps; font-size:small; }
	
div#content { margin: 10px 180px 10px 240px; padding: 0; line-height: 1.5em; }
	
div#content h1, div#content h2, div#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #73522E;
	background-color: transparent;
	font-variant:small-caps;
	}

div#content h1 { font-size: 1.5em; margin: 15px 0 15px 0; }
div#content h2 { font-size: 1.2em; margin: 30px 0 15px 0; }
div#content h3 { font-size: 1em; margin: 35px 0 5px 0; padding: 10px 0 0 0;	}
	
div#content p { line-height: 1.5em; }
	
div#content a { text-decoration: underline; }
	
div#content a:link { background-color: transparent; }
	
div#content .breadcrumbs { padding: 0px 0 5px 0; font-size: 90%; }

div#content .updated { border-top: thin solid #ccc; padding: 15px 0 20px 0; margin: 40px 0 0 0; font-size: 90%; line-height: 1.5em; }

.indent { margin-left: 40px; }

#footer p { margin-bottom: 0; }

/* Database Widget mods */

div#content h2.mini { font-variant: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; }
div#content a#topicLink {text-decoration:none; }
div#content a#topicLink:hover { text-decoration:underline; }
	
/* These are the BAL (restricted internet access homepage) styles */	

div#balcontent { margin: 10px; padding: 0; line-height: 1.5em; }
	
div#balcontent h1, div#balcontent h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0;
	background-color: transparent;
	}

div#balcontent h1 { font-size: 1.5em; margin: 15px 0 15px 0; color: #FFF; }
div#balcontent h2 { font-size: 1.2em; margin: 30px 0 15px 0; color: #000; }
	
div#balcontent p { line-height: 1.5em; }
	
div#balcontent a { text-decoration: underline; }
div#balcontent a:link { color: #000; background-color: transparent; }
div#balcontent a:visited { color: #000; background-color: transparent; }

div#balcontent .updated { border-top: thin solid #ccc; padding: 15px 0 20px 0; margin: 40px 0 0 0; font-size: 90%; line-height: 1.5em; }
	
div#footer { clear:both; border-top: thin solid #ccc; padding: 15px 0 20px 0; margin: 40px 0 0 0; font-size: 90%; line-height: 1.5em; }