/* Styles for RO join page */
body {
	font: normal 71% Arial, Helvetica, sans-serif;
	background: url(../images/bg_tile.jpg) #2e2721 repeat-x left top;
	color: #fff;
	text-align:center;
	margin:10px;
}

p, select, input {
	font-size: 1.1em;
}

a {
	color: #0255ac;
	text-decoration:none;
}


#header, #content, #confirm, #landing {
	text-align:left;
	margin: 0 auto;
	clear: both;
}
#header {
	height: 180px;
	width: 710px;
}

#content {
	width: 600px;
}

#roc_logo {
	position: relative;
	left:30px;
	float:left;
	width:179px;
	height: 158px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/roc_logo.png',sizingMethod='scale');
}

#roc_logo img {
	display: block !important;
	display: none;
}

h1 {
	background: url(../images/reach_out.png) no-repeat left top !important;
	height: 0 !important;
	height: 40px;
	width: 294px;
	padding-top: 99px;
	overflow:hidden;
	position: relative;
	margin: 50px 50px 0 25px;
	float:left;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reach_out.png',sizingMethod='scale');
}



#ro_logo {
	float:left;
	margin: 20px 0 0 -50px;
}

#intro {
	clear: both;
}

#intro p {
	width: 385px;
}

#redfont {
	width: 60px;
	font: bold; 
	color: red;
	text-align: center;
}
#redfont01 {
	font-size: 1.3em;font-weight:bold; 
	color: red;
}


#join {
	clear:both;
	padding-top: 60px;
	background: url(../images/dashed_line.gif) repeat-x left 40px;
}

#join p {
	font-size: 1.1em;
	margin:0;
}
#join p.privacy  {
	font-size: 1em;
}

#join h2 {
	margin: 20px 0 18px 50px;
}

ol ol {
	list-style-type: lower-alpha;
}
ol ol ol {
	list-style-type:lower-roman;
}

#confirm {
	width: 600px;
	text-align: center;
	background: url(../images/dashed_line.gif) repeat-x left bottom;
	padding: 10px 0 40px;
}

#confirmBox {
	margin: 0 auto;
	width: 415px;
	height: 210px;
	text-align:left;
	background:#3f3a34;
	border-top: solid 1px #3f3a34;
}
#confirmBox p {
	margin: 10px 15px 0;
}
#confirmBox h2 {
	margin: 10px 15px 0;
}
#confirmBox a {
	color: #fa8512;
}

#landing {
	width: 600px;
	text-align: center;
	background: url(../images/dashed_line.gif) repeat-x left bottom;
	padding: 10px 0 40px;
}
#landingBox {
	margin: 0 auto;
	width: 415px;
	height: 540px;
	text-align:left;
	background:#3f3a34;
	border-top: solid 1px #3f3a34;
}
#landingBox p {
	margin: 10px 15px 0;
}
#landingBox h2 {
	background: url(../images/right_place.png) no-repeat left top !important;
	height: 0 !important;
	height: 20px;
	width: 290px;
	padding-top: 20px;
	overflow:hidden;
	position: relative;
	margin: 10px 15px 10PX;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right_place.png',sizingMethod='scale');
}
#landingBox a {
	color: #fa8512;
}

/* general form stuff */
label {
	color: #fa8512;
	font-weight:bold;
	display:block;
	margin: 2px 13px;
	clear: both;
}

label.hidden {
	clear:none;
	color:#2E2721;
	float:right;
	font-size:0.1em;
	height:1px;
	overflow:hidden;
	width:1px;
}

input.text, select, textarea, div.terms {
	font-family: "Courier New", Courier, monospace;
	border:0;
}

input.text {
	width: 125px;
	margin: 2px 13px 5px;
	padding-left: 2px;
}

input.submit {
	margin: 7px 0 0 49px;
}

input.checkbox, input.radio {
	float: left;
	clear: left;
}
label.checkbox, label.radio {
	font-weight: normal;
	color: #fff;
	clear:none;
	padding-top: 4px;
}

div.terms {
	width: 270px;
	height: 135px;
	overflow:auto;
	font-size:0.9em;
	background:#fff;
	color: #000;
	margin-bottom: 10px;
}


/* member login form */
form#memberLogin {
	width: 155px;
	height: 215px;
	background:#3f3934;
	float: right;
}

#memberLogin h2 {
	padding: 10px 13px 0;
	margin:0;
}
#memberLogin p {
	margin: 0 13px;
	color:#94918f;
	width: auto;
}

/* new member joining form */
#memberJoin label {
	margin-left: 0;
}

#memberJoin input.text, #memberJoin select {
	width: 175px;
	margin:2px 0 10px;
}

#aboutYou {
	width: 225px;
	float: left;
	margin-left: 50px;
	display:inline;
}

#onTheWebsite {
	width: 310px;
	float: left;
}

select#heard_about {
	width: 270px;
}

label#birthday {
	margin-top: 8px;
}
#dob_day, #dob_month, #dob_year {
	width: 60px !important;
	display:inline;
	margin-right: 5px;
}

#submitHolder {
	clear: both;
	text-align:right;
	background: url(../images/dashed_line.gif) repeat-x left 30px;
	padding: 60px 15px 40px 0 !important;
	padding: 30px 15px 20px 0;
}