/**Rent-Smart - CSS - February 2006**/
/**website developed and maintained by Sadalbari Open Softwarec - http://www.sadalbari.com**/

/**the basics**/
html, body { 
  font-family: Arial,Helvetica,Verdana,Sans-serif; 
  font-size: 85%;
  color: #000000; 
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

p {
  margin: 0 5px 5px 5px;
  padding: 4px;
}



td, input, textarea, select, option {
  font-weight: normal;
  font-size: 1.0em;
  color: #ae171a;
 }

input, select, textarea {
  border: solid 1px #ae171a;
}

textarea {
  width: 200px;
  height: 100px;
  overflow: scroll;
}

.inputBoxSmall {
  width: 50px;
}

.inputBoxMid {
  width: 146px;
}

.inputBox {
  width: 200px;
}

.button {
  width: 95px;
  height: 25px;
  background-color: #ffffff;
  color: #000000;
  border: solid 1px #ae171a;
  font: bold 1.0em;
  text-align: center;
}

h1 {
  font: normal bold 1.5em Arial,Verdana,Sans-serif;
  letter-spacing: 0.04em;
  margin-bottom: 0;
  margin-left: 15px;
  color: #ae171a;
}

h3 { 
  font: italic bold 1.2em Arial,Verdana,Sans-serif; 
  letter-spacing: 0.03em; 
  margin-bottom: 0px;
  margin-left: 15px;
  color: #000000;
}

h4 {
  font: bold 1.0em Arial,Verdana,Sans-serif;
  letter-spacing: 1px;
  color: #9e9c10;
}
	
h5 {
  font: bold 0.9em Arial,Verdana,Sans-serif;
  color: #000000;
  margin-left: 10px;
}
	
a {
  color: #000000;
  padding: 0px;
  margin: 0px;
}
	
a:link { 
  font-weight: bold; 
  text-decoration: none; 
  color: #000000;
}
	
a:visited { 
  font-weight: bold; 
  text-decoration: none; 
  color: #000000;
}
	
a:hover, a:active { 
  text-decoration: none; 
  color: #ae171a;
}
	
img {
  border: 0px;
}

img.left {
  padding: 10px;
  margin: 0px 0px 2px 7px;
  display: inline;
}

p img{
  padding: 0px;
}

ul {
  padding: 0px; 
  margin: 0px;
  width: 85%;
  line-height: 100%;
  text-indent: -1em;
  text-align: justify;
}

/**the divs**/
#container { 
  position: relative;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  background: #ffffff url('images/topheader.png') no-repeat;
  border: solid 1px #dbdaa4;
}

/*left column - links*/
#header span {
  position: relative;
  top: 140px;
  left: 145px;
  padding: 2px 10px 5px 10px;
  *padding: 2px 5px 2px 5px;
  border-right: 1px solid #fff;
}
	
#header span a {
  color: #ffffff;
  font: bold 0.9em Arial,Verdana,Sans-serif;
  letter-spacing: 0.03em;
  
}
	
#header span a:hover {
  color: #000000;
  text-decoration: none;
}

#header span a:over, #header span a:active {
  color: #000000;
  text-decoration: none;
}

#menu {
  position: absolute;
  *position: relative;
  *float:left;
  top: 175px;
  *top: 160px;
  width: 135px;
  /*left: 5px;*/
  margin-left: 0px;
  border: solid 1px #dbdaa4;
}
	
#menu ul li {
  display: block;
  vertical-align: middle;
  /*workarounds for IE*/
  *margin: 0% 1% 1% 1%;
  *padding: 0% 0% 0% 5%;
  *height: 20%;
}

#menu ul li a {
  list-style: circle;
  text-decoration: none;
  padding: 0px 0px 10px 15px;
  *padding-left: 13px;
  padding-top: 2px;
  margin-left: 5px;
  margin-right: 0px;
  font: normal 1.1em verdana, sans-serif;
  color: #ae171a;
  display: block;
  line-height: 150%;
}
	
#menu ul li a:hover {
  text-decoration: none;
  color: #000000;
  width: 100%;
  display: block;
}

#menu p, #menu p a, #menu p a:hover {
  text-align: center;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  background-color: #ae171a;
  width: 100%;
  display: block;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  text-decoration: none;
 }

/*middle column - content*/
#content {
  margin-left: 135px;
  *margin-left: 0;
  margin-top: 160px;
  *margin-top: 160px;
  float: center;
  width: 628px;
  *width: 450px;
  font-weight: normal;
}

#content p {
  padding: 5px 30px 10px 10px;
  color: #000000;
  font-size: 1.0em;
  text-align: justify;
  display: block;
  line-height: 150%;
}

