@charset "utf-8";
/* CSS Document */

body {
	background:#064974 url(../img/bg.jpg) no-repeat top center;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size: 13px;
}

a {
	text-decoration:none;
	color: #09F;
}

h1 {
	font-size: 2em;
	font-weight:bold;
}

h2 {
	font-size: 1.8em;
	font-weight:bold;
}

p {
	font-family:Tahoma, Geneva, sans-serif;
	line-height:1.3;
	text-align:justify;
	font-weight:bold;
	margin-bottom:10px;
}

.content {
	float:left;
	width:470px;
	height:430px;
	
}
.content p {
	width:430px;
}

.jScrollPaneTrack {
	background: transparent url(../img/sbar-track.png) repeat-y !important;
}
.jScrollPaneDrag {
	background: none !important;
}
.jScrollPaneDragTop {
	background: transparent url(../img/sbar-top.png) no-repeat !important;
	height: 7px;
}
.jScrollPaneDragBottom {
	background: transparent url(../img/sbar-btm.png) no-repeat !important;
	height: 7px;
}
.wrapper {
	width: 700px;
	height:738px;
	margin: 0 auto;
	padding: 180px 0px 0px 0px;
}

.footer {
	clear:both;
	padding:8px 0 20px 0;
	font-size: 0.9em;
	color:#000;
}
.footer a{
	text-decoration:none;
	color:#fff;
	line-height:1.1;
}
.sidebar {
	width:220px;
	float:left;
}

.sidebar ul.menu{
	list-style-type:none;
	margin-top:20px;
}

.sidebar ul.menu li{

}

.sidebar ul.menu li a{
	display:block;
	text-indent:-999em;
	width:200px;
	height:40px;
	margin-bottom:3px;
}
.sidebar ul.menu li a.btn-join{
	background:transparent url(../img/btn-join.png) no-repeat center top;
}
.sidebar ul.menu li a.btn-blog{
	background:transparent url(../img/btn-blog.png) no-repeat center top;
}
.sidebar ul.menu li a.btn-terms{
	background:transparent url(../img/btn-terms.png) no-repeat center top;
}

.sidebar ul.menu2{
	list-style-type:none;
	margin-left:8px;
	margin-top:10px;
}
.sidebar ul.menu2 li{
	background:transparent url(../img/bullet.png) no-repeat left 2px;
	padding-left:18px;
	line-height:1.1;
	margin-bottom:5px;
}

.sidebar ul.menu2 li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size: 14px;
	text-shadow: 2px 2px 2px #222;
}
ul.menu2 li span {
	cursor:pointer;
	font-size:0.8em;
	padding-left:0px;
	text-decoration:underline;
}
p#what {
	padding-top: 15px;
	background:transparent url(../img/bg-what.png) no-repeat right top;
	margin-bottom:0px;
}

p#how {
	padding-top: 15px;
	background:transparent url(../img/bg-how.png) no-repeat right top;
}

.sign-post {
	background: transparent url(../img/sign-post.png) no-repeat left top;
	width:200px;
	height:150px;
	margin-top:20px;
	padding: 17px 0 0 50px;
}
.sign-post a{
	color: #000;
	text-decoration:none;
	font-weight:bold;
	font-size:1.8em;
}
.hint {
	float:right;
	padding:4px 70px 0 0 ;
}
.hint a{
	color:#fff;
	text-decoration:none;
	font-size:10px;
}
.questions p{
	padding-left: 60px;
	margin-bottom:0;
	font-weight:normal;
	font-size:13px;
}
.questions p.question{
	width:380px;
	height: 42px;
	line-height:1.4;
	padding-left: 60px;
	margin:20px 0 2px 0;
}
.questions li {
	width:380px;
	height: 42px;
	line-height:1.2;
	padding-left: 60px;
	margin-bottom:2px;
}
ul.questions li .qdate,.qdate{
	font-weight:bold ;
	font-size: 12px;
	padding-bottom:3px;
	display:block;
}
ul.questions li .q, .q{
	font-weight:bold;
	color:#333;
}
.q a{
	font-weight:bold;
	color:#333;
}
#q1 {
	background: transparent url(../img/q1.png) no-repeat left 14px;
	height:62px;
}
#q2 {
	background: transparent url(../img/q2.png) no-repeat left 14px;
	height:62px;
}
#q3 {
	background: transparent url(../img/q3.png) no-repeat left 14px;
	height:62px;
}
#q4 {
	background: transparent url(../img/q4.png) no-repeat left 14px;
	height:62px;
}
#q5 {
	background: transparent url(../img/q5.png) no-repeat left 14px;
	height:62px;
}
#q6 {
	background: transparent url(../img/q6.png) no-repeat left 14px;
	height:62px;
}
#q7 {
	background: transparent url(../img/q7.png) no-repeat left 14px;
	height:62px;
}
#q8 {
	background: transparent url(../img/q8.png) no-repeat left 14px;
	height:62px;
}

.msg {
	padding: 10px;
	background-color:#FFF6BF;
	border:2px #FFD324 solid;
	color:#514721;
	line-height:1.2;
	margin-bottom:10px;
}

form table {
	width:100%;
}
form table td {
	padding:2px 0 1px 0;
}
form table td input[type="text"] {
	font-size:12px;
	width: 90%;
}

ul.terms{
	list-style-type:disc;
	padding-left:20px;
	line-height:1.4;
}

a#fbbtn, a#twbtn {
	display:block;
	float:left;
}