/* General Styles */
*{margin:0; padding:0;}

body {
	color:#000;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	background: #dadcde;
	position: relative;
	width: 100%;
	float: left;
}

a { text-decoration:none; color: #8a8a8a; }
a:hover { text-decoration:none; color: #595959; }

h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px 0;}
img { border: 0; padding: 0; margin: 0;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
img.floatleft{float:left; margin: 10px;}
img.floatright{float:right; margin: 10px;}
img.noborder { margin: 0 10px 0 10px; padding: 0; border: 0; background: none;}
.center{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
hr { height: 10px; width: 100%; color: #FFF; margin: 10px 0; border:0;}
.important { font-weight: bold; }
.small { font-size: 11px; margin:0;padding:0; }

ul, ol { padding:0 0 20px 5px; }
li ul, li ol { padding-bottom:0; }
/* ///General Styles */

/* ///Layout Styles */
.wrapper {
	width: 320px;
	margin: 0 auto;
	position: relative;
	background: #dadcde;
	/*overflow: auto;*/
}

#header { float:left; width: 100%; height: 108px; background: url('images/header.jpg') no-repeat; }
#header h1 { float:left; width: 100%; height: 108px; margin:0; padding:0; }
#header h1 a { float:left; width: 100%; height: 108px; }
#header h1 a span { display:none; }

#sub-header { float:left; width: 100%; height: 89px; background: url('images/header2.jpg') no-repeat left bottom; }
#sub-header a { float:left; width: 100%; height: 89px; }
#sub-header a span { display:none; }

.box { float:left; width:100%; background: url('images/box_middle.jpg') repeat-y; margin-left: 10px; margin-bottom: 5px; }
.box .box-top { float: left; width: 100%; height: 6px; background: url('images/box_top.jpg') no-repeat; }
.box .box-bottom { float: left; width: 100%; height: 6px; background: url('images/box_bottom.jpg') no-repeat; }
.box .box-content { float: left; padding: 5px 10px; width: 280px; position: relative; }

.box .box-content p { float: left; text-align: justify; font-weight: bold; }
.box .box-content .box-image { float: left; margin-left:-9px; margin-top: 40px; margin-bottom: -5px; }

.box .box-content p.icon-1 { float: left; text-align: left; font-weight: bold; background: url('images/icons.jpg') no-repeat 0px 0px; padding-left: 40px; min-height: 29px; }
.box .box-content p.icon-2 { float: left; text-align: left; font-weight: bold; background: url('images/icons.jpg') no-repeat 0px -29px; padding-left: 40px; min-height: 29px; }
.box .box-content p.icon-3 { float: left; text-align: left; font-weight: bold; background: url('images/icons.jpg') no-repeat 0px -58px; padding-left: 40px; min-height: 29px; }
.box .box-content p.icon-4 { float: left; text-align: left; font-weight: bold; background: url('images/icons.jpg') no-repeat 0px -58px; padding-left: 40px; min-height: 29px; }
.box .box-content p.icon-1 span, .box .box-content p.icon-2 span, .box .box-content p.icon-3 span, .box .box-content p.icon-4 span { float: left; margin-top: 5px; }

.box .box-top-h1 { float: left; width: 100%; height: 50px; background: url('images/h2_1.jpg') no-repeat; }
.box .box-top-h2 { float: left; width: 100%; height: 50px; background: url('images/h2_2.jpg') no-repeat; }
.box .box-top-h3 { float: left; width: 100%; height: 50px; background: url('images/h2_3.jpg') no-repeat; }

form { float: left; }
form p { float: left; margin-bottom: 6px; width:100%; }
form p label { float: left; width: 100px; }
form input.inputTxt { float: left; width: 175px; border: 1px solid #d1d1d1; color: #333; padding: 1px 0; }
form input.inputRadio { float: left; margin-left: 65px; margin-bottom: 10px; margin-right: 15px; }

a.button-next { float: right; height: 49px; width: 122px; position: relative; background: url('images/next.png') no-repeat 0px 0px; margin-top: 10px; position: absolute; right: 10px; top:60px; z-index: 9999; }
a.button-next span { display: none; }
a:hover.button-next { background: url('images/next.png') no-repeat 0px -49px; }

a.button-join { float: left; height: 49px; width: 122px; position: relative; background: url('images/join.jpg') no-repeat 0px 0px; margin-top: 5px; margin-left: 80px; margin-bottom: 15px; }
a.button-join span { display: none; }
a:hover.button-join { background: url('images/join.jpg') no-repeat 0px -49px; }

#footer { float:left; width: 100%; text-align: center; margin-bottom: 10px; }
#footer a { color: #000; text-transform: uppercase; }
#footer a:hover { color: #333; text-decoration: underline;  }

/* Cleanup */
.spacer { width: 100%; float: left; height: 20px; }
.spacer2 { width: 100%; float: left; height: 10px; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* ///Cleanup */