html {
	background-color: #1D0600;
}

body,
html {
	background: #1D0600 url('../images/ABR_dark_back1.jpg') repeat;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	height: 100%;
}


body {
	/* background: #1D0600 url('../images/ABR_dark_back1.jpg') repeat; */
	min-width: 657px;
}

/* General stuff */

#content a:link, #content a:visited, #content a:active, #content a:hover {
  color: #003333;
  text-decoration: underline;
}

a:link, a:active {
  color: #2222AA;
  text-decoration: none;
}

a:visited {
  color: #5F02BE;
  text-decoration: none;
}

a:hover {
  color: #BBAAAA;
  text-decoration: underline;
}


/* Admin Area stuff */

.admincell {
	BORDER-COLOR: #DDD;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	PADDING: 5px;
	font-size: 1em;
}

td.quizcell {
	font-size: .9em;
}

.adminheader {
	COLOR: #FFF;
	BACKGROUND-COLOR: #0066AA;
	BORDER-COLOR: #DDD;
	FONT-WEIGHT: bold;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	PADDING: 7px;
}

.adminTeamBlock {
	border: 1px solid #AAA;
	padding: 6px;
	margin: 10px 0 15px 0;
}

.adminTeamMembership {
	width: 98%;
	border: 1px solid #CCC;
	background-color: #FFF;
	float: left;
	padding: 5px;
	margin: 0;
}

.adminBlogLink {
	font-size: .7em;
	color: black;
	font-weight: bold;
}

/* block around the days one team leader's monitor team page */
.monitorTeamDayBlock {
	/* clear: both; */
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #AAA;
	background-color: #F7F7FF;
}

.monitorTeamDayBlockInside {
	/* clear: both; */
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 1px solid #AAA;
	background-color: #FAFAFA;
}

.monitorTeamDayBlockInside p {
	padding: 0;
	margin: 4px;
	font-size: .9em;
}

.monitorTeamWeekBlock {
	width: 97%;
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 1px solid #AAA;
	background-color: #DDF;
}

/* hack for IE6 */
*html .monitorTeamWeekBlock {
	width: 92%;
}

/* Race Running stuff */

#dailyPassage {
	border: 1px solid #DDD;
	background-color: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 0;
}

/* Teams Area Elements */

.progressBarContainer {
	border: 1px solid #AAA;
	background-color: #FEF9E8;
	padding: 5px;
	margin: 10px 0 10px 0;
}

.progressBarScore {
	float: left;
	/* border: 1px solid grey; */
	width: 70px;
	padding: 0 10px 0 0;
	font-weight: bold;
	text-align: center;
}

.progressBarScorePoints {
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
}

.progressBarScoreLabel {
	font-weight: bold;
	text-align: center;
	font-size: .8em;
}

.progressBarDetails {
	padding-left: 70px;
	/* border: 1px solid red; */
}

.progressBar {
	padding: 0;
	margin: 0;
}

.progressBarContainerSmall {
	padding: 0;
	margin: 10px 0 10px 0;
}

.trackerProgressBar {
	border: 1px solid #555555;
	height: 19px;
}

.trackerPositiveProgress {
	background: url('../images/progressbar_fade.jpg');
}

.trackerNonProgress {
	background: #DDF url('../images/littlerunner.gif') top left no-repeat;
}

#smallTrackers {
	padding: 0;
	margin: 12px auto;
}

.trackerProgressBarSmall {
	border: 1px solid #555555;
	height: 9px;
}

.trackerPositiveProgressSmall {
	background: url('../images/progressbar_fade_small.jpg');
}

.trackerNonProgressSmall {
	background: #DDF;
}

.stopTrackingLink {
	float: right;
	padding-right: 13px;
	font-size: .8em;
	font-weight: bold;
}

/* hack for IE6 */
*html .stopTrackingLink {
	padding-right: 17px;
}

