body {
margin:0; padding:0;
font-family:verdana, arial, sans-serif; font-size:70%; color:#666666; background-color:#ffffff;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {color: #000000; text-decoration:underline;}

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

a:active {
color:#d3d3d3; text-decoration:underline;}

div.wholepage {
margin:0 8% 0 8%; padding:0; background-color:#FFFFFF;}

div {margin:0; padding:0;}

h1 {
color:#666666; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}


/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0;}

.superheader {
background-color:#aa693a; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}

.mainheader {
margin:0; padding:15px 1em 15px 1em; text-align:left;
/* background-image:url(images/front.jpg); background-repeat:no-repeat;  */ background-position:right top;}

.mainheader h1 {
font-size:300%; text-align: center; font-family: times new roman, arial, sans-serif; letter-spacing: 5px; margin:0 0 5px 0; padding:0;}

.subheader {
background-color:#ba8864; margin:0; padding:0.2em; text-align:right; color:#FFFFFF; vertical-align: middle;}




/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; padding:0; position: absolute; top: 200px; left: 80px; float: left;width:15%; text-align:left;}

#sidecontainer h2 {
display:block; margin:0; padding:0.1em; color:#FFFFFF; background-color:#aa693a; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}

.nav {
margin:0 0 1.0em 0; padding:0; list-style-type:none; background-color:#ffffff;}

.nav li {
margin:0; padding:0; display:block;}

.nav a:link, .nav a:visited {
display:block; font-size:120%; margin:0; text-decoration:none; color:#666666; margin:0; padding:0.5em; _padding:0em;}

.nav a:hover {
display:block; font-size:120%; margin:0; text-decoration:none; color:#ffffff; margin:0;  padding:0.5em; _padding:0em; background-color:#d3d3d3;}

.nav a:active {
display:block; font-size:120%; margin:0; text-decoration:none; color:#666666; margin:0;  padding:0.5em; _padding:0em;}




/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 20%; padding:0.8em;}

#content img {border-style:none;}

q {
display:block; margin:0; padding:0.4em 5% 0.6em 5%; color:#999999; font-size:100%; 
text-align:left; }

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:0em;}


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;}

.superfooter {
background-color:#ba8864; height:1.8em;}

.mainfooter {color: #666666;
background-color:#d3d3d3; text-align:center;}

.mainfooter a{ color: #666666; text-decoration: underline;
}
.mainfooter a:hover{ color: #ffffff; text-decoration: none;
}
.subfooter {
background-color:#aa693a; height:0.6em;}

#footer p {
font-size:75%; color:#666666; padding:0.3em;}

.box{
   float: right; 
   width: 130px;
   font-size: 100%; 
   padding: 0.5em;
   margin: 0.5em;
   border: 1px solid #666666;
}