/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color: #779A56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #606046;
}

#td1
{
vertical-align:top;
color:#808080;
padding:3px 2px;
} 
#td2
{
width:130;

}
.bold
{
font-size: 12px;
color: #339999;
font-weight:900;
}
/*  
p  { 
font-family:arial;
font-size: 12px;
font-style: normal;
}
*/
/*The following is added by HUHA*/
.values{
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 16px;
	text-indent: 25px; 
	margin-bottom: 0; 
	margin-top: 0; 
	text-align: justify;
	/*line-height: 18px;*/
	}

.mediah2{
	font-family: Arial, Helvetica, sans-serif;
	color: #780000;
	font-size: 20px;
	font-weight: bold;
}
.tr_media{
color: #006161;
}
.h4_media{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #AD3333;
}
.ddl{
	color: #663366 ;
	font-weight: bold;
	font-size: 14px;
}
.style2
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #808080;
}

a#white:link, a#white:visited { color: #FFFFFF; }


a:link      {
	color: #6699FF;
	/*color: #FFFFFF;*/
	text-decoration: none;
}
a:visited {
	color:#EC6842;
	/*color: #FFFFFF;*/
	text-decoration: none;
}
a:hover     {
	color: #00A0B0;
	text-decoration: none;
}
a:active     { color: #D03642;}
/*
Formatting for twitter DIV tag
*/
.twitter{
margin-left: 2.3cm;
margin-right: 2cm;
}
div#mainwrap {
	width:773px;
	background-color: #779A56;
}
.image {
	margin: 4px;
	padding: 4px;
}

/*div#header {width:450px; background-color:#CAF;}*/
div#contentarea {
	width:773px;
	background-color:#779A56;
	background-image: url(images/menu-background.jpg);
	background-repeat: repeat-y;
}
div#column1 {width:218px; height:518px; background-color:#779A56; float:left;}
div#column2 {width:555px; background-color:#FFFFFF; float:left;}
div#column3 {
	width:530px;
	background-color:#FFFFFF;
	float:left;
	padding-right: 25px;
}
div#footer {
	width:537px;
	background-color:#779A56;
	background-image: url(images/huha_06.jpg);
	height: 212px;
	padding-left: 218px;
	padding-right: 18px;
}
.littletext {
	color: #779A56;
	font-size: smaller;
}
.littlertext {
	font-size: 10px;
}


div.clearfloats {clear:both;}
/*menu*/
.menu1, .menu2, .menu3, .menu4 {
      margin: 0px;
      padding: 0px;
      background: none;
	  height: 560px;
	  width: 218px;
	
    }
    .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  float: right;
	 /* height: 113px;*/
    }
   .menu1 li, .menu2 li, .menu3 li, .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
	 /* height: 113px;*/
	  /*width: 102px;*/
    }/*makes it horizontal because markup is li */
	
    .menu4 a {
      display: block;
      width: 100%;
      font: bold 1pt verdana, sans-serif; color:#779A56;
	  text-decoration: none;
	/*  height: 113px;*/
    }

.menu4 li#menuhome a {
	  background: #ff9 none;
	  height: 61px;
	  width:218px;
	  background:  url("images/nav-home.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuhome a:hover {
	  height: 61px;
	  width:218px;
background:  url("images/nav-home.jpg") -218px 0px no-repeat #FFFFFF;
}

.menu4 li#menuabout a {
	  height: 39px;
	  width: 218px;
background:  url("images/nav-about.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuabout a:hover {
	  height: 39px;
width: 218px;
background:  url("images/nav-about.jpg") -218px 0px no-repeat #FFFFFF;
}

.menu4 li#menukids a {
background: #ff9 none;
	  height: 39px;
	  width: 218px;
background:  url("images/nav-kids.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menukids a:hover {
background: #ff9 none;
	  height: 39px;
	  width: 218px;
background:  url("images/nav-kids.jpg") -218px 0px no-repeat #FFFFFF;
}

.menu4 li#menuevents a {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-events.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuevents a:hover {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-events.jpg") -218px 0px no-repeat #FFFFFF;
}

.menu4 li#menunews a {
background: #ff9 none;
	  height: 38px;
	  width: 218px;
background:  url("images/nav-news.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menunews a:hover {
background: #ff9 none;
	  height: 38px;
	  width: 218px;
background:  url("images/nav-news.jpg") -218px 0px no-repeat #FFFFFF;
}

.menu4 li#menuadoptions a {
background: #ff9 none;
	  height: 40px;
	  width: 218px;
background:  url("images/nav-adoptions.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuadoptions a:hover {
background: #ff9 none;
	  height: 40px;
	  width: 218px;
background:  url("images/nav-adoptions.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menuvolunteer a {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-volunteer.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuvolunteer a:hover {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-volunteer.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menudonation a {
background: #ff9 none;
	  height: 43px;
	  width: 218px;
background:  url("images/nav-donation.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menudonation a:hover {
background: #ff9 none;
	  height: 43px;
	  width: 218px;
background:  url("images/nav-donation.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menushop a {
background: #ff9 none;
	  height: 36px;
	  width: 218px;
background:  url("images/nav-shop.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menushop a:hover {
background: #ff9 none;
	  height: 36px;
	  width: 218px;
background:  url("images/nav-shop.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menuhelp a {
background: #ff9 none;
	  height: 41px;
	  width: 218px;
background:  url("images/nav-help.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuhelp a:hover {
background: #ff9 none;
	  height: 41px;
	  width: 218px;
background:  url("images/nav-help.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menuresources a {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-resources.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menuresources a:hover {
background: #ff9 none;
	  height: 42px;
	  width: 218px;
background:  url("images/nav-resources.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menucontact a {
background: #ff9 none;
	  height: 40px;
	  width: 218px;
background:  url("images/nav-contact.jpg") 0px 0px no-repeat #FFFFFF;
}
.menu4 li#menucontact a:hover {
background: #ff9 none;
	  height: 40px;
	  width: 218px;
background:  url("images/nav-contact.jpg") -218px 0px no-repeat #FFFFFF;
}
.menu4 li#menutop {
background: #ff9 none;
	  height: 57px;
	  width: 218px;
background:  url("images/nav-top.jpg") 0px 0px no-repeat #FFFFFF;
}

#leftindex {
	width: 330px;
	float: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-variant: normal;
}
h2 {
	font-weight: normal;
}

h3 {
	color: #779A56;
	font-size: 18px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #779A56;
}

.orange {
	color: #EB6741;
}


.orangelist{
	list-style-image: url(images/bullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000000;
	font-size: 12px;
	line-height: 5px;
	}	
/*ul.index {
	list-style: disc url("images/bullet.gif") inside;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FF8E58;
	font-size: 12px;
	line-height: 24px;
	}
*/
div#indexright {
	width: 199px;
	float: right;
}
.pullout {
	padding: 10px;
	float: right;
	width: 150px;
}
.photocaption {
	font-size: smaller;
	color: #FC9D6D;
}
.imageleft {
	margin-right: 6px;
	padding-right: 6px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.imageright {
	margin-left: 6px;
	padding-left: 6px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.green {
	color: #779A56;
}
hr.orangeline {
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF8954;
	width: 100%;

	}