<style type="text/css">



a.header:link {color: #ffffff; text-decoration: underline; font-size: 8pt}
a.header:visited {color: #ffffff; text-decoration: underline; font-size: 8pt}
a.header:hover {color: #dddddd; text-decoration: none; font-size: 8pt}

a.header_solid:link {color: #800000; text-decoration: none; font-weight: 400; font-size: 10pt}
a.header_solid:visited {color: #800000; text-decoration: none; font-weight: 400; font-size: 10pt}
a.header_solid:hover {color: #800000; text-decoration: underline; font-weight: 400; font-size: 10pt}

a.new:link {color: #527490; font-size: 10pt; text-decoration: none; font-weight: 600}
a.new:visited {color: #527490; font-size: 10pt; text-decoration: none; font-weight: 600}
a.new:hover {color: #cccccc; font-size: 10pt; text-decoration: none; font-weight: 600}
	


a.nav:link {color: #ffffff; text-decoration: none}
a.nav:visited {color: #ffffff; text-decoration: none}
a.nav:hover {color: #dddddd; text-decoration: none}


a.intro:link {color: #800000; text-decoration: none; font-family:sans-serif; font-size: 12pt; font-weight: 100}
a.intro:visited {color: #800000; text-decoration: none; font-family:sans-serif; font-size: 12pt; font-weight: 100}
a.intro:hover {color: #000000; text-decoration: none; font-family:sans-serif; font-size: 12pt; font-weight: 100}

a.body:link {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.body:visited {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.body:hover {color: #000000; text-decoration: none; font-size:12px;
 font-family:sans-serif}

a:link {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a:visited {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a:hover {color: #000000; text-decoration: none; font-size:12px;
 font-family:sans-serif}


a.rolodex:link {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.rolodex:visited {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.rolodex:hover {color: #000000; text-decoration: none; font-size:12px;
 font-family:sans-serif}


a.event:link {color: #800000; text-decoration: underline; font-size:14px;
 font-family:sans-serif; font-weight: 500}
a.event:visited {color: #800000; text-decoration: underline; font-size:14px;
 font-family:sans-serif; font-weight: 500}
a.event:hover {color: #000000; text-decoration: none; font-size:14px;
 font-family:sans-serif; font-weight: 500}

a.faceted:link {color: #800000; text-decoration: none; font-weight: 500; font-size: 12px}
a.faceted:visited {color: #800000; text-decoration: none; font-weight: 500; font-size: 12px}
a.faceted:hover {color: #000000; text-decoration: underline; font-weight: 500; font-size: 12px}

a.footer:link {color: #800000; text-decoration: none; font-size: 8pt}
a.footer:visited {color: #800000; text-decoration: none; font-size: 8pt}
a.footer:hover {color: #000000; text-decoration: none; font-size: 8pt}

a.closing:link {color: #800000; text-decoration: none; line-height: 8pt; font-size: 8pt}
a.closing:visited {color: #800000; text-decoration: none; line-height: 8pt;font-size: 8pt}
a.closing:hover {color: #000000; text-decoration: none; line-height: 8pt;font-size: 8pt}


a.pagination:link {color: #800000; text-decoration: none; font-size: 9pt}
a.pagination:visited {color: #800000; text-decoration: none; font-size: 9pt}
a.pagination:hover {color: #000000; text-decoration: underline; font-size: 9pt}

a.welcome:link {color: #527490; font-size: 18px; text-decoration: none; font-weight: 500}
a.welcome:visited {color: #527490; font-size: 18px; text-decoration: none; font-weight: 500}
a.welcome:hover {color: #527490; font-size: 18px; text-decoration: underline; font-weight: 500}




body {		
margin:0px 0px 0px 0px;		
background: #fff;


background-image:url(http://www.wilmettelibrary.info/global_graphics/wpl_sidebar2.jpg);
	background-repeat: repeat-y;

}

#box {
width:100%;
height:100%;
background-color:#76C5F0;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
padding: 5px
}



form.header {
margin-bottom: 0px;
margin-top: 0px;
margin-left:0px;
margin-right:0px;
}


#header {
float:bottom;
width=100%;
background:#fff;		
margin-left:0px;
margin-bottom:0px;		
margin-right:0px;
font-family:sans-serif;
font-size: 8px
}



#header_bar {
float:top;
margin-left:10px;
margin-right:0px;
font-family:sans-serif;
font-size: 12px;
font-weight:520;
text-decoration: none;
color: #800000;
}


input.submit {
border:5px #fff solid;   
background-color: #fff;
font-size: 12px;
color: #800000;
}

	
	

#navbar {
		
float:left;
						
border-right:0px solid #fff;
		
border-bottom:0px solid #fff;

margin-left:0px;
		
margin-right:10px;

padding-top:15px;		
padding-bottom:50px;
padding-left:10px;


font-family:sans-serif;
font-weight:400;
font-size: 10pt		
}



li {style:square;
font-size:12px;
font-family:sans-serif;
}

li.square {style:square;
color:#ffffff;
font-size:12px;
font-family:sans-serif;
}

ul.featured {
list-style-type:square;
color:#597c98;
font-size:10px;
font-family:sans-serif;
}

ul.square {list-style-type:square;
color:#000000;
font-size:12px;
font-family:sans-serif;
}


ol.body {
font-size:12px; 
font-family:sans-serif;
}

ul.body {
font-family:sans-serif;
font-size: 12pt;	
}



p,h1,pre {	
margin:0px 15px 10px 15px;		
}


p.caption {
font-family:sans-serif;
color:#000000;		
font-size:8px;		
margin-left:0px;
font-weight:500;

}

p.fieldset {
font-family:sans-serif;
color:#000000;		
font-size:10px;
padding-top:5px;		
margin-left:20px;
font-weight:500;

}


p.events {
font-family:sans-serif;
color:#800000;		
font-size:13px;		
margin-left:0px;
font-weight:600;
}


p.holidays {
font-family:sans-serif;
color:#800000;		
font-size:11px;		
margin-left:0px;
font-weight:500;
}



p.photocaption {
font-family:sans-serif;
color:#000000;		
font-size:9px;		
margin-left:0px;
font-weight:500;
}


p.footer {
font-family:sans-serif;
color:#000000;		
font-size:10px;		
margin-left:0px;
font-weight:500;
}

p.home {
font-family:sans-serif;
color:#800000;		
font-size:13px;		
margin-left:0px;
font-weight:600;
}


p.rolodex {
font-family:sans-serif;
color:#000000;		
font-size:10px;		
margin-left:0px;
font-weight:500;
}


p.quotes {
font-family:sans-serif;
color:#5E5C5D;		
font-size:10px;		
margin-left:0px;
font-weight:500;
}




h1.intro {
font-family:sans-serif;
font-size:16px;
font-weight: 600;		
padding-top:0px;
color: #527490;		
}

h1.nav {		
font-size:18px;		
padding-top:10px;
color: #ffffff;
		
}


h1.home {		
font-size:18px;
font-family:sans-serif;		
padding-top:10px;
margin-left:0px;
color: #527490;		
}



h2.home {		
font-size:16px;
font-family:sans-serif;		
padding-top:0px;
margin-left:0px;
color: #527490;		
}



h3.home {
		
font-size:16px;
font-family:sans-serif;		
padding-top:10px;
margin-left:0px;
color: #bbbbbb		
}



h4.home {		
font-size:14px;
font-family:sans-serif;	
padding-top:5px;
padding-bottom:3px;
margin-left:0px;
color: #527490;		
}

h4.header {		
font-size:14px;
font-family:sans-serif;	
padding-top:5px;
padding-bottom:3px;
margin-left:0px;
color: #527490;		
}




h1.body {		
font-size:20px;
font-family:sans-serif;	
padding-top:10px;
margin-left:0px;
color: #527490;		
}



h2.body {
		
font-size:18px;
font-family:sans-serif;	
padding-top:5px;
margin-left:0px;
color: #527490;		
}


h3.body {		
font-size:16px;
font-family:sans-serif;	
padding-top:5px;
margin-left:0px;
color: #000000
;		
}


h4.body {		
font-size:14px;
font-family:sans-serif;	
padding-top:5px;
margin-left:0px;
color: #000000;		
}


.image_border {
padding: 7px;
border-style: hidden;
border-width: 1px;
border-color: #900;
}


img.reviews {
width: 121px;
}



	
	
#leftcontent p {
font-family:sans-serif;		
font-size:12px;		
margin-left:0px;		
}


#rightcontent p {
font-family:sans-serif;		
font-size:12px;		
margin-left:0px;
margin-right:0px;		
}


table.home {
height=25px;
}


/* TEEN NAVIGATION TABS */


#tabs {
border-bottom: .5em solid #03c;
margin: 0;
padding: 0;
}

#tabs li { 
display:inline; 
border-top: .1em solid #03c;
border-left: .1em solid #03c;
border-right: .1em solid #03c;
}

#tabs li a {
text-decoration: none;
padding: 0.25em 1em;
color: #000;
} 

.entertainment #tabs li#tab1 a, .homework #tabs li#tab2 a, .reading #tabs li#tab3 a, .life #tab4 a, .school #tabs li#tab5 a, .miscellaneous #tabs li#tab6 a{
padding: 0.25em 1em;
background-color: #03c;
color: #fff;
} 

/* END TEEN NAVIGATION CSS */


#readersscoop p {
font-family:sans-serif;		
font-size:12px;		
margin: 2px 0px 2px 0px;		
}

#readersscoop p.date {
font-family:sans-serif;	
font-weight: 900;	
font-size:11px;		
margin: 0px 0px 3px 0px;		
}

#readersscoop p.title {
font-family:sans-serif;
font-weight: 600;
text-transform:uppercase;		
font-size:13px;		
margin: 3px 0px 3px 0px;
line-height: 12px;
color: #527490;			
}


#readersscoop p.postedby {
font-family:sans-serif;		
font-size:11px;		
margin-left:0px;
margin: 5px 0px 0px 0px;
color: #800000;			
}



a.readersscoop:link {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.readersscoop:visited {color: #800000; text-decoration: underline; font-size:12px;
 font-family:sans-serif}
a.readersscoop:hover {color: #000000; text-decoration: none; font-size:12px;
 font-family:sans-serif}

a.readersscoop_right:link {color: #800000; text-decoration: none;  font-size:11px;
 font-family:sans-serif}
a.readersscoop_right:visited {color: #800000; text-decoration: none;  font-size:11px;
 font-family:sans-serif}
a.readersscoop_right:hover {color: #000000; text-decoration: underline;  font-size:11px; font-family:sans-serif}

h1.readersscoop {		
font-size:20px;
font:normal 150% Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;	
padding-top:10px;
margin-left:0px;
line-height: 8pt;
color: #527490;		
}

h2.readersscoop {		
font-size:14px;
text-transform:lowercase;
line-height: 18px;
font-family:sans-serif;	
font-weight: 700;
margin: 3px 3px 3px 3px;	
color: #ffffff;		
}

h2.rightcontent {		
font-size:20px;
text-transform:lowercase;
text-align:right;
line-height: 18px;
font-family:Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;	
font-weight: 400;
margin: 0px 0px 7px 0px;	
color: #527490;		
}

p.rightcontent {		
font-size:12px;
font-family:sans-Serif;	
font-weight: 400;
margin: 0px 0px 7px 0px;	
color: #527490;		
}

a.rightcontent:link {color: #800000; text-decoration: underline; font-size:12px;
 text-align:right; font-family:sans-serif}
a.rightcontent:visited {color: #800000; text-decoration: underline; font-size:12px;
 text-align:right; font-family:sans-serif}
a.rightcontent:hover {color: #000000; text-decoration: none; font-size:12px;
 text-align:right; font-family:sans-serif}


.btnav { 
background-color: #eeeeee; 
border: 1px #000000 solid
} 
	

</style>