#content li {
  margin-bottom: 20px;
}
	
#content li a:hover {
  color: #ae171a;
}

#content span {
  line-height: 150%;
}

#content span a {
  text-align: center;
}

#content img{
  margin:0;
  padding: 0;
  display: inline;
}

#content a img{
  border: 0;
}

#content ul li {
  list-style:circle inside;
  line-height: 200%;
  padding-left: 40px;
  *padding-left: 50px;
  margin-left: 20px;
}

#content p.mainHeading {
  font-weight: bold;
  font-style: italic;
  font-size: 1.5em;
  color: #ae171a;
  padding: 20px;
  border-bottom: solid 1px #dbdaa4;
  border-top: solid 1px #dbdaa4;
}

#content p.mainHeading span a {
  font-weight: bold;
  font-size: 0.8em;
  color: #9e9c10;
  padding: 3px;
}

#content p.mainHeading span a:hover {
  color: #ae171a;
}

.h1 {
	font-size: 170%;
  font-weight: bold;
}

.h2 {
	font-size: 150%;
  font-weight: bold;
}

.h3 {
	font-size: 125%;
  font-weight: bold;
}
/*right column - links*/
#links {
  float: left;
  *float:left;
  margin: 160px 0 0 0;
  *margin: 160px 3px 0 20px;
  width: 135px;
  *width: 135px;
  padding: 0;
  background: #ffffff;
  border: solid 1px #dbdaa4;
  /*border-left: solid 1px #dbdaa4;
  border-right: solid 1px #dbdaa4;
  border-top: dotted 2px #827f00;
  border-bottom: dotted 2px #827f00;*/
}

#links p{
  color: #9e9c10;
  font-weight: bold;
  font-size: 1.2em;
  margin: 5px 2px 5px 59px;
  padding: 0px;
  text-align: center;
}

#links p a{
  color: #9e9c10;
}

#links1 p a:hover {
  color: #000000;
}

#links2 ul {
  list-style: none;
  margin-left: 80px;
  *padding-left: 10px;
  *margin-left: 60px;
  *width: 50px;
  text-align: left;
}

#links2 li a {
  color: #9e9c10;
  line-height: 120%;
  font-size: 0.95em;
  padding: 0;
  font-weight: normal;
}

#links2 li a:hover {
  color: #000000;
}

#links2 li a:over {
  color: #000000;
}

#links1, #links2, #links3 {
  height: 150px;
  width: 130px;
  margin: 0;
  padding: 5px 0px 5px 0px;
}

#links1, #links2 {
  border-bottom: dotted 2px #9e9c10;
}

#links1 {
  background: transparent url('images/interior1.jpg') no-repeat 5% center;
}

#links1 p {
  margin-top: 10%;
  padding-top: 25px;
}

#links2 {
  background: url('images/interior2.jpg') no-repeat 5% center;
}

#links3 {
  background: url('images/interior3.jpg') no-repeat 5% center;
}


#footer {
  clear: both;
  margin-bottom: 3em;
  padding: 0.3em;
  font-size: 0.8em;
  font-style: italic;
  color: #9e9c10;
  text-align: center;
  border-top: solid 1px #dbdaa4;
}

#footer a {
  font: normal 0.8em verdana,sans-serif;
  text-decoration: none;
}

#footer a:hover, #footer a:active {
  text-decoration: none;
}	
/**classes**/
.nomargin {
  margin: 0;
  left: 0;
}

.right {
 float: right;
}

.left {
 float: left;
}

.centred {
 text-align: center;
}	

.smallText {
 font: normal 0.7em verdana, sans-serif;
 color: #fff;
 padding-left: 20px;
}	

.white {
 color: #ffffff;
}

.red {
  color: #ae171a;
}

.green {
  color: #9e9c10;
}


/**FAQ page**/
.q {
  font-size: 20pt;
  font-weight: bold;
  font-style:  italic;
  color: #ae171a;
  background-color: #ffffff;
}

.a {
  font-size: 20pt;
  font-weight: bold;
  font-style:  italic;
  color: #9e9c10;
  background-color: #ffffff;
  padding-right: 80px;
}

.atext {
  color: #9e9c10;
}

table#faq {
  width: 80%;
  margin: 0 auto;
  padding: 0 auto;
  color: #000000;
}

table#faq td {
  border: 1px solid #dbdaa4;
  padding: 10px;
}

#faq td.noborder {
  border: none;
}
.listbkgr {
  background-color: #F5F5F5;
  line-height:  15px; 
  padding: 0px; 
  width: 90%;
}

.listtableborder {
  align: center;
  width: 90%;
  border: 1px solid #dbdaa4;
  padding: 2px; 
}