body {
font: 1em  Verdana, Arial, Helvetica, sans-serif; 	
color: #F4DD78; /*charcoal*/
background-color: #FFF; }

/*this removes all default browser margins and paddings*/
* {
margin: 0; 
padding: 0;}

h1 {
font: 2em  Corbel, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F4DD78;}
 
h2 {
font: 1.5em  Corbel, Arial, Helvetica, sans-serif; 	
color: #F4DD78;
font-weight: bold;} 

h3 {
font: 1.5em  Corbel, Arial, Helvetica, sans-serif; 	
color: #E13108;
font-weight: bold;} 

h4 {
font: 1.3em  Corbel, Arial, Helvetica, sans-serif; 	
color: #F4DD78;
font-weight: bold;} 

h5 {
font: 1.3em  Corbel, Arial, Helvetica, sans-serif; 	
color: #E13108;
font-weight: bold;} 

h6 {
font: 1.5em  Corbel, Arial, Helvetica, sans-serif; 	
color: #000;
font-weight: bold;}

/*the MAIN WRAPPER AND HEADER div identities begin here*/
#mainwrapper { 
width: 800px; 
margin: 3em auto; 
border: 1px solid #000000; 
background-color: #A89371;} 

#headertop {
height: 200px;
background-image: url(../images/mcsamplepoems.jpg);
background-repeat: no-repeat;}

/*the NAV div identities begin here*/
#nav {
float: left; 
width: 800px; 
border-top: 1px solid #000000; 
border-bottom: 2px solid #000000; 
font-size: .8em; 
background-color: #000000;} 

#nav ul {
margin: 0 22px;}

* html #nav ul {
float: left; 
border-left: 1px solid #F4DD78; 
margin: 0 11px;}

#nav li {
float: left; 
list-style-type: none; 
background-color: #000000; 
border-right: 1px solid #F4DD78;} 

#nav li:first-child {
border-left: 1px solid #F4DD78;} 

#nav a {
padding: 0 18px; 
text-decoration: none; 
color: #F4DD78;} 

* html a {display: block;}

#nav a:hover {
color: #000000; 
background-color: #F4DD78;} 
/*the MAIN COLUMN div identities begin here*/
#columnswrapper {
float: left;
width: 800px;}

#leftcolumn {
float: left;
width: 168px; 
padding-top: 1em;}

#middlecolumn {
float: left; 
width: 462px;
padding-top: 1em;
border-left: 1px solid #F4DD78;
border-right: 1px solid #F4DD78;}

#rightcolumn {
float: left;
width: 168px; 
padding-top: 1em;}

#footer {
width: 800px;} /*xxx*/

/*the CLASS div identities begin here*/
.pagecenter {
margin: 3em auto;}

.accolade {
font-style: italic;
text-align: right;}

.smallcaps {
font-variant: small-caps;} 

.center {
text-align: center;}

.leftimage {
float: left; 
margin-right: 10px; 
border: 1px solid #000000;} 

.rightimage {
float: right; 
margin-left: 10px; 
border: 1px solid #000000; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {
display: inline-block;}
* html .clearfix {
height: 1%;}
.clearfix {
display: block;}

.clearfix {
display: inline-table;}

/*Hides from IE-mac\*/
* html .clearfix {
height: 1%;}
.clearfix {
display: block;}
/*End hide from IE-mac*/

.clearall {
clear: both;
display: block;} /*CLASS for footer to clear all columns*/

/*the LEFT COLUMN style divs begin here*/
#leftcolumn img {
border: 0px solid #FFFFFF;}

#leftcolumn img p {
font-size: .5em;}

#leftcolumn h1{
font-size: .9em;
font-weight: bold; 
margin-top: .5em; 
font-variant: small-caps;
color: #E13108; 
text-align: center;
margin-bottom: .7em;}

#leftcolumn p{
font-size: .7em; 
color: #F4DD78; 
text-align: center;
padding: 0 6px;}

#leftcolumn #lclist ul {
list-style-type: none; 
font-size: .7em; 
margin: 1em 6px 1em;
border-top: 2px solid #000000;} 

#leftcolumn #lclist li {
padding-top: .5em;
margin-top: 0; 
margin-bottom: 1em;
text-align: center;} 

#leftcolumn a {
color: #F4DD78; 
text-decoration: underline;}

#leftcolumn a:hover{
color: #E13108; 
text-decoration: none;}

/*the MIDDLE COLUMN style divs begin here*/
#middlecolumnwrapper {
margin: 0 10px;}

.bookimage img {
width: 100px; 
float: left; 
border: none;
margin-right: 10px;
margin-bottom: 60px;}

.bookimage p {
font-size: .65em;
margin: 0 5px;}

#middlecolumn h1{
font-size: 1.5em; 
font-variant: small-caps; 
font-family: corbel, arial, sans-serif; 
color: #E13108; 
font-style: italic;
text-align: left;
margin-bottom: .5em;}

#middlecolumn h2{
font-size: 1.5em; 
font-variant: small-caps; 
font-family: corbel, arial, sans-serif; 
color: #E13108; 
font-style: italic;
text-align: center;
margin-bottom: .5em;}

#middlecolumn h3 {
font-size: .8em; 
font-variant: small-caps; 
font-family: corbel, arial, sans-serif; 
color: #F4DD78; 
text-align: left;
margin-bottom: 2px;}

#middlecolumn p {
font-size:.75em; 
margin-top: 0; 
margin-bottom: .5em;
line-height: 16px;}

#middlecolumn blockquote {
width: 255px; 
float: right; 
font-size: .75em; 
border-top: 2px solid #000000;
border-bottom: 2px solid #000000; 
margin-top: 1.3em;
margin-bottom: 2px; 
padding: 6px 6px;}

#middlecolumn blockquote p {
margin: 0; 
font-style: italic;
line-height: 20px;}

#middlecolumn #mclist ul {
list-style-type: none; 
font-size: .7em; 
padding: 6px 0;}

#middlecolumn #mclist li {
padding-top: 1em;
margin-bottom: 1.75em;}

#middlecolumn #mclist li:first-child {
border-top: 2px solid #000000;
margin-top: .9em;} 

#middlecolumn a {
color: #F4DD78; 
text-decoration: underline;}

#middlecolumn a:hover{
color: #E13108; 
text-decoration: none;}

/*the RIGHT COLUMN style divs begin here*/
#rightcolumn img {
border: 0px solid #FFCC00;}

#rightcolumn img p {
font-size: .5em;}

#rightcolumn h1{
font-size: .9em; 
margin-top: .5em; 
font-variant: small-caps;
color: #E13108; 
text-align: center;
margin-bottom: .7em;}

#rightcolumn p{
font-size: .7em; 
color: #F4DD78; 
text-align: center;
padding: 0 6px;}

#rightcolumn #rclist ul {
list-style-type: none; /*removes bullets from list*/
font-size: .7em; 
margin: 1em 6px 1em; /*increase-decrease space outside list box*/
border-top: 2px solid #000000;}

#rightcolumn #rclist li {
padding-top: .5em; /*increase-decrease space between list item and list item box*/
margin-top: 0; /*increase-decrease space outside list item box*/
margin-bottom: .5em;
text-align: center;}

#rightcolumn a {
color: #F4DD78; 
text-decoration: underline;}

#rightcolumn a:hover{
color: #E13108; 
text-decoration: none;}

#footer {
clear: both; 
display: block; 
border-top: 1px solid #000000; 
background-color: #000000; 
color: #F4DD78;}

#footer p {
font-size: 70%; 
margin: 0; 
padding: 5px; 
text-align: center;}