/* RESET */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0px;}

/* Layout */
.picborder {border: solid 2px #600000;}
.picspace {margin: 8px;}
.hideit {display: none;}i
.cleanclear, .cc {clear: both; margin: 0px; padding: 0px; width: 0px; height: 0px; overflow: hidden;}
p {margin: 8px 0px 20px 0px;}
blockquote {padding: 0px 15px;}

#ie6Warning {
		background: #000;
		border: 1px solid #bbbbbb;
		padding: 10px 10px 1px;
		margin-bottom: 10px;
		color: #fff;
		}

/* Success, notice and error boxes */
.error,
.notice, 
.success    { display: block; padding: 5px; margin-bottom: 10px; border: 2px solid #ddd; }

.error ul,
.notice ul, 
.success ul    { list-style: square; margin: 0px; padding: 0px; margin-left: 20px; }

.error      { background: #FBE3E4; color: #8a1f11 !important; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721 !important; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409 !important; border-color: #C6D880; }
.error a    { color: #8a1f11 !important; }
.notice a   { color: #514721 !important; }
.success a  { color: #264409 !important; }

body {margin: 0px; padding-bottom: 10px; background: #108DCD url(../_img/bg.jpg) no-repeat; font: 14px/20px "Trebuchet MS", Arial, Helvetica; color: #422D00;}
a {color: #422D00;}
#wrapper {position: relative; margin: 0px auto; width: 940px;}
#header {width: 940px; height: 285px;}
#logo {position: absolute; left: 350px; top: 8px;}
#hlinks {position: absolute; left: 700px; top: 20px; width: 138px; background: url(../_img/cat.png) no-repeat center right; height: 59px;}
#hlhome {width: 74px; height: 18px; background: url(../_img/hlinks_home.png); display: block; margin-top: 10px; margin-bottom: 4px;}
#hlhome:hover, .phome #hlhome {background: url(../_img/hlinks_home_on.png);}
#hlcontact {width: 74px; height: 18px; background: url(../_img/hlinks_contact.png); display: block;}
#hlcontact:hover, .pcontact #hlcontact {background: url(../_img/hlinks_contact_on.png);}
#menu {position: relative; width: 935px; height: 50px; padding-left: 5px;}
#menu a {display: block; height: 50px; float: left; margin: 0px 6px;}
#lanimals {width: 236px; background: url(../_img/menu_animals.png);}
#lanimals:hover {background: url(../_img/menu_animals_on.png);}
#labout {width: 86px; background: url(../_img/menu_about.png);}
#labout:hover, .pabout #labout {background: url(../_img/menu_about_on.png);}
#lnews {width: 80px; background: url(../_img/menu_news.png);}
#lnews:hover, .pnews #lnews {background: url(../_img/menu_news_on.png);}
#lhelp {width: 80px; background: url(../_img/menu_help.png);}
#lhelp:hover, .phelp #lhelp {background: url(../_img/menu_help_on.png);}
#levents {width: 96px; background: url(../_img/menu_events.png);}
#levents:hover, .pevents #levents {background: url(../_img/menu_events_on.png);}
#lmembership {width: 160px; background: url(../_img/menu_membership.png);}
#lmembership:hover, .pmembership #lmembership {background: url(../_img/menu_membership_on.png);}
#lcontact {width: 108px; background: url(../_img/menu_contact.png);}
#lcontact:hover, .pcontact #lcontact {background: url(../_img/menu_contact_on.png);}

#contentw {width: 940px;}
#contentw_top {width: 940px; height: 12px; overflow: hidden;}
#contentw_middle {width: 940px; background: url(../_img/contentw_middle.png) repeat-y;}
#contentw_bottom {width: 940px; height: 12px; overflow: hidden;}

#content {padding: 10px 20px; width: 900px;}
#contentl {float: left; width: 545px;}
#contentr {float: right; width: 335px;}
#homenews {height: 350px; overflow: auto;}
#contentactions {width: 930px; height: 224px; margin-left: -15px; background: url(../_img/contentactions.jpg) no-repeat;}
#contentactions a {display: block; width: 230px; height: 224px; position: absolute;}
#ca_view {left: 60px;}
#ca_help {left: 351px;}
#ca_contact {left: 646px;}
#welcometxt {margin-top: 10px;}
#pagetools {float: right; text-align: right; margin-left: 10px;}
#footer {text-align: center; margin-top: 10px;}