body {
font: 1em  Verdana, Arial, Helvetica, sans-serif; 	
color: #000000; /*charcoal*/
background-color: #6699FF; /*blue*/}

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

/*the MAIN WRAPPER AND HEADER div identities begin here*/
#mainwrapper { 
width: 800px; 
margin: 0 auto; 
border: 1px solid #000000; /*black*/
background-color: #FFCC00;} /*white or FFCC00*/

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

/*the NAV COLUMN style divs begins here*/
#nav {
float: left; 
width: 800px; 
border-top: 1px solid #000000; /*black*/
border-bottom: 1px solid #000000; /*black*/
font-size: .8em; 
background-color: #000000;} /*black*/

#nav ul {
margin: 0 22px;}

* html #nav ul {
float: left; 
border-left: 1px solid #6699FF; /*blue*/
margin: 0 11px;}

#nav li {
float: left; 
list-style-type: none; 
background-color: #000000; /*black*/
border-right: 1px solid #6699FF;} /*blue*/

#nav li:first-child {
border-left: 1px solid #6699FF;} /*blue*/

#nav a {
padding: 0 18px; 
text-decoration: none; 
color: #6699FF;} /*blue*/

* html a {display: block;}

#nav a:hover {
color: #000000; /*black*/
background-color: #6699FF;} /*blue*/

/*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 #FF0000;
border-right: 1px solid #FF0000;}

#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;} /*black*/

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

.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: 3px solid #FFFFFF;}

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

#leftcolumn h1{
font-size: .8em; 
margin-top: .5em; 
font-variant: small-caps;
color: #FF0000; /*black*/
text-align: center;
margin-bottom: .7em;}

#leftcolumn p{
font-size: .7em; 
color: #000000; /*black*/
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: #000000; /*black*/
text-decoration: underline;}

#leftcolumn a:hover{
color: #FF0000; /*red*/
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: verdana, arial, sans-serif; 
color: #FF0000; /*black*/
font-style: italic;
text-align: left;
margin-bottom: .5em;}

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

#middlecolumn h3 {
font-size: .8em; 
font-variant: small-caps; 
font-family: verdana, arial, sans-serif; 
color: #000000; /*black*/
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: #000000; /*blue*/
text-decoration: underline;}

#middlecolumn a:hover{
color: #FF0000; /*red*/
text-decoration: none;}

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

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

#rightcolumn h1{
font-size: .8em; 
margin-top: .5em; 
font-variant: small-caps;
color: #FF0000; /*red*/
text-align: center;
margin-bottom: .7em;}

#rightcolumn p{
font-size: .7em; 
color: #000000; /*black*/
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: #000000; /*black*/
text-decoration: underline;}

#rightcolumn a:hover{
color: #FF0000; /*red*/
text-decoration: none;}

#footer {
clear: both; 
display: block; 
border-top: 1px solid #000000; /*black*/
background-color: #000000; /*black*/
color: #6699FF;}

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