body {
background-color: #fdecf9; }
#header h1 {
text-align: center;
color: #7110af; }
#content {
position: relative;
width: 100%; }
#navcontainer {
position: absolute;
top: 0px;
left: 0px;
width: 222px; }
#main-text {
margin-left: 230px; }
#footer {
border-top: 1px solid;
font-style: italic;
margin-left: 230px;
margin-top: 1em; }

span.bold {
font-weight: bold; }
span.italic {
font-style: italic; }
p.bold {
font-weight: bold; }
p.quote {
margin-left: 3em;
}

p.attention {
color: #ff0000;
padding: 1em;
border: 0.5em double;
font-weight: bold;
background-color: #ffffff; 
}

div.attention {
color: #ff0000;
padding-left: 1em;
padding-right: 1em;
border: 0.5em double;
font-weight: bold;
background-color: #ffffff; }

.img-right {
float: right;
margin-left: 0.5em;
margin-bottom: 0.5em;
text-align: center; }

img { border: 0px; }

.img-text {
font-size: 0.7em;
margin-top: -0.25em; }

/* Navigation Style */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 190px;
color: #7110af;
background-color: #f2cef0;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: .8em;
}

#navcontainer a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 175px;
color: #000;
background-color: #c2d4d8;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #889E88;
text-decoration: none;
}