@charset "utf-8";
/* CSS Document */

/*Tag Selectors */
body {background: #000000; background-image: url(http://www.much-ado.org/sophia/images/background.png); text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #000000;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color: #c42e01; font-variant: small-caps; border-bottom: solid 2px #ff0b00;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #c42e01; font-variant: small-caps; margin: 0}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #c42e01; font-variant: small-caps; margin: 0}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; border-top: 1px solid #ff0b00; text-align: left;}
input, select, reset, submit, textarea {background-image: url(http://www.much-ado.org/sophia/images/background.png); font-size: 11px; border: 1px solid #c42e01;}
option {background-image: url(http://www.much-ado.org/sophia/images/background.png); font-size: 11px;}
table {font-size: 8px;}

/*ID Selectors */
#container {margin: 0px auto; width:650px; background: #ffd5a8; border: solid 1px #c42e01; padding: 5px;}
#header {width: 100%; text-align:center;}
#navigation {float: right; text-align:left; width: 15%; padding: 5px; background: #fbddbc; margin-top: 10px; border: solid 1px #c42e01;}
#content {float: left; width: 80%; padding: 5px; text-align: left; }
#footer {clear: both; width: 100%; text-align: center; padding: 5px;}

/*Pseudo Selectors */
a:link {color: #c42e01; text-decoration:none;}
a:active {color: #c42e01; text-decoration:none;}
a:hover {color: #c42e01; text-decoration:none; border-bottom: solid 2px #ff0b00;}
a:visited {color: #c42e01; text-decoration:none;}

/*Class Selectors */
.flstats {background: #fbddbc; width: 250px; border: solid 1px #ff0b00; text-align:left; padding: 5px;}