@import url('layout.css');
@import url('common.css');
body {
 background-image: url("http://lilesnet.com/romance/_rotation_background/rotate.php");
 background-repeat: repeat;
 font-size: x-large;
 font-family: Arial, Helvetica, sans-serif;
}
#container {
 border: 2px solid black;
 background-color: #fff;
}
/* Masthead */
#masthead {
 text-align: left;
 background-color: #fff;
 background-image: url("../images/masthead.gif");
 background-repeat: repeat;
}
#masthead h1 {
 font-weight: bold;
 font-style: italic;
 color: red;
 margin-bottom: 0;
 margin-left: 10px;
}
#masthead h3 {
 font-weight: normal;
 font-style: italic;
 color: red;
 padding: 0px;
 margin-left: 10px;
}
/* Navigation */
#navigation {
 border-top: 2px solid #808080;
 border-bottom: 2px solid #808080;
 background-color: #FFF9E9;
}
#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: 3px 8px 3px 8px;
}
#navigation a {
 font-weight: normal;
 font-size: large;
 text-decoration: none;
 color: black;
}
/* mouse over link */
#navigation a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #fff;
 background-color: red;
}
#content {
 background-color: #fff;
}
#footer {
 text-align: center;
 padding-bottom: 10px;
}
html > body #footer {
 text-align: center;
 padding-bottom: 0;
}
/* Site typography */
blockquote {
 font-family: Arial;
 font-size: 1em;
}
li {
 font-family: Arial;
 font-size: 1em;
}
ul {
 font-family: Arial;
 font-size: 1em;
}
ol {
 font-family: Arial;
 font-size: 1em;
}
p {
 font-family: Arial;
 font-size: 1em;
}
h1 {
 font-size: xx-large;
 color: #800000;
}
h2 {
 font-size: xx-large;
 font-style: italic;
 font-weight: bold;
 color: #CC3300;
 margin: 0;
 padding: 0;
}
h3 {
 font-size: large;
 font-style: italic;
 color: #CC3300;
 margin: 0px;
 padding: 0;
 margin-left: 10px;
 margin-bottom: 5px;
}
h4 {
 font-size: medium;
 font-style: italic;
 color: #000;
}
h5 {
 font-size: x-small;
 font-style: italic;
 color: #000;
}
h6 {
 font-size: xx-small;
 font-style: italic;
 color: #000;
}
/* Footer */
#footer p {
 font-size: small;
 color: #000;
}
/* Links */
a {
 color: #a27;
 text-decoration: underline;
}
.defs {
 font-family: "Times New Roman", Times, serif;
 font-size: medium;
}
.didYouKnow {
 border: #000 medium solid;
 border-radius: 25px;
 font-size: x-large;
 background-color: #FFC;
 padding: 10px;
 margin: auto 50px;
 line-height: 125%;
}