
body {font: 1em verdana, arial, sans-serif;background-color:#333333;}
* {margin:0; padding:0;}
div#mainwrapper {width:1280px; border-left:3px solid #960; border-right:3px solid #960;margin:auto;} /* add margin auto stuff if you want the layout centered */

div#header {width:1280px; height:150px; background-color:#1C4C8F;}
div#header img {margin:0 0; padding:0 0; border:none;}

div#columnswrapper {float:left; width:1280px; background-color:#ffffff;}

div#nav {float:left; width:260px; height:4200px; margin-left:-1280px; background-color:#1C4C8F;} /* nagative margin moves nav column into position */
div#content {float:left; width:1020px; height:4220px; margin-left:260px; display:inline;background-color:#ffffff;} /* display inline is hack fix for IE */
/* div#rightcolumn {float:right; width:340px; background-color:#708fbe;}


.clearthis {clear:both;}

/* content column styles */
div#content {padding:0 0}
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #960;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;}
div#content h1{font-size:1.4em; font-variant:small-caps; margin-top:2em; font-family: verdana, sans-serif; color:#FFD700;}
div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}
div#content li {font-size:.75em;}
div#content blockquote {width: 200px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content a {text-decoration:underline; color:#1C4C8F;}
div#content a:hover {color: #960; text-decoration:none;}
div#content td {padding: 6px;}


div#contentinner {margin: 0 10px 20px;}
div#contentinner img {margin:0 0; padding:0 0; border:none;}
div#contentinner a {text-decoration:underline; color:#1C4C8F;}
div#contentinner a:hover {color: #FF0000;}
div#contentinner {text-decoration:none; color:#1C4C8F; font-weight:bold; font-size:.75em; padding:4 px;}

div#p1 a {text-decoration:none;color:#FFFFFF;}
div#p1 a:hover {color: #FF0000;}


div#imported tr:nth-child(even) {background:#CCDDEE}
div#imported tr:nth-child(odd) {background:#FFFFFF}


div#specialholidays {margin: 0 16px 20px;}
div#specialholidays a:hover {color: #FF0000;}


div#librarylist {margin: 0 16px 20px;}
div#librarylist tr:nth-child(even) {background:#CCDDEE}
div#librarylist tr:nth-child(odd) {background:#FFFFFF}
div#librarylist table {border:1px solid gray; padding:6px;border-collapse: collapse;}
div#librarylist td {border:1px solid gray; padding:6px;}


div#whiteback {width:256px; margin:0 0; padding:0 0;} /* whiteback style setup for weather sticker background */
div#whiteback img {margin:0 0; padding:0 0; border:none; background-color:#FFFFFF;}
div#whiteback a {margin:0 0; padding:0 0; text-decoration:none; color:#000000;}

/* nav styles */
div#nav {padding-top:20px;text-decoration:none; color:#ffffff; font-weight:bold; font-size:.90em;}
div#nav img {margin:0 0; padding:0 0; border:none;}
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; }
div#nav li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #960;}
div#nav a {text-decoration:none; color:#ffffff;}
div#nav a:hover {color: #FFD700;}
div#nav form input {border-top:2px solid #960; border-bottom:2px solid #960;border-left:1px solid #960; border-right:1px solid #960;background-color:#FFF;}


/* a hack for IE Win only \*/
* html div#nav ul {border-top:2px dotted #960;}
/*end of hack */

/* right column styles */
/* div#rightcolumn {padding-top:34px;  border-bottom:2px solid #960;}
/* div#rightcolumn p {font-size:.75em;}
/* div#rightcolumn img {border:none; border-top:2px solid #960;}
/* div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
/* div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
/* div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
/* div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
/* div#rightcolumn a:hover {color: #960; text-decoration: none;}
/* div#rightcolumn li.morelink {font-style:italic;}

/*footer styles*/
div#adsfooter {padding:4px 0; font-size:.8em; text-align:center; background-color:#000;}
div#adsfooter a {text-decoration:none; color:#FFD700;}
div#adsfooter a:hover {color: #FFFFFF;}


div#topfooter {padding:4px 0; font-size:.8em; text-align:center; background-color:#000;}
div#topfooter a {text-decoration:none; color:#FFD700;}
div#topfooter a:hover {color: #FFFFFF;}

div#footer {width:1280px;background-color:#FFFFFF;border-left:3px solid #960; border-right:3px solid #960;margin:auto;}

div#footer {padding:0 0; text-decoration:none; color:#1C4C8F; font-size:.9em;}
div#footer a {text-decoration:none; color:#1C4C8F;}
div#footer a:hover {color: #FF0000;}

div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
 		list-style: disc;
		color:white; /* sets the color of the vertical lines */
		/* border-left:1px solid; /* creates the vertical line to the left of each list items */
		/* border-right:1px solid;
		color:#FFD700; /* sets the color of the vertical lines  - links colored below */
		padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
		}
						
div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#FFD700; /* the color of the links */
							 }
div#footer ul li a:hover {text-decoration:underline; color:#fff} /* underlines the links when hovered */
div#footer ul.fineprint li:first-child {border-left:0;}
div#footer ul.fineprint li {border-left:0;border-right:0;}
div#footer ul.fineprint li {color:#FFD700;} /* color for copyright and vert dividers on last row */
div#footer ul.fineprint li a {color:#FFD700;} /* had to explicitly color these or they inherit from div#footer li */
div#footer ul.fineprint li a:hover {color:#fff;} /* turns bottom row white when hovered */
