/* Generated by KompoZer */
body {
  margin: 10px;
  padding: 0px;
  background-color: #343f34;
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

.clear {
  clear: both;
}

* {
  margin: 0px;
  padding: 0px;
}

#container {
  margin: 0px auto;
  text-align: left;
  width: 717px;
}

a {
  font-size: 12px;
}

p {
  margin: 15px 0px;
}

#header {
  margin: 0px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  width: 717px;
  height: 255px;
  position: relative;
}

#header ul {
  border: 3px solid #ffffff;
  margin: 0px;
  padding: 5px 0px 0px;
  background-color: #85a157;
  width: 711px;
  display: block;
  top: 255px;
  position: absolute;
  height: 22px;
  text-align: center;
}

#header li {
  display: inline;
}

#header ul a {
  margin: 0px 15px;
  text-decoration: none; 
  color: #ffffff;
}

#header ul a:hover {
  text-decoration: underline;
  color: #28556b;
}

#logo_w1, #logo_w2 {
  font-size: 24px;
  font-style: italic;
  color: #ffffff;
  position: absolute;
}
#logo_w1 {
  top: 15px;
  left: 80px;
}
#logo_w2 {
  top: 44px;
  left: 104px;
}

#header_text {
  top: 90px;
  left: 43px;
  width: 230px;
  position: absolute;
}

#header_text p {
  font-size: 18px;
  color: #ffffff;
}

#header_text a {
  color: #28556b;
}

#header_text a:hover {
  color: #c77e0c;
}

#content {
  background-image: url(images/content_bg.gif);
  width: 717px;
}

img {
  border-width: 0px;
}

h1 {
  margin: 20px 0px;
  color: #000000;
  font-size: 14px;
}

h2 {
  margin: 10px 0px 15px;
  color: #85a157;
  font-size: 14px;
  text-align: center;
  width: 200px;
}

#left {
  padding: 0px 10px 30px 0px;
  float: left;
  width: 428px;
  margin-left: 27px;
  display: inline;
}

#left a {
  color: #28556b;
}

#left a:hover {
  color: #c77e0c;
}

#photos a {
  margin-right: 14px;
}

#right {
  border-left: 2px solid #ffffff;
  padding: 0px 20px 20px;
  float: right;
  width: 210px;
  margin-top: 10px;
}

#right a {
  color: #c77e0c;
}

#right a:hover {
  color: #85a157;
}

#footerline {
  clear: both;
  background-image: url(images/footer_bg.gif);
  font-size: 1px;
  height: 10px;
}

#footer {
  padding: 20px 0px;
  width: 717px;
  text-align: center;
  color: #cccccc;
}

#footer a {
  color: #cccccc;
  text-decoration: none
}

#footer a:hover {
text-decoration: underline
}

#full {
  border-top: 2px solid #ffffff;
  margin-top: 5px;
  margin-left: 10px;
  width: 695px;
  float: left;
  display: inline;
}

#full h4 {
  margin-top: 10px;
}

.rabbitbox {
  border: 1px solid #cccccc;
  padding: 6px;
  text-align: center;
  width: 200px;
  height: 235px;
  float: left;
  margin-top: 10px;
  margin-left: 12px;
}

.rabbitbox img {
  border: 1px solid #343f34;
}

.rabbitbox ul {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.rabbitbox li {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 0.25em;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

.img-shadow {
  margin: 11px 0 0 17px ! important;
  background: transparent url(images/shadowAlpha.png) no-repeat scroll right bottom ! important;
  clear: both;
  float: right;
}

.img-shadow img {
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  display: block;
  position: relative;
  background-color: #ffffff;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:711px; height:22px; position:relative; z-index:100; border: 3px solid #ffffff; font-family:arial, sans-serif; text-align: center; background-image: url(images/navnsstate1.gif);}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:712px; w\idth:711px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:112px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:112px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-weight: bold; font-size: 110%;text-decoration:none; color: #555555; width:112px; height:22px; border-left: 1px solid #6dd369; border-right: 1px solid #6dd369; background-image: url(images/navnsstate1.gif); padding-left:10px; line-height:20px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:112px; w\idth:103px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#C9F077 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#C9F077 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#C9F077 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:105px;border-top:3px solid #ffffff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:21px;t\op:22px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ACE9A9; color:#555555; height:auto; line-height:1em; padding:5px 5px; width:105px;border-width:0 1px 1px 1px;}
.menu ul ul a:hover{color:#000;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{  border-left: 1px solid #37e430;border-right: 1px solid #37e430;color: #222222;background-image: url(images/navos1.gif);}
.menu :hover > a, .menu ul ul :hover > a {  border-left: 1px solid #37e430;border-right: 1px solid #37e430;color: #222222;background-image: url(images/navos1.gif);}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#right img {
  padding-top: 10px;
  padding-bottom: 20px;
}

#charity_no {
  padding: 5px 5px 0 0;
  float: right;
  font-size: 12px;
  font-style: italic;
  color: #ffffff;
}

.sadbox {
  padding: 6px;
  text-align: left;
  width: 500px;
  height: 160px;
  float: left;
  margin-top: 10px;
  margin-left: 12px;
}

.sadbox img {
  border: 1px solid #343f34;
  float: left;
  margin-right: 10px;
  display: block;
}

.sadbox p {
}

.list {
  display: block;
  margin-left: 150px;
}

.list ul {
  list-style-image: url(images/0145_blue-beveled-arrow.png);
}

.list a {
  text-decoration: none;
}

.list a:hover {
  text-decoration: underline;
}

.feedbox {
  padding: 6px;
  text-align: left;
  width: 400px;
  height: 160px;
  float: left;
  margin-top: 10px;
  margin-left: 12px;
}

.feedbox img {
  border: 1px solid #343f34;
  float: left;
  margin-right: 10px;
  display: block;
}

.feedbox p {
  display: block;
}

@charset "UTF-8";