* {margin: 0; padding: 0;}

body {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	text-align: center;
	background: #F4F4F4 url(images/bg.jpg) center;
	color: #000;
}

a:link, a:visited, a:active, a:hover {color: #A900A0; text-decoration: none;}
a:hover { text-decoration: underline; color: #333; }

img {border: none;}
input {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}

#wrapper {
	width: 967px;
	margin: 0 auto;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header { height: 283px; }
#header .hbar{ width: 100%; height: 56px; overflow: hidden; background: url(images/top_bar.jpg) no-repeat center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 26px; text-align: center; }
#header .hbar p{ padding: 0 20px; }

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content { padding: 10px 0 20px 455px; text-align: left;}


.join_form{ width: 505px; background: #fff; font-size: 14px; }
.join_form .jfpadd{ padding: 10px 30px; }
.join_form .title{ text-align: center; }
.join_form .title h1{ font-size: 26px; line-height: 40px; }
.join_form ul{ width: 100%; margin: 10px auto; line-height: 25px; }
.join_form ul li{ width: 70%; display: -moz-inline-stack ; display: inline-block; zoom: 1; *display: inline; position: relative; z-index:99; vertical-align: top; margin: 5px 0; *margin: 5px 2px 5px 1px; }
.join_form ul li.caption{ width: 28%; }
.join_form select{ width: 154px; color: #3366CC; font-size: 11px; padding: 1px 0; }
.join_form .text{ width: 150px; color: #3366CC; font-size: 11px; padding: 2px 0; }
.join_form .bttn{ width: 179px; height: 42px; background: url(images/bttn.png); border: 0; cursor: pointer; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; }
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 450px;
	margin-left: -100%;
	position: relative;
	text-align: right;
	padding: 10px 0 20px;
}
.reason{ width: 430px; text-align: center; background: url(images/reson_tb_bg.gif) repeat-y; margin: 0 0 0 auto; }
.reason_top{ width: 430px; background: url(images/reson_tb_top.jpg) no-repeat top; }
.reason_bttm{ padding: 10px 0; background: url(images/reson_tb_bttm.jpg) no-repeat bottom; }

.reason ul{ width: 100%; font-family: Impact; font-size: 18px; text-align: left; text-transform: uppercase; }
.reason li{ background: url(images/bullet.gif) no-repeat 10px 2px; padding: 0 0 0 35px; color: #686868; margin: 8px 0; }
.reason li.alt{ color: #770073 }

.pic_block{ width: 430px; height: 290px; text-align: center; background: url(images/pic_bg.png) no-repeat; margin: 0 0 0 auto; color: #373737; font-family: Impact; font-size: 18px; text-transform: uppercase; }
.pic_block img{ *margin: 0 0 5px 0; }
.pic_block .lpblock{ float: left; }
.pic_block .rpblock{ float: right; }
.pic_block .pb_padd{ padding: 16px 8px 6px 7px; *padding: 16px 8px 5px 7px; }
.pic_block .pb_padd2{ padding: 0 8px 5px 7px; *padding: 0 8px 9px 7px; }
/* Footer
-----------------------------------------------------------------------------*/
#footer { height: 345px; text-align: center; overflow: hidden; }
#footer .welc{ font-size: 10px; }
#footer a{ font-weight: 700; }