a.trackAnotherLegLink1 {
	color: #000; 
	background-color: #FFF;
	margin: 1px 3px 1px 0px; 
	border: 1px solid #AAA; 
	padding: 1px 3px 1px 3px; 
	text-decoration: none;
}

a.trackAnotherLegLink1:hover {
	background-color: #888;
	color: #FFF;
}

span.trackAnotherLegLink2 {
	color: #999;
	background-color: #EEE;
	margin: 1px 3px 1px 0px; 
	border: 1px solid #999; 
	padding: 1px 3px 1px 3px; 
	text-decoration: none;
}

/* Team page photos */
/*img.contributionPhoto {
	border: 10px solid #FFF;
}*/

.contributionPhoto {
	padding: 10px;
	background-color: #FFF;
	border-top: 1px solid #EEE;
	border-right: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
	border-left: 1px solid #EEE;
}

/* Top Teams Box */
#topTeamsBox {
	background-color: #FCEDC6;
	width: 160px;
	border: 2px solid #BBB;
	margin: 10px -20px 10px 4px;
	padding: 0;
	float: right;
}

/* Hack for IE6 */
*html #topTeamsBox {
	margin-right: 0px;
}

#topTeamsBox h4 {
	padding: 0;
	margin: 8px;
}

#topTeamsBox ul {
	padding: 0;
	margin: 0;
}

#topTeamsBox li {
	display: block;
	text-decoration: none;
	list-style-type: none;
	padding: 5px;
	margin: 0 0 0 0;
	border-style: solid;
	border-color: #BBB;
	border-width: 1px 0 0 0;
	border-collapse: collapse;
	width: 150px;
	font-size: .8em;
}

#topTeamsBox li:hover {
	background-color: #FFF;
}

/* Standard elements */

td, tr, p, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3;
}

p {
	padding: 0;
	margin: 10px 0 10px 0;
}


h1 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2222AA;
  font-weight: bold;
  font-size: 1.4em;
}

h2 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2222AA;
  font-weight: bold;
  font-size: 1.4em;
}

h3 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2222AA;
  font-weight: bold;
  font-size: 1.2em;
}

h4 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2222AA;
  font-weight: bold;
  font-size: 1.1em;
}

img.RightAligned {
    margin-left: 15px;
    margin-bottom: 5px
}


/* Header */

#pagecap {
	min-height: 20px;
	width: 95%;
	min-width: 700px;
	background-image: url('../images/pagecapBack.gif');
	margin: 0px auto;
	padding: 0;
}

#pagecapLeft {
	min-height: 20px;
	padding-left: 25px;
	background: url('../images/pagecapLeft.gif') bottom left repeat-y;
	
}

#pagecapRight {
	min-height: 20px;
	padding-right: 25px;
	background: url('../images/pagecapRight.gif') bottom right repeat-y;
}

#header {
	width: 100%;
	height: 152px;
	margin: 0;
	padding: 0;
}


.redstripe {
	width: 100%;
	height: 10px;
	padding: 0;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	background-color: #D30;
}

.orangestripe 
{
	width: 100%;
	height: 10px;
	padding: 0;
	margin: 0;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
	background-color: #C96715;
	background-image: url('../images/orange_stripe_back.png');
}

#header {
	width: 100%;
	height: 280px;
	background: #4D2002 url('../images/banner_back.png') repeat-x;
}

#darkbanner {
	width: 100%;
	height: 30px;
	padding-right: 15px;
}

#banner {
	width: 100%;
	background: url('../images/topmap.gif') right no-repeat;
}

#logoarea {
	height: 220px;
}

#logo {
	padding: 20px 0px 0px 30px;
}

/* Main content area design wrapper */

#middleArea {
	background: url('http://amazingbiblerace.com/images/ABR_dark_back1.jpg') repeat;
} /* just stick a background behind the middle area for stupid IE6 */

#wrap {
	min-height: 100%;
	width: 95%;
	min-width: 780px;
	background: #FDF4D2 url('../images/paperMainLeft.gif') top left repeat-y;
	margin: 0px auto;
	padding: 0;
}

