/* Start of CMSMS style sheet 'happy_tails_css' */
  /*******************/
 /*   set defaults  */
/*******************/
/* FF scrollbar shift */
body, html{
  height: 100%;
  margin-bottom: -.1em;
}
body{
  font-family: Georgia, "Times New Roman", Times, serif;
  background: #FFF url(htimg/bg1.gif) fixed repeat;
}
  /*******************/
 /*  main structure */
/*******************/
#wrap{
  width: 96%;
  margin: .2em auto .5em;
  position: relative;
}
#header h2, #header h3{
  text-align: center;
  margin: 0 auto .2em;
  background: none;
}
#header h3{
  font-style: italic;
}
#me{
  position: absolute;
  top: 0;
  right: 0;
}
#content{
  background: transparent url(htimg/div_bg.png) repeat;
  border: 1px solid #000;
  padding-bottom: .5em;
clear:left;
}
#leftcolumn{
  width: 80%;
  float: left;
  background: transparent url(htimg/1-px-dot.gif) repeat-y right 0;
}
#rightcolumn{
  width: 20%;
  float: left;
}
#rightcolumn .NewsSummary{
  margin: .3em;
}
#rightcolumn h4, #rightcolumn p{
  text-align: center;
  margin: .3em;
}
#footer{
  border: 1px solid #000;
  margin-top: .4em;
  font-size: .6em;
  text-align: center;
  clear: left;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
  /********************/
 /*    main nav      */
/********************/
#navwrap{
  position: relative;
  left: 50%;
}
#nav{
  text-align: center;
  position: relative;
  left: -50%;
  margin: .5em auto;
  border: 1px solid #000;
  background: transparent url(./uploads/htimg/div_bg.png) repeat;
  padding: 0px;
}
#nav li{
  list-style: none;
  display: block;
  float: left;
  height: 31px;
  margin-left: .3em;
}
#nav li a,#nav li a:link, #nav li a:visited{
  display: block;
  padding-left: 31px;
  background: transparent url(htimg/nav1.gif) left center no-repeat;
  text-decoration: none;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5em;
  height: 31px;
}
#nav li a:hover, #nav li a:active{
  background: transparent url(htimg/nav2_ani.gif) left center no-repeat;
  color: #FF0000;
}
  /********************/
 /* element defaults */
/********************/
h1{
  font-size: 3em;
  margin: 0 auto .5em auto;
}
h1 a, h1 a:link, h1 a:visited, h1 a:active{
  color: #000;
}
h1 a:hover{
  color: #CC3333;
}
h1 span{
  font-size: .6em;
}
h1 img{
  float: left;
}
h2{
  font-size: 1.5em;
  margin: .2em;
  padding-left: 17px;
  background: transparent url(htimg/h2.gif) left center no-repeat;
}
#me h2{
  font-size: 20pt;
  font-weight: 100;
}
#classlist h1{
  font-size: 1.3em;
}
h3{
  font-size: 1.1em;
  margin: 1em .5em .5em;
}
p{
  margin: .5em ;
}
a, a:link, a:active{
  text-decoration: none;
}
hr{
  width: 80%;
  margin: .5em;
}
a:visited{
  color: #6633CC;
}
a:hover{
  color: #FF0000;
}
li{
  list-style: url(htimg/bullet_paw.gif);
  margin-left: 2em;
}
br{
  margin: 0;
}
  /********************/
 /*       misc       */
/********************/
.hack{
  clear: both;
  height: 1px;
  display: block;
}
  /********************/
 /*  page specific   */
/********************/
#contactpage{
  width: 55%;
  margin: .5em auto;
}
.newsItem{
  position: relative;
  border: 1px solid #999;
  margin: .3em auto;
  width: 98%;
}
.newsItem hr{
  width: 90%;
  margin: .3em auto;
}
.newsItem h4{
  margin-left: .3em;
}
.newsItem h4 span{
  font-size: .8em;
  font-weight: normal;
}
.newsItemFooter{
  clear: right;
}
.newsItemFooter span{
  position: absolute;
  bottom: 0;
  right: .3em;
}
.newsItemClass{
  float: right;
}
#faq{
  width: 94%;
  margin: 0 auto;
}
#faq li{
  margin: .5em;
}
ul.links{
  list-style: url(htimg/bullet_paw.gif);
  margin-left: 2em;
}
 /*  class descriptions   */
.class_list{
  margin: 0px;
  padding: 0px;
  width: 383px;
}
.class_head{
  padding: 5px 10px;
  cursor: pointer;
  position: relative;
  background-color:#B19156;
  border: 1px solid #000;
  color: #FFF;
  margin:0;
  margin-left: 1em;
}
.class_body{
  padding: 5px 10px 15px;
  background-color:#FFF;
  border: 1px solid #000;
  border-top: none;
  margin-left: 1em;
}
  /********************/
 /*   CMSMS Classes  */
/********************/
.image_float_left{
  float: left;
  border: 2px solid rgb(204, 204, 204);
  margin: 0.5em;
}
.img_float_right{
  float: right;
  border: 2px solid rgb(204, 204, 204);
  margin: 0.5em;
}
#NewsPostDetailHorizRule{
  width: 50%;
}
.newscategory{
}
#newslist{
  margin: .5em;
  float: left;
  text-align: left;
  width: 25%;
  padding: .5em;
  border: 1px solid #000;
}
#maillist{
  width: 94%;
  margin: 0 auto;
  text-align: center;
}
#maillist form{
  border: 1px solid #000;
}
#maillist form input[type="text"]{
  width: 90%;
  margin: 0 auto;
}
#maillist p#disclaim{
  font-size: .7em;
  font-style: italic;
}
#newsScroll{
  width: 90%;
  display: block;
  margin: .5em auto;
  border: 1px solid #000;
}
.contactform{
  width: 90%;
  margin: 0 auto;
}
.contactform fieldset, legend{
  border: 1px solid #000;
  padding: .2em;
}
#classlist{
  margin: 0 auto;
  padding: 0;
  width: 98%;
}




/* End of 'happy_tails_css' */

