/*******************************************************
   footerSickAlt CSS
 *******************************************************/ 

#content,
#footer {
  position: relative;
  
  width: 750px;
  border-left: 4px solid  #404E67;
  border-right: 4px solid  #404E67;
}

#content {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  
  margin: 0 auto;
  padding: 0;
  
  text-align: left;
  
  background: #FFF;
}

#footer {
  clear: both;  
  height: 4.5em;
  margin: -4.5em auto 0 auto;
  
  font-size: 0.9em;
  
  background: #DBE3EC;
}



/*******************************************************
   Header
 *******************************************************/ 

#header {
  position: relative;
  width: 750px;
  height: 130px;  
  background: url(../images/bg/header_money.jpg) no-repeat center left;
}

#header img {
  position: absolute;
  top: 0px;
  left: 120px;
  border: 0;
}

#header h1,
#header h2 {
  margin: 0;
  padding: 0;
  text-indent: -100em;
}



/*******************************************************
   Top level horizontal menu
 *******************************************************/ 

#menu {
  float: left;
  width: 100%;
  background: #404E67;
  border-bottom: 6px solid #DBE3EC;
}

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

#menu ul li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}

#menu ul li a {
  float: left;
  padding: 0.4em 1.2em;
  
  font: 400 1.2em arial, sans-serif;
  text-decoration: none;
  
  color: #FFF;
}

#menu ul li a:hover {
  color: #DBE3EC;
  background: #203955 url(../images/bg/menu_triangle.gif) no-repeat bottom center;
}

#menu ul li a.here,
#menu ul li a:hover.here {
  color: #F08820;
  background: #032545 url(../images/bg/menu_triangle.gif) no-repeat bottom center;
}



/*******************************************************
   Page content and sidebar
 *******************************************************/ 

#page {
  position: relative;


  clear: both;
  float: left;
  width: 705px;  
  
  padding: 1px 20px 2em 25px;  
}

/* ensures that the white bg and border goes all the way down to footer */
#page[id]{
  margin-left: -4px;
  background: #FFF;
  border-left: 4px solid  #404E67;
  border-right: 4px solid  #404E67;  
}

.twoCols {
  float: left;
  width: 490px;
  padding-bottom: 2em;
}

#sidebar {
  position: relative;
  top: -1px;
  float: right;
  width: 197px;
  padding-bottom: 2em;
}


/*******************************************************
   Sidebar and menu
 *******************************************************/ 

#sidebar #sidemenu {
  padding: 1px;
  background: #DBE3EC url(../images/bg/sidebar.gif) no-repeat bottom left;
}


#sidebar p {
  margin: 1.5em 1em;
}

#sidemenu h1 {
  margin: 0.9em 15px 10px 15px;  
}

#sidebar h2 {
  margin: 2em 0.9em 2em 1em;
  padding: 0;
  font: 400 1.1em verdana, arial, sans-serif;
  line-height: 150%;
}

#sidebar h3 {
  margin: 3em 0.9em 0.5em 1em;
  padding: 0;
  font: 700 1.1em verdana, arial, sans-serif;
  text-transform: none;
  color: #586681;
}



#sidemenu ul.menu {
  margin: 1em 15px;
  padding: 0;
}

#sidemenu ul.menu li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(../images/bg/sidebar_triangle.gif) no-repeat center left;
}

#sidemenu ul.menu li a {
  display: block;
  margin: 0;
  padding: 0.75em;
  
  font: 400 1.2em arial, sans-serif;
  letter-spacing: -0.05em;
  text-decoration: none;
  
  color: #404E67;
  background: url(../images/bg/sidebar_triangle.gif) no-repeat center left;
  border-top: 1px solid #C2CDD9;
}


/* Forces IE-win "display:block" to work, but must hide from IE-mac \*/
* html #sidemenu ul.menu li a {
  height: 1%;
}
/* End hide from IE-mac */

#sidemenu ul.menu li a:hover {
  background: #D1DBE5 url(../images/bg/sidebar_triangle_on.gif) no-repeat center left;
}


/*******************************************************
   Icon Links
 *******************************************************/ 

ul.iconLinks {
  margin: 0;
  padding: 0 1em 0 0 !important;
  padding: 1em 1em 0 0;
  text-align: right;
}

#sidebar ul.iconLinks {
  margin: 0.5em 15px; 
  padding: 0;
  text-align: left;
}


ul.iconLinks li {
  display: inline;
  margin: 0;
  padding: 0 0;
  list-style: none;
  background: none;
}

ul.iconLinks li a:hover {
  background: none;
}




/*******************************************************
   Footer
 *******************************************************/ 

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

#footer ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 10px 0 7px !important;  
  padding: 0 7px 0 11px;
  border-right: 1px solid #C2CDD9;
}

#footer ul li.last {
  border: 0;
}

#footer a {
  color: #404E67;
}

#footer a:hover {
  color: #011C35;
  background: #C0CEDF;
}

#footer .left {
  float: left;
  padding: 1.2em 0 0 2em;
}

#footer .right {
  float: right;
  text-align: right;
  padding: 1.2em 1em 0 0
}


/*******************************************************
   Thumbnails on lease pages
 *******************************************************/ 

.thumbs {
  clear: both;
  padding-left: 35px;
}

.thumbs .title {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
}

.thumbs a {
  margin-right: 5px;
}


/*******************************************************
   Generic Display Classes
 *******************************************************/ 

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.aLeft {
  text-align: left;
}

.aRight {
  text-align: right;
}

.width60 {
  width: 59%;
}

.width40 {
  width: 39%;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.quote {
  background: url(../images/icons/quote.gif) no-repeat bottom right;
}