/** Generic Section **/


 body {
  background-color: #9b9d7c;
  background-image: url('../images/marble.png');
  margin: 0;
  padding: 74px 0 0 0;
 }

 a, body {
  font-family: sans-serif;
  font-size: 10pt;
 }

  a, a:active, a:visited {
    background-color: inherit;
    text-decoration: none;
    color: #00f;
  }

  a:hover {
    background-color: inherit;
    color: #f60;
  }

  a img, a:active img, a:visited img, a:hover img {
    border-color: #000000;
  }

/** End Generic Section **/


/** Header **/
  a.top_bar, a.side_bar {
    height: 22px;
    text-decoration: none;
    padding: 0 5px 0 5px;
    vertical-align: bottom;
  }

  a.top_bar,
  a.top_bar:active,
  a.top_bar:visited {
    background-color: transparen;
    color: #fefefe;
    display: table-cell;
  }

  a.top_bar:hover {
    background-color: transparent;
    color: #fff;
    background-image: url('../images/highlight.png');
  }

  #tM_print_title {
    padding-top: 10px;
    font-family: "Papyrus", "Trebuchet MS", fantasy;
    font-size: 18pt;
    border-bottom: 1px solid #a30;
  }


  #tM_center_logo {
    background-image: url('../images/rock.png');
    width: 100%;
    height: 82px;
    top: 0;
    left:0;
    position: absolute;
    z-index: 2;
    padding:0;
  }


  #tM_nav_top {
    position: absolute;
    top:60px;
  }

  #tM_nav_top, #tM_nav_bottom {
    background-image: url('../images/wood_bar.png');
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    left: 0;
    right:0;
    z-index:2;
  }


  #tM_container {
    min-height: 398px;
    background: #ccb799 url('../images/side_nav.png') repeat-y;
    width: 100%;
  }

  #tM_left {
    z-index: 1;
    left: 0;
    position: absolute;
    width: 113px;
    vertical-align: top;
    padding: 20px 0 150px 0;
  }

  #tM_main {
    z-index:1;
    background-color: transparent;
    margin: 0;
    vertical-align: top;
    padding: 25px 15px 15px 110px;
  }

/** End Header **/


/** Side Nav **/
  ul.side_bar {
    padding: 0;
    margin: 0;
    display: block;
    width: 106px;
  }

  ul.side_bar li {
    text-align: left;
    list-style-type: none;
    list-style-position: inside;
    background-image: url('../images/highlight.png');
    margin-top: 20px;
  }

  ul.side_bar_sub {
    display: inline;
    margin: 0;
    padding: 0;
  }

   ul.side_bar_sub li {
    list-style-type: none;
    list-style-position: inside;
    display: inline;
  }

  ul.side_bar a {
    padding: 3px;
  }

  ul.side_bar_sub a {
    padding: 3px 3px 3px 15px;
  }

  ul.side_bar a, ul.side_bar_sub a, ul.side_bar a:visited, ul.side_bar_sub a:visited {
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dashed #666;
    color: #444;
    display: block;
  }


  ul.side_bar a:hover, ul.side_bar_sub a:hover {
    color: #000;
    background-image: url('../images/highlight.png');
    text-decoration: underline;
  }
/** End Side Nav **/






/** Icon Boxes **/
  a.icon, .icon1 {
    text-align: center;
    vertical-align: middle;
    display: block;
    float: left;
    padding: 31px;
    cursor: pointer;
    border: 0px solid #fff;
  }


  div.icon1 {
    cursor: default;
  }




  a.icon {
    width: 100px;
    height: 110px;
  }


  a.icon:hover {
    padding: 30px;
    background-color: #f0f0ff;
    border: 1px solid #aaaaff;
  }



  a.icon1 {
    width: 100px;
    height: 110px;
    opacity: 0.80;
  }


  a.icon1:hover {
    opacity: .99;
  }


  a.icon img, a.icon1 img {
    border: 0;
  }
/** End Icon Boxes **/





a.help {
  cursor: help;
}



div.clickable_box,
div.title,
div.box,
div.box_male,
div.box_female {
  background-color: #fff;
  color: #333;
  border: 1px solid #444;
  padding: 15px;
  margin-bottom: 15px;
}


