body {
   background-color: #a1c678;
   background-image: url("../i/backgroundBottom.png");
   background-repeat: no-repeat;
   background-position: bottom center;
   font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
                "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
                Verdana, "Verdana Ref", sans-serif;
   padding: 0px;
   margin: 0px;
   color: #310;
   text-align: center;
   font-size: 100%;
}

img {
   border: 0px;
   behavior: url("http://www.dizzywood.com/css/iepngfix.htc");
}

#header {
   /*background-color: #2BB2EC;*/
   background-color: #538ba1;
   border-bottom: 4px solid white;
   height: 2.2em;
   width: 100%;
   left: 0px;
   top: 0px;
   right: 0px;
}

#header #logo {
   position: absolute;
   top: 0.2em;
   left: 20px;
}

#header ul { 
   list-style: none;
   float: right;
   margin: 0.5em 10px;
}

#header li {
   display: inline;
}

#header li a {
   color: #fff;
   text-decoration: none;
   list-style-type: none;
   padding-right: 1em;
}

#header li a:hover {
   color: #8ac4db;
}

#content {
   clear: both;
   width: 100%;
   background-image: url("../i/backgroundTop.png");
   background-repeat: no-repeat;
   background-position: top center;
}

#topSection {
   /*left: 50px;
   position: relative;
   */
   width: 800px;
   margin: 0 auto;
}

#splashImage {
   width: 500px;
   height: 220px;
}

#playJoin {
   /*position: absolute;
   top: 25px;
   left: 500px;
   margin-left: 20px;
   */
   width: 400px;
   margin: 0 auto;
}

#playJoin a {
   display: block;
   float: left;
   height: 80px;
   margin: 9px 0 3px 0;
   width: 200px;
}

#playJoin a#start{
   background-image: url("../i/startYourAdventure.png");
}

#playJoin a#member{
   background-image: url("../i/becomeAMember.png");
}

#playJoin a span{
   display: none;
}

#benefitList {
   width: 800px;
   margin: 0 auto 30 auto;
   clear: both;
   margin-left: auto;
   margin-right: auto;
}

.benefit {
   float: left;
   margin-bottom: 10px;
   text-align: center;
   background-image: url("../i/benefitTop.png");
   background-repeat: no-repeat;
   background-position: 0% 200px;
}

.benefitContent {
   width: 200px;
   margin: 0;
   background-image: url("../i/benefitMiddle.png");
   background-repeat: repeat-y;
}

.benefit h2 {
   margin: 0;
   padding: 0 10px 8px 10px;
   font-size: 80%;
   text-align: center;
}

.benefit p {
   margin: 0;
   padding: 0 12px;
   line-height: 1.25;
   font-size: 70%;
   text-align: left;
   color: #453517;
}

.benefitBottom {
   margin: 0 0 30px 0;
   width: 200px;
   height: 20px;
   background-image: url("../i/benefitBottom.png");
   background-position: top;
   background-repeat: no-repeat;
}

#dynamicTables {
   height: 135px;
   width: 800px;
   clear: both;
   margin: 0 auto 10px auto;
}

#dynamicTables table {
   float: left;
   margin: 0 5px;
   padding: 0;
   width: 256px;
   border-collapse: collapse;
   text-align: left;
   background-image: url("../i/dynamicTable_02.png");
}

#dynamicTables th {
   margin: 0;
   padding: 0;
   height: 25px;
   padding-left: 20px;
}

#dynamicTables th.top {
   color: #ffffff;
   background-image: url("../i/dynamicTable_01.png");
   background-repeat: no-repeat;
   background-position: bottom center;
}

#dynamicTables td {
   padding-left: 20px;
   height: 25px;
}

#dynamicTables tr {
}

#dynamicTables th.bottom {
   background-image: url("../i/dynamicTable_03.png");
   background-repeat: no-repeat;
   background-position: top center;
}

.leaderboard {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-size: 0.8em;
}

.leaderboard a {
   color: #404d54;
   text-decoration: none;
}

.leaderboard a:hover {
   color: #3f82c4;
}

.newContainer {
   width: 900px;
   margin: 0 auto;
}

.notificationBubble {
   clear: both;
   overflow: hidden;
   width: 800px;
   margin: 0 auto;
   color: #ffffff;
   font-size: 80%;
   background-image: url("../i/newsTicker_02.png");
}

.notificationBubble.top {
   clear: both;
   width: 800px;
   height: 11px;
   margin: 0 auto;
   background-image: url("../i/newsTicker_01.png");
}

.notificationBubble.bottom {
   clear: both;
   width: 800px;
   height: 17px;
   margin: 0 auto;
   background-image: url("../i/newsTicker_03.png");
}

.notificationBubble a {
   color: #8ac4db;
   text-decoration: none;
}

.notificationBubble a:hover {
   color: #c8dde5;
}

.notificationBubble .description {
   margin: 10px 10px;
   text-align: left;
}

.notificationBubble .description .title {
   font-size: 120%;
   font-weight: bold;
}

.notificationBubble .teaser {
   float: left;
   margin: 10px 20px;
}

.newSticker {
   margin: -70px 0 -150px 0;
   float: left;
   clear: both;
}

#footer {
   clear: both;
   position: relative;
   width: 100%;
   color: #000000;
}

#footer ul { 
   width: 800px;
   margin: 0 auto;
   padding: 2px 0 8px 0;
   list-style: none;
   font-size: 0.8em;
}

#footer li {
   padding: 0;
   display: inline;
   color: #334221;
}

#footer li a {
   font-size: 0.875em;
   text-decoration: none;
   list-style-type: none;
   padding: 0 0.5em;
   color: #334221;
}

#footer li a:hover {
   color: #b1d88f;
}