/* CSS Document */
html, html body {
	background:#F0B381 url(../layout/roadmap-bg.gif) repeat-x 0 0; 
	}	
	
body#members #container {
	background-image:url(../layout/roadmap-header.jpg); 
	}
	
 /* sidebar (necessitates fixed height on content)*/
#sidebar {
	background:url(../layout/roadmap-driving.jpg);
	width: 234px;
	height: 551px;
	position: absolute;
	left: 13px;
	top: 275px;
  z-index:999;
	}
	
#roadmap-content-wrapper {
  /* wish I didn't have to use this extraneous div, but it was the only way to
     make the content area have a scroll bar without messing up the layout.
     overflow:auto can't go on #content because the footer will suddenly appear
     on top of the sidebar image */
  overflow:auto;  
  min-height: 490px; 
}
#content { 
	background:#fff url(../layout/roadmap-content-bg.gif) repeat-y 0 0; 
	padding-left: 265px;	
}

#content h1 {
  color:#D5711C;
}
#content .terms {
	font-size: .8em;
	line-height: 9px;
	}
#content #login {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 100px;
	}
	
#content #submit {
	color: #fff;
	background: #D5711C;
	}

#content #login #user {
	position: relative;
	}
	
#content #login #pass {
	margin-left: 100px;
	margin-top: -39px;
	position: absolute;
	}
	
#content .logintitle {
	height: 50px;
	}
#content a {
	color: 	#D5711C;
	}

#footer { 
	background:transparent url(../layout/roadmap-content-bottom.gif) no-repeat 13px 0;
	color:#143F6C;
	}
	
#footer a {
	color:#143F6C;	
	}