div.box_male, div.box_female {
  border-color:#666;
  border-width: 1px 1px 4px 1px;
  border-style: solid;
}


div.box_female:hover {
  background-color: #fff2fc;
}


div.box_male:hover {
  background-color: #ecf5ff;
}


div.show_print {
  display: none;
  position: absolute;
}


div.title {
  background-image: url('../images/titleBG.png');
  background-repeat: no-repeat;
  background-position: 0% center;
  font-family: "Papyrus", Tahoma, "Trebuchet MS", fantasy;
  font-size: 18pt;
}



div.pages {
 border-bottom: 1px solid #a30;
}



.picBox {
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
  padding: 15px;
  position: absolute;
  border: 1px dashed #aaa;
  font-weight: bold;
  background-color: transparent;
  background-image: url('../images/light_translucent_bg.png');
}


.clickable {
  cursor: pointer;
}



h1 {
  font-family: "Papyrus", "Trebuchet MS", fantasy;
  font-weight: normal;
  font-size: 14pt;
  border-bottom: 1px solid #a30;
}



p {
  padding: 5px;
  font-size: 10pt;
  text-align: justify;
}



p.error {
  background-image: url('../images/error_bg.png');
  border: 1px solid #00a;
  color: #fff;
  font-weight: bold;
}


ul.pages, ul.pages li {
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0;
}

ul.pages li a, ul.pages li.selected {
  padding: 0 5px 0 5px;
  border: 0;
}

ul.pages li a:hover, ul.pages li.selected {
  padding: 0 4px 0 4px;
  background-color: #f0f0ff;
  border: 1px solid #a30;
}


/**Blog section**/
  div.blog_container {
    border: 1px solid #888;
    display: block;
    padding: 0;
    margin: 10px;
    color: white;
  }


  div.blog_title {
    margin: 0;
    padding: 4px;
    font-size: 12pt;
    font-family: "Trebuchet MS", Arial, Verdana;
    background-color: #32537D;
  }


  div.blog_body {
    background-color: #fff;
    color: #000;
    padding: 15px;
  }
/**End Blog section**/


/** Dog listing section**/

 div.dogPic {
   margin-left: 15px;
   float: right;
   width: 200px;
   padding: 10px;
   background-color: #cacaca;
   background-image: url('../images/details_bg.jpg');
   background-repeat: repeat-x;
   border: 2px solid #ccc;
 }


 div.dogPic div {
   background-color: #fff;
   border: 1px solid #666;
   color: #000;
   padding: 5px;
 }


 div.list {
  margin: 0 0px 15px 7px;
  height: 200px;
  overflow: hidden;
  padding: 5px;
 }


 td.list_stats a,
 td.list_stats,
 td.list_nav,
 td.list_nav a,
 td.list_descr {
  font-size: 8pt;
 }

 td.list_title {
  text-align: left;
  font-size: 10pt;
  border-bottom: 1px solid #aaa;
 }


 td.list_title div {
  white-space: nowrap;
  overflow: hidden;
 }


 td.list_stats a {
  cursor: pointer;
 }


 td.list_stats {
  text-align: left;
  background-color: transparent;/*#eed9bb;*/
  border: 2px solid #333; padding: 2px;
 }

 td.list_stats img {
  cursor: pointer;
  float:left;
  margin-right: 5px;
  border: 1px solid #555;
 }

 td.list_nav {
   text-align: center;
   border-bottom: 1px solid #aaa;
 }

 td.list_nav a {
  cursor: pointer;
 }

 td.list_descr {
  text-align: left;
 }
/** End Dog listing Section**/

ul.boxList {
	border-right: 3px solid #999;
	float: left;
	padding: 0.5em;
	width: 250px;
}

ul.boxList li {
	border: 2px white solid;
	list-style: none;
	margin: 0;
	padding: 2px;
}


ul.boxList li.highlighted {
	background-color: #efefef;
	border: 2px solid #cfcfcf;
}

ul.boxList li.clicked {
	background-color: rgb(204, 183, 153);
	border: 2px solid rgb(154, 133, 103);
}

ul.boxList li.clicked a {
	color: black;
	font-weight: bold;
}