html, body {background: url('http://cache.daredorm.com/daredorm/chalkbg.jpg') top center repeat;}
.wrapper {background-color: white; width: 1200px; margin: 0 auto; text-align: center; position: relative;}

strong {font-weight: bold;}
em {font-style: italic;}

.blackbar {color: white; background-color: black; font-size: 25px; font-weight: bold;}

.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}

.header {background-color: #000000; position: relative;}
.header p {color: white; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; font-weight: bold; font-size: 17px;}
.header a {display: block; height: 22px; left: 270px; position: absolute; text-indent: -9999px; top: 370px; width: 85px;}

.header .title {position: absolute; font-family: Arial, sans-serif; font-size: 3.7em; left: 0; bottom: 95px; width: 520px;}
.header .title b {font-weight: normal; color: #800000;}
.header .parag {position: absolute; font-family: Arial, sans-serif; font-size: 1.2em; left: 0; font-weight: bold; margin-left: 15px; text-align: left; top: 310px; width: 505px;}
.header .parag a {display: inline; height: auto; position: static; text-indent: 0; width: auto;}

.nav {background-color: #000000; color: white;}
.nav ul {margin: 0 auto; width: 855px;}
.nav ul li {float: left;}
.nav ul li p, .nav ul li a, .nav ul li a:visited {color: white; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; text-decoration: none; font-weight: bold; font-size: 23px; line-height: 50px;}
.nav ul .divider {height: 30px; width: 1px; background-color: white; float: left; margin: 10px 18px 0 18px;}
.nav ul li a:hover, .nav ul li strong a, .nav ul li strong a:visited {color: yellow;}

.updates {margin: 10px 0 10px 15px;}
.updates .item {float: left; margin: 5px;}
.updates .item .button {float: right; margin: 5px; position: absolute; margin: 270px 0 0 345px;}
.updates .item img { border: 1px solid blue;}
.updates .item .button img {height: 32px; width: 32px; border: none;}
.bodytext {margin: 10px 0 0 0;}
.bodytext p {font-size: 19px;}

.whatyouneed ol {list-style: decimal;}
.whatyouneed ol li {font-weight: bold; font-size: 20px; color: red; list-style: decimal; list-style-position: inside; text-align: left;}
.whatyouneed ol li img {margin: 0 30px 0 0;}
.whatyouneed ol li p {color: black; font-size: 1em; font-weight: normal;}
.whatyouneed ul li {list-style: none;}

.jointext {font-size: 40px; margin: 5px 0; font-weight: bold; height: 70px;}
.jointext a, .jointext a:link, .jointext a:visited, .jointext a:hover {color: blue;}

.tinytext {font-size: 10px;}

.thumbs .item {float: left;}
.thumbs .item img {width: 171px;}

.joinflash {float: left; margin: 20px 10px 10px 50px;}
.joindiv {margin: 10px 0;}
.joinbox p {font-size: 20px; font-weight: bold;}
.joinbox .form {float: right;  border: 3px solid red; width: 450px; margin: 10px 0 0 0; background: #f1f1f1; padding: 15px 0;}
.joinbox .form h2 {font-size: 20px; font-weight: bold; margin: 10px; }
.joinbox .form label {font-weight: bold; width: 170px; text-align: right; float: left; font-size: 15px; margin: 2px;}
.joinbox .form input, .joinbox .form select {width: 200px; float: left; font-size: 15px; margin: 2px;}
.joinbox .form #payment input {width: 30px;}
.joinbox .form #payment label {text-align: left; width: 120px;}
.joinbox .form #submit {float: none; width: 100px; margin: 10px 0 0 0;}

.trailerthumbs .item {float: left; margin: 3px 0 3px 6px;}

.trailerbox .trailerfla {float: left; margin: 25px 0 0 35px;}
.trailerbox .joindiv {width: 400px; margin: 10px 0 10px 20px; float: left;}
.trailerbox .joindiv .form {border: 1px solid #545454; width: 398px; height: 313px; margin: 10px 150px 0 0; background: #f1f1f1; padding: 15px 0 0 0;}
.trailerbox .joindiv .form h2 {font-size: 20px; font-weight: bold; margin: 10px; }
.trailerbox .joindiv .form label {font-weight: bold; width: 140px; text-align: right; float: left; font-size: 15px; margin: 3px;}
.trailerbox .joindiv .form input, .trailerbox .joindiv .form select {width: 200px; float: left; font-size: 15px; margin: 3px;}
.trailerbox .joindiv .form #payment input {width: 30px; margin: 3px 0;}
.trailerbox .joindiv .form #payment label {text-align: left; width: 120px; margin: 3px 0;}
.trailerbox .joindiv .form #submit {float: none; width: 100px; margin: 10px 0 0 0;}

.passwordpromo {margin: 10px 0; font-size: 60px; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; font-weight: bold; text-transform: uppercase;}
.accesspromo {margin: 10px 0; font-size: 25px; font-family: "Comic Sans", "Comic Sans MS", Arial, sans-serif; font-weight: bold;}

.jointhumbs {width: 979px; margin: 10px auto;}
.jointhumbs .item {float: left; margin: 2px;}

.redbartext {background-color: #000000; color: white; font-size: 20px; line-height: 30px;}
.joindiv {float: left; width: 450px;}

.footer {margin-top: 15px;}
.footer .ttfs {font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.footer .fmenu a {padding-right: 2px;}
.footer .smalltype {display: block; font-size: 12px; margin: 0 auto; width: 800px;}

strong {font-weight: bold;}
em {font-style: italic;}

.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}

.mainfeature {width: 1160px; margin: 20px auto;}
.mainfeature h1 {font-weight: bold; font-size: 18px; text-align: left;}
.mainfeature .bigpic {float: left;}
.mainfeature .bigpic img {border: 1px solid blue;}
.mainfeature .descrip {float: right; width: 380px; text-align: left;}
.mainfeature .descrip h1 {font-size: 30px; font-weight: bold;}
.mainfeature .descrip p {margin: 20px 0 0 0;}
.mainfeature .descrip .bighotlinks {text-align: center;}
.mainfeature .descrip .bighotlinks p {font-size: 40px; font-weight: bold; margin: 20px 0 0 0;}

.grayheader {background-color: #cecece; width: 1160px; margin: 0 auto; padding: 5px 0;}
.grayheader h2 {font-weight: bold; font-size: 25px;}

