@charset "utf-8";
/* CSS Document */
body{
background:url(images/background.jpg) no-repeat #c0c2b7; margin:0; padding:0; text-align:center; font-family:Helvetica, sans-serif; color:#626657;
}
img{
border:none;
}
#main{
margin:0 auto; width:803px; margin-top:30px; background:url(images/h1_join.png) no-repeat 100% 5%;
}
#main h1{
background:url(images/logo.png) no-repeat; text-indent:-9000px; height:51px; width:272px; float:left;
}
#main p.footer{
text-transform:uppercase; font-size:10px; letter-spacing:1px;
}
.largetext{
font-size:20px;
}
.signupbtn{
float: right; border:none; padding-top:60px;
}
#content{
clear:both; width:803px;
}
.maingraphic{
border-bottom:3px solid #f7bd0d; padding-bottom:10px; background-color:#FFFFFF;
}
#buttons{
float:left; margin:0px 0 10px 0; background-color:#FFFFFF; width:803px; height:150px;
}
#buttons img{
padding:25px 0 0 10px;
}
a:visited, a:link{
color:#626657;
}
p, fieldset{
font-size:12px; letter-spacing:1px;
}
fieldset{
border:none; 
}
input,label{
display:inline; float:left; margin-right:10px;
}
#form{
width:600px; margin-top:10px; clear:both; margin:20px 0 0 150px;
}
#nav {
width: 802px;
height: 22px;
position:relative;
background:url(images/nav.gif) no-repeat;

}
#nav li {
list-style: none;
position: absolute; 
top: 0;
}
#nav li, #nav a {
height: 22px; 
display: block;
/* to see the image map, turn on borders - border: solid 1px #f00; */
}
#nav li a {
TEXT-INDENT: -9999px; 
TEXT-DECORATION: none
}
#home {
left: 265px; width: 57px;overflow:hidden;
}
#shop {
left: 325px; width: 52px;overflow:hidden;
}
#blog {
left: 394px; width: 52px;overflow:hidden;
}
#about{
left: 455px; width: 70px;overflow:hidden;
}
#participants{
left: 532px; width: 110px;overflow:hidden;
}
#getinvolved{
left: 654px; width: 126px;overflow:hidden;
}
#home a:hover {
background: transparent url("images/nav.gif") -265px -22px no-repeat;
}
#shop a:hover {
background: transparent url("images/nav.gif") -325px -22px no-repeat;
}
#blog a:hover {
background: transparent url("images/nav.gif") -394px -22px no-repeat;
}
#about a:hover {
background: transparent url("images/nav.gif") -455px -22px no-repeat;
}
#participants a:hover {
background: transparent url("images/nav.gif") -532px -22px no-repeat;
}
#getinvolved a:hover {
background: transparent url("images/nav.gif") -654px -22px no-repeat;
}
#copy{
background-color:#FFFFFF; padding:20px; margin:15px 0 15px 0;
}
.floatright{
float:right; margin-bottom:20px;
}