//*CSS document*//

body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
#logo {
position:absolute;
left:20px;
top:0px;
width:180px;
height:108px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color:#660000;
z-index:2;
}
#logo a img {
width:180px;
height:108px;
background:no-repeat;
border-width:0px 0px 0px 0px
}
#logo a#logoimage img {background-image:  url(MCB_logo_oval.jpg);}
#logo a#logoimage:hover img {background-image:  url(MCB_logo_oval_roll.jpg);
}
#books {
position:absolute;
left:220px;
top:0px;
width:576px;
height:110px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color:#ffffff;
z-index:5;
}
#topbar {
position:absolute;
left:220px;
top:0px;
width:800px;
height:110px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color:#660000;
}
#titlebar {
position:absolute;
left:220px;
top:110px;
width:800px;
height:35px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}
#horiznav {
position:absolute;
width:550px;
padding-left:30px;
padding-right:10px;
left:220px;
top:110px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
color: #006600;
font-size:smaller;
text-align:center;
letter-spacing:.02em;
font-weight:bold;
}
#horiznav2 {
font-family: "Times New Roman", serif;
color: #006600;
font-size:small;
text-align:left;
line-height:250%;
font-weight:normal;
font-weight:bold;
}
#sectionnav {
position:absolute;
left:220px;
top:50px;
height:32px;
}
#sectionnav a img {
height: 32px;
width: 300px;
background:no-repeat;
border-width:0px 0px 0px 0px
}
#sectionnav a#sectionabout img {background-image:  url(section_about.gif);}
#sectionnav a#sectionabout:hover img {background-image:  url(section_about_roll.gif);}

#sectionnav a#sectionmabook img {background-image:  url(section_mabook.gif);}
#sectionnav a#sectionmabook:hover img {background-image:  url(section_mabookroll.gif);}

#sectionnav a#sectionliteracy img {background-image:  url(section_literacy.gif);}
#sectionnav a#sectionliteracy:hover img {background-image:  url(section_literacyroll.gif);}

#sectionnav a#sectioncontact img {background-image:  url(section_contact.gif);}
#sectionnav a#sectioncontact:hover img {background-image:  url(section_contactroll.gif);}

#sectionnav a#sectionlitmap img {background-image:  url(section_litmap.gif);}
#sectionnav a#sectionlitmap:hover img {background-image:  url(section_litmaproll.gif);}

#sectionnav a#sectionletterslit img {background-image:  url(section_letters.gif);}
#sectionnav a#sectionletterslit:hover img {background-image:  url(section_lettersroll.gif);}

#sectionnav a#sectionevents img {background-image:  url(section_events.gif);}
#sectionnav a#sectionevents:hover img {background-image:  url(section_eventsroll.gif);}

#sectionnav a#sectiondirlinks img {background-image:  url(section_dir_links.gif);}
#sectionnav a#sectiondirlinks:hover img {background-image:  url(section_dir_linksroll.gif);}

#leftbar {
position:absolute;
left:1px;
top:0px;
width:200px;
height:2500px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:20px;
background-color:#660000;
}
#leftimage {
position:absolute;
left:35px;
top:195px;
height:200px;
width:150px;

}
#leftcaption {
left:35px;
width:150px;
font-family: Georgia, "Times New Roman", serif;
font-size:smaller;
color:#ffffff;
text-align:left;
}
#leftcaptioncentered {
left:35px;
width:150px;
font-family: Georgia, "Times New Roman", serif;
font-size:smaller;
color:#ffffff;
text-align:center;
}
#mainnav {
position:absolute;
left:10px;
top:150px;
height:280px;
width:200px;
}
#mainnav a img {
height: 35px;
width: 200px;
background:no-repeat;
border-width:0px 0px 0px 0px
}
#mainnav a#about img {background-image:  url(aboutnav.gif);}
#mainnav a#about:hover img {background-image:  url(aboutnavroll.gif);}

#mainnav a#bookawards img {background-image:  url(awardnav.gif);}
#mainnav a#bookawards:hover img {background-image:  url(awardsnavroll.gif);}

#mainnav a#litmap img {background-image:  url(litmapnav.gif);}
#mainnav a#litmap:hover img {background-image:  url(litmapnavroll.gif);}

#mainnav a#letterslit img {background-image:  url(lettersnav.gif);}
#mainnav a#letterslit:hover img {background-image:  url(lettersnavroll.gif);}

#mainnav a#literacy img {background-image:  url(literacynav.gif);}
#mainnav a#literacy:hover img {background-image:  url(literacynavroll.gif);}

#mainnav a#events img {background-image:  url(eventsnav.gif);}
#mainnav a#events:hover img {background-image:  url(eventsnavroll.gif);}

#mainnav a#dir_links img {background-image:  url(linksnav.gif);}
#mainnav a#dir_links:hover img {background-image:  url(linksnavroll.gif);}

#mainnav a#contact img {background-image:  url(contactnav.gif);}
#mainnav a#contact:hover img {background-image:  url(contactnavroll.gif);}

#content {
	position:absolute;
	left:224px;
	top:150px;
	width:547px;
	padding-left:30px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:0px;
	background-color:#ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-size:80%;
	color:#000000;
	text-align:left;
	text-indent:0em;
	line-height:180%;
	height: 3813px;

}
#content img {
	margin:0 10px 0 0;
	float: left;
	clear: both;
}
p.list {
text-indent:0em}

.photocaption {
font-family: Arial, "Times New Roman", "san serif";
color:#000000;
font-size:x-small;
line-height:normal;
text-indent:0em;
}

#footer {
left:240px;
padding-top:20px;
font-family: Arial, "Times New Roman", "san serif";
color:#777777;
font-size:x-small;
line-height:normal;
text-indent:0em;
}
a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	color: #006600;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #ff9900;
}
a:active {
	text-decoration: none;
}

.subhead {
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", serif;
color:#777777;
text-indent:0em;
}
blockquote {
font-family: Georgia, "Times New Roman", serif;
font-size:small;
color:#000000;
text-align:left;
text-indent:0em;
}
li {text-indent:0em}