#wrapLeft {
	padding-left: 25px;
}

#wrapRight {
	padding-right: 25px;
	background: url('../images/paperMainRight.gif') top right repeat-y;
}

/* to make the design wrapper go all the way down */
#clearer {
	background: url('../images/paperMainRight.gif') top right repeat-y;
	clear: both;
	height: 1px;
	position: relative;
	margin-right: -25px;
	
}

#footBreak {
	padding: 0;
	margin: 0;
	height: 1px;
	border: 1px solid red;
}


/* Main content area */

#mainWrapLeft {
	padding: 0 0 1px 40px;
	margin: 0;
	min-height: 450px;
}

#mainWrapRight {
	padding-right: 35px;
	padding-top: 15px;
	margin: 0;
}
  
#main {
	padding: 0;
	min-height: 230px;
	margin-right: 200px;
	position: inline;
}

#main h1 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
} 

#footerlower {
	background: #4D2002 url('../images/banner_back.png');
}

#lowerlinks {
	padding: 10px;
	width: 100%;
	background: url('../images/topmap.gif') top right no-repeat;
	font-size: .8em;
	color: #FFF;
	text-align: center;
}

#lowerlinks a:link, #lowerlinks a:active, #lowerlinks a:visited, #lowerlinks p {
  color: #FFFFFF; 
  text-decoration: none;
}

#lowerlinks a:hover {
  color: #FFD;
  text-decoration: underline;
}

#pagefoot {
	min-height: 20px;
	width: 90%;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #000;
	background-image: url('../images/ABR_light_back1.jpg');
	margin: 0px auto;
	padding: 0px 15px;
}

/* Sidebar */

#sidebar {
	float: right;
	padding: 0;
	/* margin-right: 15px; */
	margin: 0;
}

#sidebar ul {
	margin-bottom: 0;
}
 
#sidebar h2{
	font-weight: bold;
	margin: 0px;
}

#sidebar h3, #sidebar p {
	padding: 0 10px 0 0;
}

/* Photos Floating Around */
.rightPhoto {
	float: right;
	padding: 2px;
	margin: 0;
}

.leftPhoto {
	float: left;
	padding: 2px;
	margin: 0;
}


/* News Section */


.newsPhoto {
	/* float: right; */
	margin: 0px 0px 10px 12px;
}

.newsContent { 
	/* float: left; */
}

.newsBlock {
	margin: 15px 0px 30px 0px;
	padding: 0;
	width: 95%;
	/* float: left; */
	/* clear: right; */
	/* display: block;*/
	/* border: 1px solid white; */
}

span.newstitle {
	color: #0000AA;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0px;
}

span.newsdate {
	padding-left: 20px;
	color: #444444;
	font-weight: bold;
	font-size: .8em;
}



/* Navigation */

#loginwrap {
	margin: 10px 0 0 0;
	width: 193px;
	height: 215px;
	background: url('../images/membertoolsBack.gif') top left no-repeat;
}

#login {
	padding: 29px 14px 20px 25px;
}

#login a:link, #login a:active, #login a:visited  {
  color: #2222AA;
  text-decoration: none;
}

#login a:hover {
  color: #AAAAAA;
  text-decoration: underline;
}


#login ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#login li {
	margin: 0px 0px 11px 0px;
	line-height: 1em;
}

#login p.welcome {
	padding: 10px 0 18px 0;
	margin: 0;
	font-size: .9em;
}


/* Right Sidebar Login Form*/

#rightlogin {
	margin: 10px 0 0 0;
}

#rightlogin input.textinput {
	font-size: .8em;
	height: 10px;
	margin-bottom: 3px;
}

#rightlogin .rightloginlabel {
	width: 120px;
	font-size: .8em;
	padding-right: 5px;
	margin: 0;
}

#rightbar p.register {
	padding: 3px 10px 20px 10px;
	margin: 0;
	font-size: .8em;
}

/* Page Top Login Form*/

#toplogin {
	float: right;
	margin: 2px 25px 0 0;
}

