body {
width: 100%;
height: 1000px;
background: url(../img/bg.jpg);
font: 12px  Arial, Helvetica, sans-serif;
}

ul {
	list-style-type:none;
padding:0px;
margin:0px;}

.bigjoin {
 
  font: 14px Arial, Helvetica, sans-serif;

  
}

.join_buttonxx  { width: 280px; font-size: 16px; font-weight: bold; padding: 3px;}

a:active, a:focus, img {outline: 0;}

html, body, ol, ul,  h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0;  }
img, textarea {border: none;}

*html body {margin: 0; padding: 0; font: normal 1em Helvetica Neue, Helvetica, Times, serif; color: #000; background: url(../img/page.gif) top center repeat-y;}

a:link, a:visited, a:active{
color: #000;
cursor : pointer;
text-decoration: none;
font-weight:bold;
}

a:hover{cursor : pointer;}

.clear {clear: both;}

#top_head {
  background: url(../img/top_bg.gif) repeat-x;
  height: 40px;
  text-align: center;
}

#main {
  width: 902px;
  margin: 0 auto;
}

#header {
 height: 260px;
 background: url(../img/pic.jpg) no-repeat top left;
 width: 100%;
}

#header div {
  float: right;
}

#header div a {
  display: block;
}

#secure {
  height: 50px;
  width: 100%;
  background: url(../img/secure.jpg) no-repeat;
}

#content {
  padding: 10px 10px 10px 10px;
  background-color: #fff;
}


/* .......... */

#pic_1 {width: 320px; float: left; }

#join_form {width: 550px; float: right;}
#join_steps {width: 100%; height: 60px; background-color: #efefef;}
#join_steps li {float: left; margin: 0 1px 0 0;}

#join_box {background: #efefef; height: 445px;}
#join_box h2 {font: bold 30px Arial, Helvetica, sans-serif; padding: 10px 0 0 20px; text-transform: uppercase;}
#join_box form {margin: 0 0 20px 20px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#join_box form input.text {margin: 5px 0 0 10px; border: none; width: 160px; padding: 2px;}
#join_box form input.option {margin: 10px 10px 0 110px;}
#join_box form select {margin: 5px 0 0 0px; border: 1px #cccccc solid; width: 300px; padding: 2px;}

#step {background: url(../img/step_button.gif) top no-repeat; width: 200px; height: 25px; font: bold 15px Arial, Helvetica, sans-serif; text-align: center; line-height: 28px; color: #fff; text-transform: uppercase; float: right; margin: 0 10px 10px 0;}

#why_join {width: 320px; float: left; background: #efefef; margin-top: 10px;}
#why_join h2 {background: url(../img/why_join_top.gif) top no-repeat; width: 320px; height: 30px; text-align: center; text-transform: uppercase; color: #fff; font: bold 18px Arial, Helvetica, sans-serif; line-height: 30px;}
#why_join p#title {font: bold 12px Arial, Helvetica, sans-serif; margin: 20px 0 0 10px; padding: 0;}
#why_join ul {margin: 10px 0 10px 0;}
#why_join li {list-style: disc; margin: 0 0 0 30px; font-weight: bold;}
#why_join p#description {font: normal 11px Arial, Helvetica, sans-serif; margin: 10px; padding: 0;}


#pics {width: 550px; float: right; margin-top: 10px;}
#pics li#left {float: left;}
#pics li#right {float: right;}

/* /.......... */

.description, .bottom_description {
  color: #b3b3b3;
  font: 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 20px;
  text-align: center;
  background-color: #fff;
}

#footer {
  background-color: #fff;
  padding-bottom: 15px;
}


#bottom_menu {
  background: url(../img/bg_menu.jpg) repeat-x;
  height: 50px;
  width: 100%;
}

#bottom_menu li{
  float: left;
  display: block;
}


#menu_home, #menu_join {
  height: 50px;
  display: block;
  text-indent: -5000px;
}

#menu_home {
  background: url(../img/home.gif) no-repeat;
  width: 110px;
}

#menu_home:hover {
  background: url(../img/home-hover.gif) no-repeat;
}

#menu_join {
  background: url(../img/join.gif) no-repeat;
  width: 155px;
}

#menu_join:hover {
  background: url(../img/join-hover.gif) no-repeat;
}

.bottom_description {
  font-size: 10px;
  padding: 20px 200px 0 200px;
}












.table { width: 510px; padding-left: 17px;}


.join_table { font-family: Helvetica Neue, Helvetica, Times, serif; font-size: 12px; color: #000000; padding: 1px; margin: 0px; }
.join_name { font-weight: none; text-align: left; border: none; font-size: 1dpx; text-transform:uppercase; font-weight: bold; }
.join_name_p { font-weight: none; text-align: left; border: none; font-size: 12px; padding: 19px 0px 0px 0px; text-transform:uppercase; font-weight: bold;}
.join_value { text-align: left; border: none;  padding: 3; margin: 3; }
.join_error { color: #990000; font-size: 11px; font-weight: bold;}
.join_header { font-size: 11px; font-weight: bold; text-align: center; border: none; }
.join_button { padding-left: 74px; padding-top: 8px;}

.join_select { width: 300px; border: 1px #cccccc solid;
	font-family: Arial;
	padding: 1px;
	font-size: 13px;
	height:22px;
	color: #000000;
	margin: 0px 0 0 0;
	background: #FFFFFF;
	}
.join_selectx { width: 224px; }
.bigoption { font-size: 18px; font-weight: none; text-align: left; border: none; }
.joinoption { font-size: 11px; font-weight: none; text-align: left; border: none; color: #000000; }
.save{ color: red; font-weight: bold; text-align: center; border: none; font-size: 12px;}
.join_input {
	border: 1px #cccccc solid;
	font-family: Arial;
	padding: 1px;
	font-size: 13px;
	height:22px;
	color: #000000;
	margin: 0px 0 0 0;
	background: #FFFFFF;
	
	width: 160px;
}