body {
font-family: georgia, "times New Roman", times, sans-serif;
font-size: 90%;
background-color: #445781;
margin-top: 5px;
behavior: url(csshover.htc);}

* {margin:0; padding: 0;}

p {
font-size: .9em;
line-height: 1.3em;
margin-bottom: 10px;
text-align: left;
}

.center {
text-align: center;}

#belownav ul, ol {
margin-left: 25px;
margin-right: 25px;
margin-bottom: 10px;
}

#belownav li{
font-size: .9em;
line-height: 1.3em;
margin-bottom: 5px;
text-align: left;
}

blockquote {
font-size: .9em;
line-height: 1.3em;
margin: 0px 30px 10px 30px;
text-align: left;
font-style: italic;}

#mainwrap {
width: 784px;
margin-left:auto;
margin-right: auto;
}

#contenthome {
background-image: url(images-pres/homebg.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 784px;
height: 458px;
}

#contentchildren {
background-image: url(images/childmockup2.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 784px;
height: 458px;
}

#content {
background-image: url(images-pres/midbg.jpg);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

#belownav {
padding: 50px 70px 10px 70px;
background-image: url(images-pres/topbg.jpg);
background-repeat: no-repeat;
}

/* hack for IE (all flavors) */
	* html #belownav {
	padding: 60px 70px 10px 70px;
}


#leftcol {
float: left;
padding: 0px 10px 20px 25px;
border-right: 1px solid #4a1c39;
margin-top: 20px;
margin-right: 10px;
}

#rightcol {
padding: 15px 10px 10px 5px;
text-align: left;
float:left;
}
/* hack for IE (all flavors) */
	* html #rightcol {
	padding: 15px 10px 10px 7px;
}

h1 {
font-size: 1.3em;
color: #445781;
margin-top: 15px;
margin-bottom: 15px;
}

h2 {
font-size: 1em;
color: #445781;
margin-bottom: 10px;
text-align: left;
}

.h2center{
font-size: 1em;
color: #445781;
margin-bottom: 10px;
text-align: center;
}

h3 {
font-size: .9em;
font-style: italic;
color: #445781;
text-align: left;
}

#whatsnew {
width: 220px;
margin-left: 0px;
border-bottom: 1px solid #445781;
margin-bottom: 10px;
}



#whatsnew p {
font-family: georgia, "times New Roman", times, sans-serif;
font-size: .9em;
line-height: 1.3em;
margin-bottom: 10px;
text-align: left;
}
/*.whatsnew {
padding: 5px 5px 10px 20px;
margin-left: 50px;
border-bottom: 1px solid #445781;
}
*/

#whatsnew2 {
width: 220px;
margin-left: 0px;
border-bottom: 1px solid #445781;
margin-bottom: 10px;
}

#whatsnew2 img {
padding: 5px 5px 5px 0;
}

#whatsnew2 p {
font-family: georgia, "times New Roman", times, sans-serif;
font-size: .9em;
line-height: 1.3em;
margin-bottom: 10px;
text-align: left;
}

#wireless {
padding: 5px 0;
margin: 0;
font-size: .9em;
color:#4a1c39;
text-align: center;
text-transform: uppercase;
font-family: arial, verdana, sans-serif;
font-weight: bold;
letter-spacing: .05em;
}

hr {
color: #445781;
width: 500px;
text-align: center;
margin-top:10px;
margin-bottom: 10px;
height: 1px;
}

.linklist {
line-height:1.5em;
}
.photoright {
margin: 0 10px 15px 30px;
}

.photoleft {
float: left;
margin: 0 20px 20px 0;
}

.photoamazon {
margin-right: 20px;
}

.newimg {
float: left;
margin: 0 10px 5px 0;
display: block;
}

.sumreadspons {
text-align: center;
padding-bottom: 10px;
line-height: 30px;
font-size: 14px;}

#sumread {
padding-top: 25px;
margin: 0px;
text-align: center;
width: 650px;}

#sumread ul {
padding-top: 20px;
margin: 0px;
text-align: center;
width: 650px;}


#sumread li {
float: left;
list-style: none;
text-align: center;
width: 32%;
}

.sumreadtop {
text-align: center;
font-style: italic;
color: #015C8B;
font-size: 14px;
padding: 5px 10px;}

.centered {
text-align: center;
}


#childlinks {
position: relative;
top: 63px;
left: 182px;
text-align: left;
}
/* hack for IE (all flavors) */
	* html #childlinks {
clear: both;
}

 #childlinks a  {
line-height: 2.0em;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
} 

a:link#events  {
color: #38A739;}

a:visited#events  {
color: #38A739;}

a:hover#events  {
color: #445781;
}

a:active#events  {
color: #445781;}

a:link#catalog  {
color: #48A4EE;}

a:visited#catalog  {
color: #48A4EE;}

a:hover#catalog  {
color: #445781;}

a:active#catalog  {
color: #445781;}

a:link#passes  {
color: #CD7E56;}

a:visited#passes  {
color: #CD7E56;}

a:hover#passes  {
color: #445781;}

a:active#passes  {
color: #445781;}

