body {
font-family: arial, helvetica, sans-serif; font-size: 120%; color: #006; background-image: url('images/back.gif'); margin-left: 10%; margin-right: 10%;
}

/* Images */

img {
border-width: 0;
}

.border {
border-style: solid; border-width: 5px; border-color: #006;
}

.floatright {
float: right; margin-left: 5%;
}

.floatleft {
float: left; margin-right: 5%;
}

/* Headings */

h1 {
font-family: "Times New Roman", times, serif; font-weight: bold; text-align: center; font-size: 140%;
}

h2 {
font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: left; font-size: 120%;
}

h3 {
font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: left; font-size: 100%;
}

h3.negative {
font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: left; font-size: 80%;
color: #fff; background-color: #006;
}

h4 {
font-family: "Times New Roman", times, serif; font-weight: bold; text-align: center; font-size: 80%;
}

/*Navigation */

.navtab {
border-style: solid; border-width: 10px; border-left-color: #aaa; border-top-color: #bbb; border-right-color: #555; border-bottom-color: #555; width: 100%;
}

.nav {
font-family: arial, helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #fff; background-color: #006; text-align: center; padding-left: 4px; padding-right: 4px;
}

/* Advisers */

#volunteer {
text-align: justify; color: #fff; background-color: #006; padding-left: 5px; padding-right: 5px; margin-left: 10%; margin-right: 10%;
}

/* Index */

.date {
font-weight: bold; color: red;
}

#footerleft {
float:left; padding-left: 4px; padding-right: 4px; font-size: 80%; text-align: left; color: #fff; background-color: #006; width: 200px;
}

#footerright {
float: right; padding-left: 4px; padding-right: 4px; font-size: 80%; text-align: left; color: #fff; background-color: #fff; width: 200px;
}
p.small {
clear: both; font-size: 60%; font-weight: bold;
}

p.red {font-size: 100%; font-weight: bold; color: #ff0000;}

/* Books */

#bookpics {
position: absolute; right: 72%;
}

#booktext {
position: absolute; left: 30%;
}

/* Stats */

#stats {
margin-left:25%;
}

.right {
text-align: right;
}

/* Feedback */

.plain {
width: 70%; border-style: solid; border-color: #66f; border-width: 2px; padding: 4px;
}

.negative {
margin-left: 30%; width: 70%; color: #fff; background-color: #66f;
}

/* Site */

#site {
position: absolute; width: 40%; margin-top: 20px;
}

#external {
position: absolute; left: 50%; width: 50%; margin-top: 20px;
}

.indent {
text-indent: 5%;
}

/* Links */

a {
font-weight: bold;
}

a:link,a:visited {
color: #66f; text-decoration: none;
}

a:hover,a:active {
color: #006; text-decoration: none;
}

a.nav:link,a.nav:visited {
color: #fff; text-decoration: none;
}

a.nav:hover,a.nav:active {
color: #66f; text-decoration: none;
}

a.bignav:link,a.bignav:visited {
color: #fff; text-decoration: none;
}

a.bignav:hover,a.bignav:active {
color: #66f; text-decoration: none;
}