@charset "utf-8";
/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0; 
padding: 0; 
}

img {
border: none;
}

h3 {
font-size:14px;
}

p {
margin-top: 0;
margin-bottom: 0; 
padding-top: 0;
padding-bottom: 0;
} 


a:link, a:visited {
text-decoration: none; 
color: blue; 
background-color: transparent; 
}

a:hover, a:active {
text-decoration: none; 
color: red; 
background-color: transparent; 
}

hr {
line-height: 1px;
}

tl {
font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; 
font-size:12px;
padding-left: 7px;
}

.topline {
width: 99.9%;
height: 25; 
background: #e6edf4; 
padding-top: 3px; 
padding-bottom:5px; 
padding-left: 0px;
padding-right: 0px;
}

.topheader {
width: 99.9%;
height: 60px; 
background: #000084; 
padding: 0;
margin: 0;
color:#FFFFFF; 
}

.topleftheader {
float: left;
margin-left: 0;
width: auto;
min-width: 700px;
height: 60px; 
background: #000084; 
padding: 0px; 
color:#FFFFFF; 
}

.toprightheader {
float: right;
margin-left: 5px;
margin-right:0px;
width: 200px; 
height: 60px; 
background: #000084; 
padding: 0px; 
color:#FFFFFF; 
}

.topcenterheader {
height: 60px;
width: auto;
}

.navigation {
width: 99.9%; 
background: #e4e2cc; 
padding: 1px; 
color:#FFFFFF; 
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
white-space: nowrap;
}

.navigation a:link, .navigation a:visited {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
color: #000084;
}

.navigation a:hover, .navigation a:active {
text-decoration: none;
color: red;
}

#smallbox {
/*
background-image: url(images/boxslice.gif);
background-repeat:repeat-x;
*/
background-color: #000084;
float:left;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 20px;
width: 180px;
}

#smallbox ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: none;
}

#smallbox li {
border-bottom: 1px solid #000084;
}

#smallbox li a:link, #smallbox li a:visited {
font-size: 12px;
font-weight: bold;
display: block;
padding: 4px 0px 5px 8px;
border-top: 1px solid #000084;
border-left: 12px solid #000084;
border-right: 2px solid #000084;
background-color: #e6edf4;
color: #000000;
text-decoration: none;
}

#smallbox li a:hover {
font-size: 12px;
font-weight: bold;
display: block;
padding: 4px 0px 5px 8px;
border-left: 12px solid #000084;
border-right: 1px solid #000084;
background-color: #000084;
color: #FFFFFF;
text-decoration: none;
}

.homeaccess a:link, .homeaccess a:visited {
font-size: 10px;
color: green;
text-decoration: none;
}

.homeaccess a:hover {
font-size: 10px;
color: red;
text-decoration: none;
}



#childprogram {
background-color: #FFFF80;
}

#adultprogram  {
background-color: #DBDBDB;
}

#allagesprogram {
background-color: #D0E8E8;
}

#teenprogram {
background-color: #FAE2F4;
}

#libraryimage {
margin-right: 10px;
margin-bottom: 10px;
border: none;
float: left;
}

#programheader {
background-color: #0000FF;
color: white;
font-weight: bold;
}

#leftlink {
position: absolute;
top: 620px;
margin-left: 25px;
}

.content {
min-width: 600px; width:expression(document.body.clientWidth < 600? "600px":"auto" );
margin-top: 15px;
margin-left: 190px;
margin-right:20px;
padding: 5px;
}

.leftimage {
margin-right: 10px;
}


#rightcontent {
width: 200px;
margin-top: -20px;
margin-left: 20px;
margin-right: -25px;
padding: 0px;
float: right;
text-align:center;
background-color: #e4e2cc; 
color: #000084;
}

ul {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: none;
list-style-type: circle;
padding-left: 10px;
margin-left: 25px;
}

.smalltext {
font-size: small;
}