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

body {
	margin:66px 0 0 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:none;
}

/* Global */
#wrapper {
	width:779px;
	margin:0 auto 0 auto;
}
div.clear { 
clear:both;
height: 0; 
line-height:0; 
}
.spacer { display:block; }
.bold { font-weight:bold; }
.slant { font-style:italic; }
h1 {
	font-size:20px;
	font-weight:normal;
	color:#6f6f6f;
	margin:0 0 20px 0;
}
h2 {
	font-size:19px;
	font-weight:bold;
	font-weight:normal;
	color:#6f6f6f;
	margin:0 0 5px 0;
}
h3 {
	font-size:17px;
	font-weight:bold;
	color:#FF0000;
	margin:0 0 5px 0;
}

/* Header */
div.header {
	width:645px;
	background:url(../images/header_bg.gif) repeat-x left top;
	padding:0 67px 0 67px;
}
#logo {
	float:left;
	width:188px;
}
div.home_topnav {
	float:left;
	width:234px;
	height:49px;
	padding:37px 0 0 223px;
}
div.inner_topnav {
	float:left;
	width:338px;
	height:49px;
	padding:37px 0 0 118px;
	text-align:right;
}

/* Top Navigation */
a.login {
	background:url(../images/btn_bg.gif) no-repeat left top;
	display:block;
	float:left;
	width:87px;
	height:22px;
	text-align:center;
	padding:6px 0 0 0;
	margin:0 8px 0 0;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.login:hover {
	color:#fe0000;
	text-decoration:none;
}
a.discussion_board {
	background:url(../images/btn_big_bg.gif) no-repeat left top;
	display:block;
	float:left;
	width:147px;
	height:22px;
	text-align:center;
	padding:6px 0 0 0;
	margin:0;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.discussion_board:hover {
	color:#fe0000;
	text-decoration:none;
}

/* Left Navigation */
div.leftnav {
	float:left;
	width:128px;
	padding:0 15px 0 45px;
}

/* Content */
#content {
	width:712px;
	padding:33px 0 59px 67px;
	line-height:18px;
}
#home_content {
	width:518px;
	padding:33px 0 59px 261px;
}
a.home {
	background:url(../images/btn_home_bg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:26px;
	color:#000;
	text-align:center;
	text-decoration:none;
}
a.home:hover {
	color:#9b9b9b;
	text-decoration:none;
}
a.memberhome {
	background:url(../images/btn_home_bg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:6px 0 6px 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:18px;
	color:#000;
	text-align:center;
	text-decoration:none;
}
a.memberhome:hover {
	color:#9b9b9b;
	text-decoration:none;
}
a.learn {
	background:url(../images/btn_redbg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:26px;
	color:#000;
	text-align:center;
	text-decoration:none;
}
a.learn:hover {
	color:#fe0000;
	text-decoration:none;
}
a.learn_on {
	background:url(../images/btn_redbg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:26px;
	color:#fe0000;
	text-align:center;
	text-decoration:none;
}
a.join {
	background:url(../images/btn_orangebg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:24px;
	color:#000;
	text-align:center;
	text-decoration:none;
}
a.join:hover {
	color:#ff9900;
	text-decoration:none;
}
a.join_on {
	background:url(../images/btn_orangebg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	margin:0 19px 0 0;
	line-height:normal;
	font-size:26px;
	color:#ff9900;
	text-align:center;
	text-decoration:none;
}
a.try {
	background:url(../images/btn_greenbg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	line-height:normal;
	font-size:26px;
	color:#000;
	text-align:center;
	text-decoration:none;
}
a.try:hover {
	color:#006602;
	text-decoration:none;
}
a.try_on {
	background:url(../images/btn_greenbg.gif) no-repeat left top;
	display:block;
	float:left;
	width:89px;
	height:43px;
	padding:12px 0 0 0;
	line-height:normal;
	font-size:26px;
	color:#006602;
	text-align:center;
	text-decoration:none;
}
div.content_col {
	float:left;
	width:502px;
	display:inline;
}

/* Footer */
div.footer {
	width:779px;
	border-top:1px solid #ccc;
	padding:7px 0 0 0;
	font-size:12px;
	color:#666;
	text-align:center;
}

/* Join */
div.form_info {
	width:470px;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	padding:15px;
}
div.form_info_leftcol {
	float:left;
	width:150px;
	margin:0 15px 5px 0;
	text-align:right;
	font-weight:bold;
}
div.form_info_rightcol {
	float:left;
	width:300px;
	margin:0 0 5px 0;
}
input.textfield {
	border:1px solid #ccc;
	background-color:#FFF;
	font-size:12px;
	color:#000;
	padding:2px;
}
select.listbox {
	border:1px solid #ccc;
	background-color:#FFF;
	font-size:12px;
	color:#000;
	padding:2px;
}
textarea.textareabox {
	border:1px solid #ccc;
	background-color:#FFF;
	font-size:12px;
	color:#000;
	padding:2px;
}

/* Try */
div.highlightbox {
	float:left;
	width:210px;
	height:220px;
	border:1px dotted #ccc;
	background-color:#f5f5f5;
	padding:10px;
	margin:0 10px 10px 0;
}
/* Try */
div.instructionbox {
	float:left;
	width:620px;
	border:1px dotted #ccc;
	background-color:#f5f5f5;
	padding:10px;
	margin:0 10px 10px 0;
}

/* Login */
.error {
	font-size:12px;
	color:#FF0000;
}
div.usermenu {
	width:448px;
	padding-left:27px;
	padding-bottom:10px;
}
div.usermenu a {
	font-weight:bold;
	text-decoration:none;
}
div.usermenu a:hover {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}
table.new_content td {
	font-size:12px;
	color:#333;
}