@charset "utf-8";

* {margin: 0; padding: 0;}
body {background: #ffffff url(new_images/bg.jpg); margin: 0;}
a {color: #000000;}
a:hover {color: #333333; text-decoration: none;}
#preload {display: none;}
#wrapper {margin: 0 auto; width: 1001px;}
#header, #header2 {background: url(new_images/header.jpg) no-repeat; height: 94px; position: relative;}
#header span, #header2 span {bottom: 0; left: 34px; position: absolute;}
#header a, #header2 a {display: block; float: left; height: 24px;}
a.home {background: url(new_images/home_sprite.jpg) no-repeat; width: 48px;}
a.home:hover {background-position: -48px 0;}
a.stats {background: url(new_images/stats_sprite.jpg) no-repeat; width: 45px;}
a.stats:hover {background-position: -45px 0;}
a.promo {background: url(new_images/promo_sprite.jpg) no-repeat; width: 98px;}
a.promo:hover {background-position: -98px 0;}
a.linking {background: url(new_images/linking_sprite.jpg) no-repeat; width: 85px;}
a.linking:hover {background-position: -85px 0;}
a.resources {background: url(new_images/resources_sprite.jpg) no-repeat; width: 66px;}
a.resources:hover {background-position: -66px 0;}
a.contact {background: url(new_images/contact_sprite.jpg) no-repeat; width: 66px;}
a.contact:hover {background-position: -66px 0;}
a.about {background: url(new_images/about_sprite.jpg) no-repeat; width: 63px;}
a.about:hover {background-position: -63px 0;}
a.join {background: url(new_images/join.gif) no-repeat; width: 80px;}
#main {background: url(new_images/flash.jpg) no-repeat; padding-left: 31px;}
#flash {border-left: 2px solid #959593;}
#middle {background: url(new_images/middle.jpg) no-repeat; clear: left; height: 217px; position: relative;}
#middle div.news {left: 37px; position: absolute; top: 35px; width: 160px;}
#middle div.sites {left: 210px; position: absolute; top: 35px;}
#news {border: none;}
#temp {position: absolute; top: 0; visibility:hidden;}
#bottom {background: url(new_images/bottom.jpg) no-repeat; font-family: Verdana, Geneva, sans-serif; height: 209px; position: relative;}
#bottom div.bubble1, #bottom div.bubble2, #bottom div.bubble3 {font-size: 12px; width: 203px; position: absolute; top: 46px;}
#bottom div.bubble1 {left: 44px;}
#bottom div.bubble2 {left: 254px;}
#bottom div.bubble3 {left: 465px;}
#bottom div h3 {color: #7d3b93; font-size: 12px; margin-bottom: 12px; text-align: center;}
#bottom div h4 {font-size: 12px; text-align: center;}
#bottom div p {margin: 0 auto; text-align: justify; width: 177px;}
#bottom div a {color: #7d3b93; font-weight: bold;}
#bottom div.bubble1 h3 {text-indent: 37px;}
#bottom div.bubble1 h4 {text-indent: 26px; margin-bottom: 5px;}
#footer {background: url(new_images/footer.jpg) no-repeat; color: #ffffff; height: 33px; margin-bottom: 5px; padding-top: 7px; text-align: center;}
#footer a {color: #ffffff; font: bold 15px/16px Arial, sans-serif; margin: 0 5px;}
#copyright {font: bold 10px Verdana, Arial, sans-serif; text-align: center;}
#copyright a {margin: 0 5px; text-decoration: none;}

/* Subpages */
#wrapper2 {background-color: #c8c9c7; margin: 0 auto; width: 972px;}
#header2 {background: url(new_images/header2.jpg) no-repeat;}
#header2 span {left: 24px;}
#main2 {background-color: #4f95dc; border-left: 3px solid #949593; border-right: 3px solid #949593; font-family: Verdana, Geneva, sans-serif; min-height: 350px; margin-left: 20px; position: relative; overflow: hidden; padding-top: 10px; width: 924px;}
#main2 h2 {font-size: 16px; margin: 0 0 10px 10px;}
#main2 p {font-size: 12px;}
p.stats_txt {line-height: 1.5em; margin-left: 10px;}
p.promo_text1, p.promo_text2, p.link_text1, p.link_text2 {overflow: hidden; padding: 5px 0 5px 10px; height: 1%;}
p.promo_text1 span, p.promo_text2 span {display: block; float: left; width: 175px;}
p.promo_text1, p.link_text1 {background-color: #93beea;}
p.promo_text2, p.link_text2 {background-color: #297ccf;}
p.ccbill {text-align: center;  margin-top: 50px;}
span.site_name {float: left; width: 175px;}
span.site_link {float: left; font-size: 10px;}
span.big {display: block; font-size: 32px; margin-top: 25px; text-align: center;}
span.white {color: #ffffff;}
span.small {font-size: 10px;}
span.about p {margin: 0 0 20px 10px;}

/* Resources Pages */
div.resources p {margin: 0 0 20px 10px;}
div.column {float: left; width: 180px;}
div.column ul {font-size: 12px; padding-left: 40px;}
div.column li {margin-bottom: 2px;}
div.column li.letter {font-weight: bold; font-size: 14px; list-style: none; margin: 20px 0;}
div.column img {margin-bottom: 5px;}


.resource {width: 164px; float: left; margin: 0 10px; font-size: 12px; height: 180px; display: inline;}
.resource p {font-size: 10px !important; text-align: justify;}
.resource br {margin-bottom: 3px;}
.form {left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 35px; width: 300px;}
.form p {margin-bottom: 5px; overflow: auto;}
.form form {margin-bottom: 25px;}
.field {float: left; padding: 3px; border: 3px solid #93beea; width: 150px;}
.form span {display: block; float: left; margin-right: 15px; margin-top: 7px; text-align: right; width: 100px;}
.form_info {bottom: 0; padding-left: 10px; position: absolute;}
p.contact {line-height: 1.5; margin: 0 0 20px 10px;}
#sub_bottom {background: url(new_images/sub_bottom.jpg) no-repeat; height: 160px;}
.clear {clear: both;}