a:link.data  {
color: #852DF2;}

a:visited.data  {
color: #852DF2;}

a:hover.data  {
color: #445781;}

a:active.data  {
color: #445781;}

a:link#fun  {
color: #EC305B;}


a:visited#fun  {
color: #EC305B;}

a:hover#fun  {
color: #445781;}

a:active#fun  {
color: #445781;}

a:link#chsumread  {
color: #3b4ba2;}

a:visited#chsumread  {
color: #3b4ba2;}
a:hover#chsumread  {
color: #445781;}
a:active#chsumread  {
color: #445781;}

#showpic {
width: 300px;
float: left;
text-align: left;
position: relative;
top: 10px;
left: 0px;
z-index: 1;}

 #splayers {
width: 300px;
float: left;
position: relative;
top: 40px;
left: 45px;
}

/*#splayers {
position: relative;
top: 40px;
left: 340px;
}*/

/* hack for IE (all flavors) */
	* html #splayers {
	left: 20px;
	height: 1%;
}
	* html #showpic {
	height: 1%;
}

#splayers p {
font-size: .9em;
text-align: center;
font-weight: bold;
}
#tournote {
clear: both;
padding-top: 20px;}

#histphoto {
float:right;
padding: 5px 0px 20px 20px;
}

.borrow {
border: 1px solid #B08B70;
font-size: .9em;
text-align: left;
margin-bottom: 20px;
}

.borrowhead {
background-color: C8AB8B;
color: #000;
font-weight: bold;
text-align: center;
border: 1px solid #B08B70;
padding: 10px;
}

.databases {
margin: 10px 40px 10px 30px;}

.fun {
margin: 10px 40px 70px 30px;}

td {
padding: 3px;
}

.onebooksub {
font-size: 1.0em;
color: #445781;
margin-top: 10px;
margin-bottom: 15px;
font-weight: bold;
text-align: center;
}

.onebookimg {
text-align: center;
margin: 0 auto;
display: block;
padding-top: 25px;
}


#footerwrap {
width: 784px;
margin-left:auto;
margin-right: auto;
}
#amazon {
float:left;
width:220px;
text-align=:center;
font-family: arial, verdana, sans serif;
color: #DFD8CB;
font-size: .8em;
line-height: 2.5em;
}

#footer {
float:left;
font-family: arial, verdana, sans serif;
color: #DFD8CB;
text-align: center;
margin-left:auto;
margin-right: auto;
}

#footerwrap a:link {
color: #D5c6B0;
}

#footerwrap a:visited {
color: #D5c6B0;
}

#footerwrap a:hover {
color: #b7d2ed;
}

#footerwrap a:active {
color: #D5c6B0;
}

.bottomlinks {
text-align: center;
margin-left:auto;
margin-right: auto;
margin-bottom: 7px;
font-size: .7em;
background-color: #405278;
border:  1px solid #37466B;
padding: 5px;}

.phones {
font-size: .8em;
font-weight: bold;
margin-bottom: 5px;
letter-spacing: .1em;
text-align: center;
}

.address {
font-size: .8em;
font-weight: normal;
margin-bottom: 5px;
text-align: center;
}

.copyright {
font-size: .7em;
line-height: 1.5em;
text-align: center;
}

.events {
font-size: .8em;
border: 1px solid #4a1c39;
color: #4a1c39;
width: 220px;
}
.eventdata {
border-bottom: 1px solid #4a1c39;
}

.LibraryTxtSm {
border-bottom: 1px solid #4a1c39;
margin: 0;
padding: 4px;}

.eventbg {
background-color: #DfD4BE;
}

.contactform {
border: 1px solid #B08B70;
font-size: .9em;
}

.formcol {
background-color: #D5C6B0;
color: #4A1C39;
border-bottom: 1px solid #B08B70;
border-right: 1px solid #B08B70;
padding-right: 7px;}

.formcolr {
border-bottom: 1px solid #B08B70;
padding-left: 7px;
text-align: left;}

.required {
color: #CC3333;}

.submit {
font-size: .9em;
font-weight: bold;
}
a:link {
color: #6f4a61;
}

a:visited {
color: #907385;
}

a:hover {
color: #445781;
}

a:active {
color: #907385;
}

/* the horizontal menu starts here */
div#nav {
width:710px; 	/* makes the div full width */
float:left; /*makes the div enclose the list */
font-family: arial, verdana, sans-serif;
background-image: url(images-pres/menubg.jpg);
background-repeat: repeat-y;
margin-left:42px;
margin-top: 25px;
}

/* hack for IE (all flavors) */
	* html div#nav {
	margin-left: 20px; /* make navbar fit the edges */
	width: 720px;}

div#nav ul li {
position: relative;
float:left;	
list-style-type:none;
border-right:1px solid #D1C1A3;
width: 116px;
text-align: center;
z-index: 5;
}
	 
div#nav li#last {
border-right:0;
}
	 
div#nav li#first {
border-left:0;
}
	
div#nav a {
display: block;
text-decoration:none;
color:#4a1c39;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
font-size:.7em;
letter-spacing: .1em;
}
.nulllink {
display: block;
text-decoration:none;
color:#4a1c39;
font-weight: bold;
padding-top: 6px;
padding-bottom: 5px;
font-size:.7em;
letter-spacing: .1em;
}

div#nav li a:hover {
color: #4a1c39;
} 

div#nav ul li ul {
position: absolute;
left: -1px;
top: 20px;
display: none;
border: 1px solid #B08B70;
width: 120px;
margin: 0;}

div#nav ul li ul li {
display: block;
text-decoration:none;
color:#4a1c39;
font-weight: bold;
border-top: 1px solid #B08B70;
border-left: 1px solid #B08B70;
border-right: 1px solid #B08B70;
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
background-color: #D5C6B0;
font-size:.9em;
text-align: center;
}

div#nav li li a:hover {
text-decoration: underline;}


/* hack*/
* html div#nav ul  { float: left; }
/* End */

	
div#nav ul li:hover ul, div#nav ul li ul:hover { display: block; }

	
div#nav li#selected {
color: #2464a1;
}


/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */