/*
CSS for Compound cats green version web site
*/

body {
	margin: 0;
	padding: 0;
	background: url(images/img01e.gif) repeat-x;
	font-family: "Centuary gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B3641;

	
}


blockquote {
	margin: 0;
	padding-left: 20px;
	font-style: italic;
	color: #;
}


h1, h2, h3, h4 {
	margin: 0;
	font-weight: normal;
	color: #76923c;
}

h1 {
	padding-top: 24px;
	font-size: 170%;
}

h2 {	font-size: 140%;
}

h3 {
	font-size: 120%;
	font-weight: bold;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	padding-top: 24px;
}

h5 {
	height: 20px;
	margin: 0;
	padding: 8px 0 0 8px;
	font-size: 100%;
	font-weight: bold;
	color: #984806;
}


ol, ul {
	line-height: 150%;
}

#top {line-height: 150%;
 color: #4F6228;}

a:link {color: #984806;  text-decoration: none}

a:visited {color: #984806; text-decoration: none } 

a:active {color: #gggggg; text-decoration: none } 

a:hover {color: #E3660A; text-decoration: none }

hr {	width: 100%;
	padding:0;
	display: none;
}

/* Header */

#header {
	width: 730px;
	height: 90px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	padding: 20px 0 20px 0;
	background: url(images/topcatb.gif) no-repeat left top;
}



#logo h1 {
	margin: 0;
	padding-top: 0;
	padding-left: 90px;
	font-size: 200%; font-weight: bold; color: #ffffff;
}

#logo h2 {
	padding-left: 90px; font-size: 98%; font-weight: medium; color: #7A6E3D;
}

#logo a  {
	text-decoration: none;
	font-size: 92%; font-weight: normal; color: #76923c;
}

#logo a:hover {
	text-decoration: none;
	color: #ffffff;
}
	

/* Top Menu */

#topmenu {
	float: right;
}

#topmenu ul {
	margin: 0;
	padding: 32px 0 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline;
}

#topmenu a {
	padding: 0 20px;
	border-left: 1px solid #E06529;
	text-decoration: none;
	font-size: 92%;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu .first a {
	border: none;
}


/* Header 2 */

#header2 {
	width: 730px;
	align: center;
	height: 200px;
	margin: 0 auto;
}

/* Menu */


#menu {
	float: left;
	width: 200px;
	height: 200px;
	background: url(images/tpgrn.jpg);
}

#menu ul {
	margin: 0;
	padding: 20px 20px 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 8px 10px;
	background: url(images/line.gif) repeat-x;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	background: none;
}

/* Splash */

#splash {
	float: right;
	width: 530px;
	height: 200px;
}


/* Page */
.main {width: 780px;
	align: center;
	margin: 0 auto;
	padding: 0;
	border-top: 0; border-right: 1px solid #d6e3bc; border-bottom: 0; border-left: 1px solid #c3d69b;
	background: #FFFFFF;
}

.flower {background: #F3F7EB url(images/flowerborder2.gif) 100% 100% no-repeat fixed;
	}


.sign

#sidemenu {
 position: absolute;
 top: 90px;
 left: 1px;
padding:20px;
width: 100px; height:500px;
background: url(images/sidemenu.gif) no-repeat fixed; 
 
}

#sidemenu a {  
	text-decoration: none;
	font-size: 100%;
	font-weight: medium;
	color: #76923C;
	line-height: 150%}

#sidemenu a:hover {color: #E3660A; text-decoration: none }







#page {	width: 735px;
	align: center;
	margin: 0 auto;
	padding: 5px 0 5px 0;
}

#wrap { width: 730px;
	align: center;
	margin: 0 auto;
	padding: 0;}


/* Content */


#sidemenu {
 position: fixed;
 top: 90px;
 left: 1px;
padding:20px;
width: 100px; height:500px;
background: url(images/sidemenu.gif) no-repeat fixed; 
 
}



#content{
	width:100%;
	margin:0; padding:0;
	float:left;
	line-height: 150%;
	font-size: 11px;
	color: #000000;}

		
#first_column {
	width:31%;
	float:left;
	margin: 20px 0 0 0;	
	padding:0 25px 0 0px;
	
		}

#second_column {
	width:31%;
	float:left;
	margin: 20px 0 0 0;	
	padding:0 25px 0 0;
		}

#third_column {
	width:31%;
	float:right;
	margin: 20px 0 0 0;	
	padding:0px;	
		}
#big_column {
	width:62%;
	float: right;
	margin:0 ;	
	padding:20px 20px 0 0;	
		}

.up  {	font-size:92%;
	float:right;}

.up a:link {border:none; color: #c2d69b;  text-decoration: none; }

.up a:visited {border:none; color: #c2d69b; text-decoration: none;} 

.up a:active {border:none; color: #E3660A; text-decoration: none;} 

.up a:hover {border:none; color: #E3660A; text-decoration: none;}

.up img {border:none;}


	
.gallery{
  margin-top: 12px;
  padding: 0px; 
  text-align:center;
}

.gallery .title {
width:162px:
float:left;
text-align:center;
font-size: 140%;
font-weight: bold;
color:#76923c;
text-align:center;}


.gallery .picture {
  float: left;
  width:162px;
  height:194px;  
  border:solid 1px #76923C;
  background-color:#D6E3BC; 
}

.gallery .picture_2{
  float: left;
  width:162px;
  height:194px; 
  text-align:center; 
  border:solid 1px #E3660A;
  background-color:#EAF1DD; 
}

.gallery .picture .image {
  width:150px; 
  height:150px; 
  margin:5px;
  border:solid 1px #000000;
}

.gallery .picture_2 .image {
  width:150px; 
  height:150px; 
  margin:5px;
  border:solid 1px #984806;
}

.gallery .footer {
  text-align:center;
  width: 162px; 
  border-top:solid 1px #76923C;
  background-color:#EAF1DD;
  color:#34411B; 
  font-weight:normal; 
  padding-top: 7px; 
  padding-bottom:7px; 
  margin-top: 7px;
}

.gallery .header {
  text-align:center;
  width: 162px; 
  border-bottom: solid 1px #76923c; background-color:#EAF1DD;
  color:#984806; 
  font-weight:normal; 
  padding-top: 7px; 
  padding-bottom:7px; 
  }

.gallery ul {
	margin: 0;
	padding: 10px 10px 10px 15px;
	text-align:left;
	font-size: 92%;
	list-style: square inside}

/* Content */


.title {
	padding-top: 3px;
}


.red {	color:#E3660A;	}

.blue { color:#2E8FD5; font-weight: bold;	}

.green { color:#91A862; font-weight: bold; font-style:italic;} 

.wr {font-family: "Lucida Handwriting", "Bradley Hand", "Freestyle Script", sans-serif;
	font-size: 11px;
	color: #000000;}




.headlong { 
	margin:0;
	padding: 20px 0px 20px 20px;
	width:710;
	text-align: top;
	font-size: 12px; 
	line-height:150%;	
	background: url(images/headlong.jpg) no-repeat;
	}

.head { width: 100%;
	margin:0;
	padding: 20px 60px 12px 20px;
	text-align: top; 
	font-size: 12px;
	line-height:150%;	
	background: url(images/head.jpg) no-repeat;
	}

.box {	align: center;
	margin: 12px 0 12px 0;
	padding: 25px 25px 25px 25px;
	border: #d6e3bc 1px solid; 
	background: #eaf1dd;
	text-align: top; 
	font-size:92%; 
	line-height:150%;
	}	

.box .tick li {list-style-image: url(images/tick.gif);}
.box .x li {list-style-image: url(images/x.gif);}

.box ol {
	margin: 0;
	padding: 0;
	vertical-align:top;
	list-style-position: inside;
	}



#photo {
	border:3px solid #76923C;
	}

#photo2 {
	border:3px solid #984806;
	}



#textpic {
	padding:5px; 
	border: 1px solid #76923C;
  	background-color:#D6E3BC; 
}



.twocols {width: 100%;
	margin:20px 0 0 0;}

.twocols .col1 {
	float: left;
	margin: 0 15px 0 0px;
	padding: 0;
	
}

.twocols .col2 {
	float: right;
	margin: 0 0 0 15px;
	padding: 0;
	 
}

/* Sidebar */

#sidebar {
	float: right;
	width: 210px;
	border: 1px solid #76923c;
	background: #D6E3BC;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none; font-size: 11px;
}

#sidebar li {
	background:  url(images/img07.jpg) no-repeat right bottom; font-size: 11px;
}

#sidebar li ul {
	padding: 10px;
	font-size: 11px;
	color: #000000;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted #76923c; font-size: 11px;
}

#sidebar h2 {
	height: 30px;
	margin: 0;
	padding: 8px 0 0 8px;
	background: url(images/img05.jpg) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

#sidebar h3 {
	margin: 0; font-size: 12px;
}

#sidebar img {
  margin:0;
  padding:5px;
  border:solid 1px #d6e3bc;
  background-color:#eaf1dd;
}


#sidebar p {
	margin: 0;
	line-height: 150%;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .first {
	border: none;
}

#sidebar .box {
  margin:0;
  padding:20px;
  border:solid 1px #d6e3bc;
  background-color:; 
}



	

/* menubox */

#menubox {margin: 12px 20px 12px 0;
	width: 506px;
	float: left;
	border: 1px solid #76923c;
	text-align: left;
	background: #d6e3bc;
}

#menubox ol 

#menubox ul {
	margin: 0;
	padding: 0;
	list-style: none;}


#menubox li {
	margin-bottom: 2px;
	padding: 5px 0 2px 40px;
	vertical-align: center;
	border-top: 1px dotted #76923c;
	list-style: none;
	background: url(images/paw.gif) no-repeat 20px center;
	
}



#menubox h2 {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(images/img06.jpg) no-repeat;
	font-size: 140%;
	font-weight: bold;
	color: #ffffff;
}

#menubox h3 {
	margin: 0;
}

#menubox p {
	margin: 0;
	line-height: normal;
}

#menubox a {
	text-decoration: none;
}

#menubox a:hover {
	text-decoration: underline;
}

#menubox .first {
	border: none;
}


.paw {margin-left: 0px;
      padding-left: 20px;
      background-image: url(images/paw2.gif);
      background-repeat: no-repeat;
      background-position: 0px;}



/* Footer */

#footer-wrapper {
	height: 80px;
	position: bottom;
	padding: 0;
	background: #d6e3bc;
	border-top: 10px solid #C2d69b; 
	
}



#footer {
	width: 760px;
	height: 75px;
	
}

#botlogo {
	float: left;
	padding: 20px;
	background: url(images/botcat.gif) no-repeat left center;
}

#botlogo h1 {
	margin: 0;
	padding: 0 0 0 90px;
	font-weight: bold;
	color: #76923C;
}

#botlogo a {
	text-decoration: none;
	font-size: 92%;
	color: #76923C;
}

#botlogo a:hover {
	text-decoration: none;
	color: #ffffff;
}

#botmenu {
	float: right;
}

#botmenu ul {
	margin: 0;
	padding: 32px 0 0 0;
	list-style: none;
	line-height: normal;
	color: #76923C;
}

#botmenu li {
	display: inline;
	color: #76923C;
}

#botmenu  a{
	padding: 0 20px;
	border-left: 1px solid #76923C;
	text-decoration: none;
	font-size: 92%;
	color: #76923C;
}



#botmenu a:hover {
	text-decoration: underline;
	color: #E3660A;
}

#botmenu .first a {
	border: none;
}