@charset "UTF-8";
@import "reset.css";
@import "forms.css";

* {font-family: verdana;}

body {
	background-color: #FFF;
}

#header h1 {
	font-size: 11px;
	text-align: left;
	padding-left: 3px;
	background: #544242 url(/images/mobile_bg_header.png) repeat-x;
	color: white;
	margin-bottom: 0px;
	border-bottom: 1px solid black;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
}
#slides {
	display: block;
	position: absolute;
	clip: auto;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
}

#slides a {
	display: block;
	padding-top: 45px;
}

#slides img {
	display: none;
}

#header h2 {
	font-size: 11px;
	text-align: center;
	padding: 3px;
	background: silver;
	border-bottom: 1px solid gray;
	color: black;
	display: none;
}

.register, .main {
	display: none;
}

#nav {
	z-index: 9998;
	position: absolute;
	padding-top: 45px;
	top: 0px;
	right: 0px;
	width: 91px;
	height: 45px;
}

#nav section, #nav ul {
	display: none;
}

#nav.open {
	width: 100%;
	height: auto;
	overflow: visible;
	clip: none;
	background: #FFF;
	top: 45px;
	overflow: visible;
	border-bottom: 5px solid black;
	padding-top: 10px;
}

#nav.open section, #nav.open ul {
	display: block;
}

#nav_toggle {
	z-index: 9999;
	position: absolute;
	background: url(/images/mobile_nav_bg.png);
	top: 0px;
	right: 0px;
	height: 45px;
	width: 91px;
}

#nav.open #nav_toggle {
	background: url(/images/mobile_nav_bg_over.png);
	top: -45px;
}

nav#nav section.register {
	margin-bottom: 10px;
}

nav#nav section.register h1 {
	text-align: left;
	padding-left: 10px;
	font-size: 18px;
}

nav#nav section.register ul {
	list-style-image: url(../images/listimage_nav_register_ul.png);
	width: 200px;
	margin: auto;
	margin-left: 10px;
}

nav#nav section.register ul li {
	padding: 0px;
	margin: 0px;
}

nav#nav ul.main {
	list-style-type: none;
	padding: 0px;
}

nav#nav ul.main li {
	padding: 14px;
	padding-left: 70px;
	border-top: 1px dotted #B4B4B4;
	position: relative;
}

nav#nav ul.main li img.icon {
	position: absolute;
	width: 57px;
	height: 57px;
	left: 2px;
}

nav#nav ul.main li strong {
	display: block;
	font-size: 18px;
	margin-top: 10px;
}


#header nav {
	display: none;
}

#content {
	padding: 10px;
	line-height: 2;
}

#content, #content span[style] {
		font-size: 11px !important;
}

blockquote {
	padding: 0px;
}

article header h1, section h1, section h2 {
	font-size: 15px;
	text-align: center;
}

article header p {
	font-size: 10px;
	text-align: center;
}

h2.subtitle {
	font-size: 13px;
	text-align: center;	
}

#next-step {
	text-align: center;
	font-size: 18px;
	display: block;
	padding: 10px;
	background: rgb(102, 0, 0);
	color: white;
	margin-top: 0em;
	margin-bottom: 2em;
	border: 1px solid black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(175, 0, 0)), to(rgb(102, 0, 0)));
}

.social {
	padding: 3px;
	border: 1px solid silver;
	background: #EFEFEF;
	color: black;
	text-align: center;
	vertical-align: middle;
}

.social a {
	color: rgb(102, 0, 0);
	display: inline-block;
	text-align: center;
	padding: 0px;
	width: 32px;
	height: 32px;
	position: relative;
	clip: auto;
	overflow: hidden;
}

.social a img {
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

#footer {
	background: silver;
	border-top: gray;
	padding: 10px;
	text-align: center;
}

#footer * {
	display: inline;
	font-size: 12px;
}

#footer nav {
	display: block;
	margin-bottom: 1em;
}

#footer a:after {
	content: ' ·';
}

#footer nav ul li:last-child a:after {
	content: '';
}

.paginate, center, .center {text-align: center;}















#rtbwu-suggest {
	padding: 1em;
	border: 1px solid #600;
	background: #EFEFEF;
	display: none;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

.rtbwu-error input, .rtbwu-error textarea, .rtbwu-error select {
	border: 1px solid #600;
	background: #FCC;
}

.rtbwu-error {
	color: #600;
	font-weight: bold;
}

span.rtbwu-error {
	display: none;
}

.rtbwu-error span.rtbwu-error {
	display: inline;
}

.delete {
	margin-right: 10px;
}

.edit {
	margin-right: 10px;
}

.seealso {
	display: inline;
}

h2.subtitle {text-align: center;}

.seealso {
	color: #666;
}

h2#comments {
	margin-bottom: -2em;
	margin-top: 2em;
}

.byline {
	font-size: .8em;
	color: #666;
	overflow: hidden;
}

.byline .options {
	float: right;
	font-size: 1.2em;
}

section.sectioned {
	padding: 1em;
	border: 1px solid #600 !important;
	background: #EEE !important;
	margin-top: 0em;
	margin-bottom: 2em;
}

p.sectioned {
	padding: 1em;
}

p.sectioned strong.sectioned-number	{
	float: left;
	margin: .5em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	line-height: 1;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.or {
	display: block;
	border-top: 1px;
	color: #600;
	border-top: 1px solid #600;
	margin-top: 2em;
}

.or strong {
	background: #EEE;
	display: block;
	width: 5em;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	line-height: 1;
	font-size: 1.5em;
	color: #600;
	margin: auto;
	margin-top: -.5em;
	margin-bottom: 1em;
}


dl {
	margin-bottom: 1em;
}

dt {
	font-weight: bold;
	float: left;
	padding-right: .5em;
}
dd {
	clear: right;
	padding-bottom: 1em;
}





article header {
	position: relative;
}


blockquote {
	padding-left: 1em;
	border-left: 3px solid #600;
	font-style: italic;
}

.passage blockquote {
	padding: 0px;
	border: 0px;
}




#content section {
	border-top: 1px dotted #b2b2b2;
	background: url(../images/bg_section.png) no-repeat top center;
	margin-top: 40px;
	padding-top: 40px;
}

#content section#aboutus {
	margin-top: 150px;
}

#content section#aboutus h1 {
	padding-left: 25px;
	background: url(../images/icon-maple.png) no-repeat top left;
}

section.hidden {
	opacity: .3;
	-ms-filter: 'alpha(opacity=30)';
}


section.hidden:hover {
	opacity: 1;
	-ms-filter: 'alpha(opacity=100)';
}