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

body {
	color:#542266;
	font:12px 'Droid Sans', Arial, Helvetica, sans-serif;
	background: #542266 url('../images/bg_header.jpg') repeat-x left top;
	position: relative;
	width: 100%;
	float: left;
}

a { text-decoration:none; color: #ed1c24; cursor:pointer; }
a:hover { text-decoration:none; color: #555555; }

h1{font-size:32px;}
h2{font-size:24px; padding-left:15px;}
h2.smaller{font-size:18px;}
h3{font-size:20px;}
h4{font-size:16px;padding-left:15px;}
h4.red { color: #c72811; }
span.red { color: #c72811; }
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 !important;}
* html .floatleft { display: inline-block; }
.floatright{float:right !important;}
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; float:left; }
.important { font-weight: bold; }
.small { font-size: 11px; margin:0;padding:0; }
fieldset {border:none;background:none;float:left;}
.nomargin { margin:0 !important; }
.hide { display:none !important;}
.yellow { color:#fff200 !important; }
.green { color:#037b13 !important; }
.blue { color:#0000ff !important; }
.brown { color:#7e6243 !important; }
.white { color:#fff !important; }

.wrapper { margin:0 auto; width:1020px; position:relative; }

#header { float:left; width:100%; height:400px; background:url('../images/header02.jpg') no-repeat; position:relative; }

#logo { float:left; width:500px; height:100px; position:absolute; left:0; top:200px; }
#logo h1 { float:left; width:100%; height:100px; margin:0; }
#logo h1 a { float:left; width:100%; height:100px; }

#desc { float:left; width:495px; text-align:center; font-size:18px; font-weight:bold; color:#FFF; position:absolute; right:10px; top:0px; }

#menu { float:left; width:100%; margin-top:0px; margin-bottom:15px; }
#menu ul { float:left; width:100%; list-style:none;text-align:center; }
#menu ul li {color:#000;float:left; font-size:21px; font-weight:bold; margin-left:5px;}
#menu ul li.divider { margin:0 25px;color:#fff; }
#menu ul li a { float:left; text-transform:uppercase; text-decoration:underline; }
#menu ul li a:hover { text-decoration:none; }
#menu ul li a.fav { padding-left:30px; background:url('../images/menufav.png') no-repeat left center; }

#joinnow { float:left; width:100%; height:94px; margin-top:0px; background: #fff; }
#banner { float:left; width:100%; height:140px; margin-top:0px; background: #fff;padding-top:15px; }

#content { float:left; width:100%; margin:0px 0; font-weight:normal;background: #fff;  }
#content h2 { float:left; color:#252525; }

.item { float:left; width:207px; padding:10px 10px 20px 10px; background:#d7d7d7; margin:0 6px 30px 18px; }
.item a img { float:left; border:1px solid #d7d7d7; }
.item a:hover img { border:1px solid #0000ff; }
.item h3 { float:left; width:100%; color:#0000ff; margin:5px 0; font-size:13px; padding-bottom:5px; border-bottom:1px solid #ababab; }
.item h3 a { float:left; width:100%; font-weight:normal; }
.item h3 a:hover { color:#555555; }
.item p { float:left; width:100%; font-size:12px; color:#252525; }

#footer { float:left; width:100%; text-align:center; font-size:14px; color:#252525; margin-top:0px; background:url('../images/footbg.jpg') no-repeat; position:relative; }

#footer-menu { float:left; width:100%; margin-top:13px; }
#footer-menu ul { float:left; width:100%; list-style:none; text-align:center; }
#footer-menu ul li { display:inline-block; color:#000; font-size:18px; font-weight:bold; }
#footer-menu ul li.divider { margin:0 3px;color:#fff; }
#footer-menu ul li a { text-transform:uppercase; text-decoration:underline; }
#footer-menu ul li a:hover { text-decoration:none; }

.footer-links { float:left; width:100%; text-align:center; font-size:11px; margin:15px 0; }
.footer-links a { color:#fff200; text-decoration:underline; }
.footer-links a:hover { color:#ff0000; }

.video { float:left; width:100%; margin:15px 0; }
.video h2 { float:left; width:100%; margin:0; padding:0; font-size:18px; margin-bottom:5px;padding-left:15px; }
.video h3 { float:left; width:100%; margin:0; padding:0; font-size:14px; font-weight:normal; color:#000; margin-bottom:5px;padding-left:15px; }
.video .description { float:left; width:100%; font-size:14px; color:#000; font-weight:normal; margin-bottom:5px; padding-left:15px; }

.video-player { float:left; width:100%; text-align:center; position:relative; margin:20px 0; }
.join-box { float:left; background:#fff; width:440px; padding:10px 0; text-align:left; font-size:15px; position:absolute; z-index:999; top:40px; left:300px; }
.join-box h4 { float:left; width:100%; padding:5px 0; margin:0; color:#FFF; background:#542365; font-size:16px; text-align:center; }
.join-box h5 { float:left; width:100%; padding:5px 0; margin:0; color:#000; background:#dfdcdc; margin-bottom:10px; }
.join-box h5 span { float:left; margin-left:50px; }
.join-box label { float:left; width:90px; margin-left: 50px; }
.join-box p { float:left; width:100%; margin:0 0 10px 0; }
.join-box input.inputTxt { width:240px; background:#f4f4f4; border:1px solid #b8b8b8; padding:1px 5px; }
.join-box p.leftpadd { padding-left:50px; }
.join-box input#submit { float:left; padding:10px; margin-left:10px; cursor:pointer; margin-top:20px; background:#037b13; color:#FFF; font-size:42px; border:none; font-weight:bold; }
.join-box input:hover#submit{ background:#00ab17; }

.gocenter { float:left; width:100%; margin:15px 0; text-align:center; }

.join-page { float:left; width:100%; margin:15px 0; font-size:12px; }
.join-page .left-side { float:left; width:480px; margin-right:30px;margin-left:10px; }
.join-page .left-side h2 { float:left; width:100%; height:40px; background:url('../images/join-title.png') no-repeat center top; }
.join-page .right-side { float:right; width:460px; }
.join-page .right-side .join-box { position:relative; top:0; left:0; }
ul.join-reasons { float:left; width:100%; list-style:none; }
ul.join-reasons li { float:left; padding-left:25px; font-size:18px; color:#7d7d7d; background:url('../images/join-check.png') no-repeat left top; margin-bottom:10px; }
.extra-join-info { float:left; font-size:14px;color:#000; width:500px; margin-left:250px; }

/* Cleanup */
.clear { clear:both; }
.inputspacer { width: 100%; float: left; height: 10px; }
.spacer { width: 100%; float: left; height:30px; }
.spaceright { margin-right:15px; }
.spaceleft { margin-left:50px !important; }
.spacer5 { margin-right:5px; }
.homespacer { width: 100%; float: left; height: 60px; }
.spacer10 { 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 */

.pagelist { float:right; margin:0; text-align:center; width:225px; margin-top:15px; margin-right:18px; }
ul.pagination li span { color:#FFF; }
ul.pagination li{
	border:0; margin:0; padding:0;
	list-style:none;
	margin-right:0px;
	float:left;
	font-weight:bold;
}
ul.pagination a { margin-right:1px; text-decoration:none; font-size:12px; float:left; display:inline-block; }
ul.pagination a:hover { text-decoration:none; }
ul.pagination .previous-off, ul.pagination .next-off {
	color:#FFF;
	display:block;
	float:left;
	font-weight:normal;
	margin-right:1px;
	padding:2px 5px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	background:#636363;
}
ul.pagination .next a, ul.pagination .previous a { font-weight:normal; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#636363; }
ul.pagination .next a:hover, ul.pagination .previous a:hover { background:#222; }
ul.pagination .active a{
	color:#df1b1f;
	font-weight:bold;
	display:block;
	float:left;
	text-decoration:none;
}
ul.pagination a {
	color:#0001fe;
	display:block;
	float:left;
	padding:2px 5px;
	text-decoration:none;
}
.pagination a:hover{ color:#df1b1f; }

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom:5px;
	  line-height: 21px;
	  font-family: Arial, Helvetica, sans-serif; }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	a.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }