body
{
     background-color:#e1eefc;
    font-family: "Verdana", "Arial", Sans-Serif;
    padding:0px;
    margin:0px;
    }


h1
{
    color:#01151E;
    font-size:180%;
    font-weight:bold;
    font-family:"Comic Sans MS", "chalkboard", "Boulder", "Verdana","Arial","Helvetica", sans-serif;
    margin-top:1px;
    margin-bottom:6px;
}

h2
{
    color:#01151E;
    font-size:140%;
    font-family:"Comic Sans MS", "chalkboard", "Boulder", "Verdana","Arial","Helvetica", sans-serif;
    margin-top:4px;
    margin-bottom:2px;
    padding-top:1px;
}

h3
{
    color:#ffad42;
    font-size:125%;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
    margin:0px;
    padding:1px;
}

h4
{
    color:#023a4a;
    font-size:122%;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:1px;
    padding-top:6px;
}

h4.teen 
{
    color:#ffad42;
    font-size:110%;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:1px;
    padding-top:6px;
	background-color:#fefeef;padding:4px;
}
h5
{
    font-family:"Comic Sans MS", "chalkboard", "Boulder", "Verdana","Arial","Helvetica", sans-serif;
    color:#065166;
    font-size:115%;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:1px;
}


h6
{
    font-family:"Comic Sans MS", "chalkboard", "Boulder", "Verdana","Arial","Helvetica", sans-serif;
   color:#065166;
    font-size:110%;
    font-weight:bold;
    margin-top:3px;
    margin-bottom:1px;
}

p
{
    font-size:98%;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
}
p.junior
{
    font-size:98%;
	padding:2px 30px 2px 30px;
	
}


ul.junior 
{
	padding:3px 12px 12px 12px;
	margin-left:60px;
	list-style-image:url(images/bullet.gif);
}



a:link {
    color: #010527;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
}

a:visited {
    color: #010527;
    font-family: "Arial", sans serif;
   font-weight:bold;
    font-size:100%;
    text-decoration: underline;
}

a:hover {
    color: #3E4479;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
}

a:active {
    color: #3E4479;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
}

a.announcements:link {
    background-color:#AAE7DF;
    font-size:85%;
}

a.announcements:visited {
    background-color:#AAE7DF;
    font-size:85%;
}


a.menu:link {
    color: #010527;
    background-color:#386E69;
    font-family: "Arial", sans serif;
   font-weight:bold;
    font-size:115%;
    text-decoration: none;
}

a.menu:visited {
    color: #010527;
    background-color:#386E69;
    font-family: "Arial", sans serif;
   font-weight:bold;
    font-size:115%;
    text-decoration: none;
}

a.menu:hover {
    color: #3E4479;
    background-color:#D8D9DA;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:115%;
    text-decoration: none;
}

a.menu:active {
    color: #3E4479;
    background-color:#D8D9DA;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:115%;
    text-decoration: underline;
}

a.blank:link, a.blank:visited {
    color: #010527;
    font-family: "Arial", sans serif;
    font-weight:bold;
    text-decoration: underline;
    background-image:url(images/email-back.png);
}

a.blank:hover, a.blank:active  {
    color: #3E4479;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
}

a.tan:hover {
    color: #1A445F;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
    background-color:#E4BB86
}
a.tan:active {
    color: #1A445F;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
    background-color:#E4BB86
}

a.yellow:link {
    color: #010527;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
    background-color: #F6F472;
}


a.yellow:visited {
    color: #010527;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
    background-color: #F6F472;
}

a.yellow:hover {
    color: #1A445F;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
    background-color: #F6F472;
}

a.yellow:active {
     color: #1A445F;
    background-color:#87AAA6;
    font-family: "Arial", sans serif;
    font-weight:bold;
    font-size:100%;
    text-decoration: underline;
   background-color: #F6F472;
}

table
{
    font-size:100%;
    font-weight:bold;
}


.character {
    font-size:112%;
    color:#3D2C2A;
}

.bottomline 
{
    border:solid 0px;
    border-bottom-width:1px;
}

.homecontent
{
   background-color:#87AAA6;
    padding-top:6px;
    padding-bottom:12px;
    padding-left:14px;
    padding-right:12px;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:small;
    text-align:center;
}
.home-news 
{
	text-align:left;
}
.homenews {

	font-size:82%;    
	font-weight:bold;
	border-left:solid 1px #fff;
    border-bottom-style:solid;
    border-bottom-width:thick;
    border-right-style:solid;
    border-right-width:medium;
    padding:3px;
 }

.homepage 
{
	   width:100%;
	background-color:#d8cbba;
}
.instruct 
{
	border:solid 1px;
	padding:4px;
	font-size:smaller;
}
.menu {
    background-image:url(images/bookshelves3.jpg);
    background-color:#386E69;
    padding-left:8px;
    padding-right:4px;
    padding-top:8px;
    padding-bottom:4px;
    width:200px;
    height:515px;
    font-size:small;
    border-style:solid;
    border-left-width:1px;
    border-top-width:1px;
    border-right-width:2px;
    border-bottom-width:2px;
    position:relative;
    z-index:500;
}
.pictureleft 
{
    float:left ;
    margin-right :20px;
}
.picturelefttight 
{
    float:left ;
    margin-right :2px;
}

.pictureright 
{
    float:right ;
    margin-left :20px;
}

.searches 
{
      
        border-style:solid;
        border-color:#386E69;
        border-width:1px;
        background-color:#e0f4f7;
        padding:2px;
        width:500px;
        font-size:smaller;
    }
.smaller 
{
	font-size:85%;
}
.verysmall 
{
    font-size:11px;
}
div#address
{
     background-color:#e1eefc;
    background-image:url(images/library-background.jpg);

    width:100%;
    padding:0px;
    margin:0px;
    border-style:none;
    border-width:0px;
    font-size:12px;
    height:160px;
}

#container 
{
    width:770px;
    margin:auto;
}

div#homepage
{
    width:96%;

}
div#homecenter
{
    font-size:90%;
    text-align:center;
    min-height:350px; 
    background-color:#d8cbba;
    z-index:2;
}



div#juniorcontent
{
    position:absolute;
    left:270px;
    top:162px;
    background-color:#eef2fc;
    padding-top:6px;
    padding-bottom:12px;
    padding-left:16px;
    padding-right:12px;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:small;
}

div#renewcontent
{
    position:absolute;
    left:270px;
    top:210px;
     background-color:#d6f1f5;
    padding-top:6px;
    padding-bottom:12px;
    padding-left:16px;
    padding-right:12px;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:small;
}



div#menu {
    background-image:url(images/bookshelves3.jpg);
    background-color:#386E69;
    padding-left:8px;
    padding-right:4px;
    padding-top:8px;
    padding-bottom:4px;
    width:240px;
    height:515px;
    font-size:small;
    position:relative;
    float:left;
    left:2px;
    top:1px;
    border-style:solid;
    border-left-width:1px;
    border-top-width:1px;
    border-right-width:2px;
    border-bottom-width:2px;
    z-index:20;
}

div#pagecontent
{

     background-color:#eef2fc;
   position:absolute;
    left:270px;
    top:162px;
    min-width:500px;
    padding-top:6px;
    padding-bottom:12px;
    padding-left:16px;
    padding-right:12px;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    font-size:small;
}