/*
Maroon Madness
Missouri State University

Author: Jeff Thomas

Maroon:      #4a0010
Maroon Text: #630016
Gray:        #cdcdcd
*/

body {
  background: #cdcdcd;
  color: #630016;
  font-family: Verdana;
}

a {
  color: #000;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 14px;
  line-height: 18px;
}

#container {
  width: 1020px;
  text-align: center;
  margin: auto;
}

#header {
  background: url(images/header.jpg) no-repeat;
  height: 228px;
  overflow: hidden;
}

#account {
  color: #630016;
  font-size: 12px;
}

#account .welcome {
  margin-left: -400px;
  position: absolute;
    top: 42px;
    left: 50%;
}

#account .points {
  margin-left: -400px;
  position: absolute;
    top: 68px;
    left: 50%;
}

#account .level {
  margin-left: -400px;
  position: absolute;
    top: 84px;
    left: 50%;
}

#account .logout {
  margin-left: -205px;
  position: absolute;
    top: 55px;
    left: 50%;
}

#account .account {
  margin-left: -270px;
  position: absolute;
    top: 70px;
    left: 50%;
}

#sub {
  color: white;
  margin-left: 260px;
  position: absolute;
    top: 95px;
    left: 50%;
}

#sub p {
  font-size: 16px;
}

#sub a {
  color: white;
}

#sub a:hover {
  text-decoration: none;
}

#navigation {
  color: white;
  width: 818px;
  margin-left: -395px;
  position: absolute;
    top: 152px;
    left: 50%;
}

#navigation li {
  display: inline;
  font-size: 1.70em;
  font-weight: bold;
  padding-right: 1em;
}

#navigation a {
  color: white;
  text-decoration: none;
}

#navigation a:hover {
  text-decoration: underline;
}

#s_top {
  background: url(images/h_gray.png) repeat-x;
}

#main {
  width: 818px;
  margin: auto;
}

.blog {
  background: #4a0010;
  color: white;
  /*float: left;*/
  text-align: left;
  width: 560px;
  margin-bottom: 5px;
}

.blog a {
  color: gray;
}

.blog a:hover {
  color: white;
}

.blog p {
  padding: 10px;
}

.blog h1 {
  font-weight: bold;
  padding: 10px;
  margin-top: -13px;
  text-align: center;
}

.blog .author {
  font-size: 10px;
}

.blog ol {
  margin-left: 5px;
  padding: 5px;
}

.blog ol li {
  padding-bottom: 10px;
  font-size: 15px;
}

.blog ul {
  margin-left: 5px;
  padding: 5px;
}

.blog ul li {
  padding-bottom: 10px;
  font-size: 15px;
}

.blog table {
  text-align: center;
  margin: auto;
}

.blog td {
  padding: 10px;
  vertical-align: middle;
}

.blogF {
  background: #4a0010;
  color: white;
  /*float: left;*/
  text-align: left;
  width: 818px;
  margin-bottom: 5px;
}

.blogF p {
  padding: 10px;
}

.blogF h1 {
  font-weight: bold;
  padding: 10px;
  margin-top: -13px;
  text-align: center;
}

.blogF .author {
  font-size: 10px;
}

.blogF ol {
  margin-left: 5px;
  padding: 5px;
}

.blogF ol li {
  padding-bottom: 10px;
  font-size: 15px;
}

.blogF ul {
  margin-left: 5px;
  padding: 5px;
}

.blogF ul li {
  padding-bottom: 10px;
  font-size: 15px;
}

.blogF table {
  width: 95%;
  padding-left: 10px;
  margin: auto;
  border: 1px gray solid
  padding-bottom: 10px;
}

.blogF th {
  text-align: center;
  padding: 5px;
}

.blogF td {
  padding: 5px;
  padding-left: 10px;
  text-align: center;
  border: 1px gray solid;
  
}

.blogF h3 {
  margin-left: 5px;
}

.small {
  font-size: 10px;
}

#events {
  background: url(images/white_g.png) repeat-x;
  clear: both;
  float: right;
  margin-left: 10px;
  margin-top: 2px;
  text-align: left;
  width: 248px;
  padding-bottom: 5px;
}

#events p {
  font-size: 13px;
  padding: 5px;
}

#events .head {
  background: url(images/bear.png) no-repeat;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-top: -5px;
  font-weight: bold;
  text-align: center;
}

#events .football {
  background: url(images/football16.png) no-repeat;
  padding-left: 16px;
}

#events .volleyball {
  background: url(images/volleyball.png) no-repeat;
  padding-left: 16px;
}

#events .msoccer {
  background: url(images/soccer.png) no-repeat;
  padding-left: 16px;
}

#events .wsoccer {
  background: url(images/soccer.png) no-repeat;
  padding-left: 16px;
}

#events .mbasketball {
  background: url(images/basketball.png) no-repeat;
  padding-left: 16px;
}

#events .wbasketball {
  background: url(images/basketball.png) no-repeat;
  padding-left: 16px;
}

#events .baseball {
  background: url(images/baseball.png) no-repeat;
  padding-left: 16px;
}

#events .softball {
  background: url(images/baseball.png) no-repeat;
  padding-left: 16px;
}

#leaders {
  background: url(images/white_g.png) repeat-x;
  clear: both;
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
  width: 248px;
  padding-bottom: 5px;
}

#leaders .head {
  background: url(images/trophy.png) no-repeat;
  font-weight: bold;
  margin-left: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
  text-align: center;
  padding-bottom: 10px;
}

#leaders .first {
  background: url(images/first.png) no-repeat;
  padding-left: 20px;
}

#leaders .second {
  background: url(images/second.png) no-repeat;
  padding-left: 20px;
}

#leaders .third {
  background: url(images/third.png) no-repeat;
  padding-left: 20px;
}

#leaders p {
  font-size: 13px;
  padding: 5px;
}

#twitter {
  background: url(images/white_g.png) repeat-x;
  clear: both;
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
  width: 248px;
  padding-bottom: 5px;
}

#twitter .head {
  background: url(images/twitter.png) no-repeat;
  font-weight: bold;
  margin-left: 0px;
  margin-top: -10px;
  margin-bottom: 5px;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 5px;
}

.tweet {
  text-align: center;
  padding: 2px 2px;
}

.twitter a {
  font-weight: bold;
  font-size: 13px;
  margin-left: -15px;
  margin-top: -10px;
  margin-bottom: 5px;
  padding-left: 19px;
  padding-bottom: 10px;
}

.tweeter {
  margin-top: -10px;
}

.time {
  color: #000;
  font-size: 10px;
  padding-left: 5px;
}

#s_bottom {
  clear: both;
  background: url(images/h_gray.png) repeat-x;
}

#footer {
  background: url(images/footer.jpg) no-repeat;
  height: 198px;
  margin-top: -3px;
  overflow: hidden;
}

#footertext {
  margin-top: 51px;
}

#footertext p {
  padding-bottom: 8px;
}

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/maroon.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px} 

b.gtop, b.gtop b, b.gbot, b.gbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/white.png);
    background-repeat: no-repeat}
b.gtop b{background-position: 100% -10px}
b.gbot{background-position: 0 -20px}
b.gbot b{background-position: 100% -30px}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}
.fail {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}

.login {
  text-align: center;
}

.login table {
  margin: auto;
}

.login td {
  padding: 5px;
}

.m2 {
  background-color: #550010;
}