#toplogin input.textinput {
	font-size: .8em;
 	height: 1.3em;
	background-color: #DDD;
	margin: 0;
	padding: 3px;
	border: 1px solid #FFF;
}

#toplogin .toploginlabel {
	color: #DDD;
	width: 120px;
	font-size: .9em;
	padding: 0 5px 3px 0;
	margin: 0;
}

#topWelcome {
	padding: 2px 20px 0 0;
	margin: 0;
	color: #ddd;
}

#topWelcome a {
	color: #AAD;
	font-weight: bold;
	padding-left: 20px;
}



#topRegister {
	text-align: right;
	color: #DDD;
	font-size: .8em;
	float: right;
	margin: 5px 25px 0 0;
}

#topRegister a {
	color: #FFF;
}


/* Navigation */

#navwrap {
	width: 190px;
	background: url('../images/navBack.gif') bottom left no-repeat;
	padding: 0;
	margin: 0;
}

#nav {

	padding: 13px 4px 20px 20px;
}

#nav a:link, #nav a:active, #nav a:visited  {
  color: #000;
  text-decoration: none;
}

#nav a:hover {
  color: #FFF;
  text-decoration: underline;
}


#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#nav li {
	margin: 0px 0px 11px 0px;
	line-height: 1em;
}

/* Lower right-side nav */

#lowersidewrap {
	width: 150px;
	margin-top: 20px;
	/* background-color: #FFFFFF; */
	border-width: 0px 1px 2px 0px;
	border-style: solid;
	border-color: #333;
	padding: 13px;
}


#lowerside {
	background-color: #FFF9E7;
	border-top: 1px solid #FFF2D3;
	border-right: 2px solid #FFEDC1;
	border-bottom: 2px solid #FFEDC1;
	border-left: 1px solid #FFF2D3; 
	padding: 9px;
}


/* Footer section */
  
#footer {
	clear: both;
	text-align: center;
	font-size: .8em;
	color: #000000;
}

#footer p {
	padding: 15px;
	margin: 0;
}

#footer a:link, #footer a:active, #footer a:visited  {
  color: #2222AA;
  text-decoration: none;
}

#footer a:hover {
  color: #000000;
  text-decoration: underline;
}


/* Misc tags */
.required {
	color: #990000;
}

.errorMessage {
	color: #DD0000;
	font-weight: bold;
}

#RaceSeal {
	/* float: right; */
	right: 210px;
	top: 320px;
	position: absolute;
}

#minorProphetsScorecard {
	background-color: #FFF;
	border-collapse: collapse;
	padding: 2px;
}

.minorProphetsScorecardCell {
	border: 2px solid #DDD;
	padding: 2px 5px;
}

.minorProphetsScorecardHeader {
	font-weight: bold;
	padding: 5px;
	background-color: #E0B796;
	border: 2px solid #DDD;
}

.carouselPhoto {
	padding: 9px;
	margin: -15px 0 0 10px;
	background-color: #FAFAFA;
	border-top: 0px solid #EEE;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 0px solid #EEE;
}

.carouselScoreBox {
	border: 1px solid #999;
	background: #FEF9E8;
	padding: 3px;
	margin: 10px 10px 10px 1px;
	width: 100px;
	text-align: center;
}

a.carouselLink {
	color: #2222AA;
	text-decoration: none;
}

/* Popup Pointer */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Webform formatting */

input[type=text],input[type=password] {
  background-color: #FFF;
	border: 1px solid #555;
	font: 12px Verdana, sans-serif;
	color: #000;
	padding: 2px;
	margin: 1px;
}

textarea {
	background-color: #FFF;
	border: 1px solid black;
	font: 12px Verdana, sans-serif;
	color: #000;
	padding: 2px;
	margin: 1px;
}

select {
  background-color: #FFF;
	border: 1px solid black;
	font: 12px Verdana, sans-serif;
	color: #000;
	padding: 2px;
	margin: 1px;
}