/* css Zen Garden - 'RENT', by Olivia-Beth Horak and Kate Rutherford */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Olivia-Beth Horak and Kate Rutherford */
/* Added: May 7th, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   

/* basic elements */
body {
  color: #000; 
  background: #000 url(../../notimetospare.com/imx/web/xerox-column.gif) repeat-y fixed top center;
  margin: 0px;
  padding: 0px; font-style:normal; font-variant:normal; font-weight:normal; line-height:150%; font-size:83%}
	
p { 
  font: 83%/150% georgia, palatino, serif;
  margin-top: 0px; 
  text-align: justify;}
	
h3 { 
  letter-spacing: 1px; 
  margin-bottom: 0px; 
  color: #E79900;
  font-weight: bold;}
	
body, p, h3 {
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif}
	
a:link, a:visited {
  font-weight: bold;
  text-decoration: none; 
  color: #C4484A;}
	
a:hover, a:active {
  font-weight: bold; 
  text-decoration: none; 
  color: #C4484A;}


/* specific divs */

#container {
  position: relative; 
  margin: auto auto;
  width: 675px
	}
	
#intro {margin:0px;}

#quickSummary {
  background: url('../../notimetospare.com/imx/web/xerox-divider.gif') no-repeat bottom center;
  padding: 0px 0px 25px 0px;}
	
#quickSummary, #preamble {margin: 0px 200px 0px 50px;}

#pageHeader { 
	/*display:none;*/
	margin: 0px;}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1{
  margin: 0px;
  background: url('rent-header.jpg') no-repeat top center;
  width: 675px; 
  height: 200px}
	
#pageHeader h1 span {display: none;}
	
#pageHeader h2 {display: none;}

#quickSummary {margin-top: 10px;}

#quickSummary p { }

#preamble {
  background: url('../../notimetospare.com/imx/web/xerox-divider.gif') no-repeat bottom center;
  padding: 0px 0px 25px 0px;}

#preamble h3 {
  background: url('../../notimetospare.com/imx/web/road.gif') no-repeat top left; 
  width: 368px; 
  height: 37px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px}
	
#preamble h3 span {display:none}

#supportingText {margin:0px 200px 0px 50px;}

#explanation {
  background: url('../../notimetospare.com/imx/web/xerox-divider.gif') no-repeat bottom center;
  padding: 0px 0px 25px 0px;}

#explanation h3 { 
  background: url('../../notimetospare.com/imx/web/what.gif') no-repeat top left; 
  width: 378px; 
  height: 40px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px}
	
#explanation h3 span {display:none}

#participation {
  background: url('../../notimetospare.com/imx/web/xerox-divider.gif') no-repeat bottom center;
  padding: 0px 0px 25px 0px;}

#participation h3 { 
  background: url('../../notimetospare.com/imx/web/participation.gif') no-repeat top left; 
  width: 345px; 
  height: 36px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px}
	
#participation h3 span {display:none}

#benefits {
  background: url('../../notimetospare.com/imx/web/xerox-divider.gif') no-repeat bottom center;
  padding: 0px 0px 25px 0px;}

#benefits h3 { 
  background: url('../../notimetospare.com/imx/web/benefits.gif') no-repeat top left; 
  width: 146px; 
  height: 37px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px}
	
#benefits h3 span {display:none}

#requirements {margin-bottom: -80px;}

#requirements h3 { 
	background: url('../../notimetospare.com/imx/web/requirements.gif') no-repeat top left; 
	width: 211px; 
	height: 32px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:5px}
	
#requirements h3 span {display:none}

#footer { 
  text-align: center; 
  background: url('../../notimetospare.com/imx/web/bottom.gif') no-repeat top left;
  height: 37px;
  padding-top: 88px; 
  margin: 25px -150px 0px 0px;}
	
#footer a:link, #footer a:visited {font-size: 16px; margin-right: 20px;}

#linkList {
  position: absolute; 
  top: 207px; 
  right: 6px;
  width: 181px;}
	
#linkList ul {margin: 0px; padding: 0px;}

#linkList li {
  list-style-type: none;
  background: url('../../notimetospare.com/imx/web/li-bg.gif') top center;
  margin:0px;
  border-top: 1px solid #5D4831;	
  border-bottom: 1px solid #221609;
  display: block; padding-left:6px; padding-right:6px; padding-top:8px; padding-bottom:8px}
	
#linkList li a { 
  font-weight: bold; 
  text-decoration: none; 
  color: #C4484A;}
	
#linkList2 { 
  font-size: 70%; 
  font-weight: normal; 
  text-decoration: none; 
  color: #000;}
	
#lselect ul li a, #lfavorites ul li a {
  font-weight: bold; 
  text-decoration: none; 
  color: #C4484A;
  font-size: 120%;
  display: block;
  width: auto;
  padding: 0px;}
	
#lselect ul li a.c, #lfavorites ul li a.c {
  font-size: 100%;
  display:inline;
  color: #000000;}
	
#linkList h3.select { 
  background: url('../../notimetospare.com/imx/web/h3.gif') no-repeat top left; 
  width: 160px; 
  height: 40px; margin-left:0px; margin-right:0px; margin-top:2px; margin-bottom:0px}
	
#linkList h3.select span {display:none}

#lfavorites {padding-top: 10px;}

#linkList h3.favorites { 
	background: url('../../notimetospare.com/imx/web/h4.gif') no-repeat top left; 
	margin: 0px; 
	width: 160px; 
	height: 40px}
	
#linkList h3.favorites span {display:none}

#linkList h3.archives { 
	background: url('../../notimetospare.com/imx/web/h5.gif') no-repeat top left; 
	margin: 0px; 
	width: 160px; 
	height: 40px}
	
#linkList h3.archives span {display:none}

#larchives {padding-top: 10px;}

#linkList h3.resources { 
  background: url('../../notimetospare.com/imx/web/h6.gif') no-repeat top left; 
  margin: 0px; 
  width:180px; 
  height: 40px}
	
#linkList h3.resources span {display:none}

#lresources {padding-top: 10px;}