/*
** Color template **
background "peach" color: rgb(234,185,149);
headline "rust" color: rgb(235,144,77);
headline border "orange" color: rgb(252,141,59);
main "moroon" color: rgb(156,70,70);
sidebar "walnut" color: rgb(183,127,75);
sidebar border "light walnut" color: rgb(201,136,76);
sidebar "vanilla" color: rgb(227,219,182);
sidbar insets "creme" color: rgb(208,199,160);
*/
* {
  padding: 0;
  margin: 0;
}
body{
  background-color: rgb(234,185,149);
  font-family: Arial;
}
/* The main container of the page  */
#container {
  width: 950px;
  margin: 15px auto;
  border: #fff 5px double;
  background-color: #9d4922;
  position: relative;
}
div.top_container {
  width: 100%;
  height: 125px;
  background-color: rgb(235,144,77);
  border-bottom: rgb(252,141,59) 2px solid;
  color: #000;
}
div.leftbar {
  width: 200px;
  background-color: rgb(183,127,75);
  /*margin-left: 5px;
  border-left: rgb(201,136,76) 2px solid;    */
  padding-left: 5px;
  float: left;
  color: #000;
}
/* The fancy horizontal border */
div.h-border {
    width: 100%;
    background-image:  url('images/h-border.jpg');
    background-repeat: repeat-x;    
}
/* Main panel contaning cards  */
div.mainpanel {
  width: 75%;
  margin-right: 20px;
  float: right;
  color: #fff;
}
#logo {
  float: right;
  margin-top: 10px;
  margin-right: 14px;
}
td.cardcol {
    vertical-align: top;
}
/* Header of each card */
span.cardHeader {
     color: #E9B894;
     font-size: 18;
     font-weight: bold;
}
/* Text of each card */
span.cardText {
    font-size: 16;
}
/* The table that contains link and image in each card */
table.cardtable {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
}


span.cardlink {
    padding-left: 10px;
    padding-right:10px;
    text-transform:uppercase ;
    font-weight:bold ;
}
.clear {
  clear: both;
}
/* Colors */
.red {
  color: #753a25;
}
.white {
  color: white;
}
.cream {
  color: #E9B894;
}
.rounded {
    background-color: #E9B894;
    width: 150px;
    text-align: center;
}