body {padding: 0; margin: 0; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #4A4A4A; background: #E8E7E7 url(mrabtest_background.gif) center repeat-y;}
h2 {font: 1.7em Georgia, Times, "Times New Roman", serif; color: #444; background-color: #FFF; margin-bottom: 10px; text-align: center;}
h3 {margin: 10px; font-size: 1.1em;}
p {margin-left: 25px; margin-right: 25px; line-height: 2em;}
th {background-color: #FF8A00; color: #FFF; font-size: 0.8em;}
td {font: 0.8em Verdana, Arial, Helvetica, sans-serif;}
ol {margin-left: 25px;}
li {line-height: 2em;}
li > p {margin-left: 0;}
a:hover {text-decoration: none;}
#container {position: absolute; top: 0; left: 50%; margin-left: -375px; width: 750px;}
#header {background-color: #1E448D; color: #4A4A4A;}
#header h1 {margin: 0; padding: 0; width: 351px; height: 83px; background: transparent url(mrabtest_logo.gif) center no-repeat; text-indent: -3000px;}


#navigation {position: absolute; top: 38px; left: 370px; width: 373px; height: 39px; margin: 0; padding: 0; background: transparent url(mrabtest_navbar.gif) 0 -39px no-repeat; list-style: none;}
#navigation li {position: absolute; height: 39px;}
#navigation li a {display: block; width: 100%; height: 100%; text-indent: -3000px;}
#home {width: 93px;}
#home a:hover, #home a.selected {background: transparent url(mrabtest_navbar.gif) 0 0 no-repeat;}
#aboutTheMrab {left: 93px; width: 144px;}
#aboutTheMrab a:hover, #aboutTheMrab a.selected {background: transparent url(mrabtest_navbar.gif) -93px 0 no-repeat;}
#pressReleases {left: 237px; width: 135px;}
#pressReleases a:hover, #pressReleases a.selected {background: transparent url(mrabtest_navbar.gif) -237px 0 no-repeat;}


#footer {clear: both; border-top: 1px solid #666; padding-top: 10px; margin: 20px 5px;}
#footer p {font: 0.7em Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 5px 0; padding: 0;}
#mrabLogo {width: 150px; height: 60px; float: right; padding: 0 30px 15px 10px;}
#DA_demo {width: 250px; float: right; padding: 0 10px 10px 10px;}
#climberPhoto {width: 310px; float: right; padding: 12px 20px 10px 20px;}
.caption {font-size: 0.8em; line-height: 1.6em;}
.centered {text-align: center;}
#startMrab {text-align: center;}
#startMrab a {display: block; width: 151px; height: 34px; margin: auto; background: #FFF url(btn-start_mrab.gif) 0 0 no-repeat; text-indent: -3000px;}
#startMrab a:hover {background: #FFF url(btn-start_mrab.gif) 0 -34px no-repeat;}

#newUsers, #returningUsers {width: 350px; float: left;}
#newUsers h2, #returningUsers h2 {text-align: left; margin-left: 10px;}
#returningUsers {margin: 0 0 25px 25px; border: 1px solid #CCC; background-color: #EFEFEF;}
#logonForm, #createAccountForm {width: 100%; margin-bottom: 10px;}

.formLabel {font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #4A4A4A; text-align: right;}
.formButton {font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; padding: 2px 20px;}
.error {color: red; font-weight: bold;}
.separatorRow td {padding-top: 20px;}
.centered {text-align: center;}

#flashTest {text-align: center;}
#logo {text-align: center;}

#mrabResults {margin: auto; width: 500px; border-collapse: collapse;}
#mrabResults td, #mrabResults th {border: 1px solid #CCC; padding: 3px;}