@import url("common.css");
body {
 margin: 0;
 padding: 0;
 border: 0;
 background-image: url("../_rotation_backgrounds/rotate.php");
 background-repeat: repeat;
 font-size: x-large;
 font-family: Arial, Helvetica, sans-serif;
}
#container {
 width: 980px;
 margin: 0 auto;
 padding: 0;
 border: 2px solid black;
 background-color: #fff;
}
#masthead {
 width: 980px;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 background-color: #336699;
 background-image: url("../images/masthead_background_tile.gif");
 background-position: top;
 background-repeat: repeat;
}
/* Masthead */
#masthead h1 {
 color: #8b0000;
 margin: 0 0 0 0;
}
#masthead h3 {
 color: #000;
 margin: 0 0 0 0;
}
/* Navigation */
#navigation {
 width: 980px;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 2px solid black;
 border-bottom: 2px solid black;
 background-color: #cdc;
}
#navigation .divider {
 clear: both;
 height: 1px;
 width: 100%;
 color: black;
 border-color: black;
 margin: 0px;
 padding: 0px;
}
#navigation ul {
 list-style-type: none;
 /* (for cross-browser compatibility add two lines) */
 padding: 0px;
 margin: 0px;
}
#navigation li {
 float: left;
 padding: 1px 8px 1px 8px;
}
#navigation a {
 font-weight: normal;
 font-size: large;
 text-decoration: none;
 color: #000;
}
/* mouse over link */
#navigation a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #fff;
 background-color: #FF0000;
}
#contents {
 position: relative;
 float: left;
 margin: 0;
 padding: 10px;
 width: 920px;
 background-color: #fff;
 margin: 20px;
 font-size: x-large;
}
#contents li {
 font-size: x-large;
}
#footer {
 width: 100%;
 overflow: auto;
 clear: both;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 font-size: small;
}
/* Site typography */
h1 {
 font-size: xx-large;
 color: #800;
 font-family: Arial, Helvetica, sans-serif;
}
h2 {
 font-size: x-large;
 color: #700;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}
h3 {
 margin: 1px 0px 3px 0px;
 font-size: large;
 color: #600;
}
h4 {
 font-size: medium;
 color: #500;
}
h5 {
 font-size: x-small;
 color: #400;
}
h6 {
 font-size: xx-small;
 color: #300;
}
ol, ul, blockquote {
 font-size: x-large;
 font-family: Arial, Helvetica, sans-serif;
}
#footer p {
 color: #000;
 font-size: small;
}
/* Links */
a {
 color: #8b0000;
 text-decoration: underline;
}
a:hover {
 color: #fa3;
 text-decoration: underline;
}
.alignCentered {
 margin-left: auto;
 margin-right: auto;
}