/*
STANDARDS STYLING
NN4 first
*/
body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
}
#menu b {
display: none;
}
img {
display: none;
}

/* "Caio" NN4 ignore hack ---> */ /*/*/
body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
background: #060;
color: black;
text-align: right; /* for IE */
background: #006600;
}
body div {
text-align: left; /* for IE */
}
.hide{ display: inline; }
a {
font-weight: bold;
}
a:link {
color: black;
}
a:visited {
color: #333;
}
a:active {
color: #f81;
}
a:focus, a:hover  {
text-decoration: none;
color: white;
}
ol, ul, dl, p, h2, h3 {
font-size: 1.0em;
line-height: 1.5em;
margin: 0;
padding: 0px 24px 20px 0;
}
h1 {
font-size: 2.0em;
font-weight: bold;
margin: 0;
padding: 0 14px 10px 4px;
}
h2 {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
}
h3 {
font-weight: bold;
}
h4 {
font-size: 1.2em;
margin: 1.2em 0em 1.2em 0em;
font-weight: bold;
}
h5 {
font-size: 1.0em;
margin: 1.2em 0em 1.2em 0em;
font-weight: bold;
}
h6 {
font-size: 0.8em;
margin: 1.2em 0em 1.2em 0em;
font-weight: bold;
}
img {
border: 0;
}
li {
list-style: none;
font-size: 1.0em;
line-height: 1.5em;
margin: 0 0 0.5em;
padding: 0.2em 0; 
}
dt, dd {
list-style: none;
font-size: 1.0em;
line-height: 1.5em;
margin-top: 0.2em;
}
dt {
font-weight: bold;
margin-top: 0.5em;
}
dd {
   font-size: 0.9em;
}
table, td, th {
font-size: 1.0em;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}
/*
DIV STYLING
*//*/*/
#pagewrap {
margin: 0;
padding: 1em 0 0;
}
/*
BANNER
*//*/*/
#banner {
color:white; height:65px;text-align:center;
}
/*
CONTENT
*//*/*/
#columnwrap {
padding: 0; margin: 0 275px 0 auto; width: 500px;
}
#contentwrap {
height: 100%; /* required for IE to use #content right margin *//*/*/
padding: 0;
}
#content {
height: 450px;
min-height: 450px;
margin: 0;
background: white; padding-left: 15px;border: 3px solid black;
}
div>#content {
height: auto;
}
/* these float preventing text over the icons *//*/*/
#content .spacer1,
#content .spacer2 {
display: none;
}
#content h1 {
letter-spacing: 0.1em;
font-variant: small-caps;
margin: 0 78px 10px 0;
padding: 16px 0 8px;
line-height: 120%;
text-align: left;
color: black;
}
#content img {
border: 5px solid black;
display: block;
margin: 2px 10px 10px 0;
}
#content img.noborder {
border: 0;
margin: 0;
}
#content img.icons {
display: inline;
margin: 0 1px 0 0;
border: none;
}
.float {
float: left;
display: inline;
margin-top: 15px;
}
.floatr {
float: right;
}
.center {
text-align: center;
}
#content img.center {
margin: 0 auto;
}
.photo {
text-align: center;
}
.photo img {
display: inline;
}

#contactinfo {
text-align: center;
font-size: 0.9em;
clear: both;
margin: 0;
}
#contactinfo table {
border: 1px dotted #ccc;
margin: 0 auto 15px;
}
#contactinfo th, #contactinfo td {
text-align: left;
vertical-align: top;
padding: 2px 5px;
}
#contentend {
 display: none;
}

/*
MENU
*//*/*/
#menuwrap {
float:right;
width: 200px;margin:0 72px 0 0;border:3px solid #000;
z-index: 3;

}
#menu {
text-align: right;
margin: 0; padding: 0; background: #ff8811;
}
#menu h1 {
display:none;
}
#menu ul {
overflow: hidden;
height: 200px;
margin:  0;
padding: 10px 0 0;
}
#menu li {
background-position: right;
background-repeat: no-repeat;
border: 0;
font-size: 90%;
line-height: 1em;
list-style: none;
margin: 0;
padding: 0;
height: 18px;
}
#menu a:link, #menu a:visited {
color: black;
height: 18px;
display: block;
background-position: right; 
background-repeat: no-repeat;
text-decoration: none;
margin: 0;
padding: 0 25px 0 5px;
letter-spacing: 1px;
text-transform: uppercase; 
}
#menu a:focus, #menu a:hover, #menu a:active {
text-decoration: underline;
color: yellow;
}
/* for the non-linear menu icons *//*/*/
#menu b { 
 display: none;
}
#extra {
width: 200px;padding:10px 0 0; border-top: 3px solid #000; background: #666666;
}
#extra .spacer1 { 
display: block;
float: left;
height: 5.5em;
width: 1px;
}
#extra .spacer2, #extra .spacer3 {
clear: left;
display: block;
float: left;
height: 20px;
}
#extra .spacer2 {
width: 25px;
}
#extra .spacer3 {
width: 40px;
}
#animalinfo {
height: 160px; /* extra code for IE lack of min-height support *//*/*/
}
div>#animalinfo {
height: auto !important;

}
#animalinfo {
font-size: 0.85em;
min-height: 160px; 
overflow: visible;
}
#animalinfo p {
padding: 0 5px 10px 10px;
line-height: 1.2em;
margin-top: -5px;
}
#animalname {
height: 55px;
}
div>#animalname {
height: auto !important;
}
#animalname {
min-height: 55px;
font-size: 1.2em;
font-weight: bold;
margin: 0 !important;
}
#animalname em {
display: block;
font-weight: normal;
font-size: 0.9em;
margin-right: -20px;
}
#menuwrap .imageholder {
display:none;
}
/*
FOOTER
*//*/*/
#footer {
background:#009900; margin: 40px 0 0;padding:10px 50% 10px 10px;border-top: 3px solid black;
font-size: x-small;
}
#footerbegin {
padding: 0; 
margin: 0;
}
#footerbegin a {
text-decoration:none;
color: #80CC80;
}
#footerbegin a:hover {
color: white;
}
#footerend {
color: #040;
padding: 4px 0 0 0; 
margin: 0; font-size: xx-small;
}
/*
FORM STYLING
*//*/*/
.form table {
width: 100%;
font-size: 120%;
}
.form th {
font-size: 85%;
text-align: right;
}
.form input, .form textarea {

}
td.buttons {
text-align: center;
}
.buttons input {
display: inline;
}
/*
PAGE SPECIFIC STYLING
HOME page *//*/*/
#poster, #poster td, #poster img {
border:0;
padding:0;
margin:0;
}
#poster {
height: 453px;
width: 453px;
}
#poster img {
display:none;}
#pagehome #animalinfo {
height: 142px; 
}
#pagehome div>#animalinfo {
height: auto !important;
}
#pagehome #animalinfo {
min-height: 142px; 
}
/*
FACTS page
*//*/*/

#facts {
list-style: none;
}
#facts a {
text-decoration: none;
display: block;
padding-left: 30px;
margin: 5px 0;
}
#facts a:focus, #facts a:hover {
text-decoration: underline;
}
/*
DONATE page
*//*/*/
#donate {
position: relative;
height: 79px;
width: 306px;
margin-left: 0px;
margin-bottom: 10px;
}
#don_amount {
position: absolute;
top: 22px;
left: 60px;
margin: 0;
border: 0;
background: 0;
font-size: 26px;
width: 100px;
}
#don_submit  {
position: absolute;
top: 0;
right: 0;
height: 79px;
margin: 0;
border: 0;
}
/*
LINKS page
*//*/*/
#pagelinks #content a {
text-decoration: none;
display: block;
color: black;
margin-top: 10px;
}
#pagelinks #content a:focus,  #pagelinks #content a:hover  {
color: black;
}

#pagelinks dt, #pagelinks dd {
margin-top: 0;
}
#pagelinks dt:hover+dd {
color: white;
}
#pagelinks dt, #pagelinks dd {
margin-top: 0;
}


/*
CURRENT PAGE
*//*/*/

#pagehome #linkhome a,
#pageabout #linkabout a,
#pagefeedback #linkfeedback a,
#pagefacts #linkfacts a,
#pagelinks #linklinks a,
#pageprojects #linkprojects a,
#pagehelp #linkhelp a,
#pagedonate #linkdonate a,
#pagebuy #linkbuy a {
color: white;
}

#pagedonate #menua  { color: black; }
#pagedonate #menu a:hover {color: blue;}
#pagedonate #linkdonate a {color: #999;}
#pagebuy #menu a, #pageprojects #menu a, #pagefacts #menu a, #pagelinks #menu a, #pagehelp #menu a, #pagefeedback #menu a  { color: white; }
#pagefacts #menu a:hover, #pagehelp #menu a:hover, #pagebuy #menu a:hover, #pageprojects #menu a:hover, #pagebuy #linkbuy a, #pagefeedback #linkfeedback a, #pagelinks #linklinks a, #pagehelp #linkhelp a {color: yellow}
#pagenews #menu a:hover, #pagenews #linknews a, #pageprojects #linkprojects a, #pagefacts #linkfacts a   {color: #999;}


/*
CONTENT COLOURING
*//*/*/

#pagehome #menu h1 {width:73px;}
#pagehome #content {background: black;}
#pagehome #animalinfo {color: white; height: 143px;}

#pageabout #content {color: black;}
#pageabout #content a {color: #EA3F17;}
#pageabout #content h1 {color: #EA3F17;}
#pageabout #content strong { color:  #0C418F; }
#pageabout #animalinfo {color: yellow;}
#pageabout #content {background: #FEE42A;}
#pageabout #extra {background: #0C418F;}
#pageabout #menu {background: #EA3F17}

#pagenews #content {color: black;}
#pagenews #content h1 {color: White;}
#pagenews #content strong { color:  #0C418F; }
#pagenews #animalinfo {color: white;}
#pagenews #content {background: #EAD6A1;}
#pagenews #extra {background: #9F9FA1;}
#pagenews #menu {background: #F8F9F9}

#pagefacts #content {color: black;}
#pagefacts #content h1 {color: #9A501A;}
#pagefacts #content strong { border-bottom: 1px solid #EA3F17; color:  #0C418F; }
#pagefacts #animalinfo {color: white;}
#pagefacts #content {background: #83BEC2;}
#pagefacts #extra {background: #619C75;}
#pagefacts #menu {background: #9A501A}

#pagelinks #content {color: black;}
#pagelinks #content a {color: white;}
#pagelinks #content h1 {color: #E4D18F;}
#pagelinks #content strong { color:  #0C418F; }
#pagelinks #animalinfo {color: black;}
#pagelinks #content .spacer2 {width: 128px;}
#pagelinks #content {background: #899249;}
#pagelinks #extra {background: #E4D18F;}
#pagelinks #menu {background: #3C4A16}

#pageprojects #content {color: black;}
#pageprojects #content h1 {color: #E1D7B8;}
#pageprojects #content strong { color:  #0C418F; }
#pageprojects #animalinfo {color: #666;}
#pageprojects #content {background: #A59C8A;}
#pageprojects #extra {background: #E1D7B8;}
#pageprojects #menu {background: #323F35}

#pagehelp #content {color: black;}
#pagehelp #content a {color: white;}
#pagehelp #content h1 {color: #C60D13;}
#pagehelp #content strong { color:  #0C418F; }
#pagehelp #animalinfo {color: yellow;}
#pagehelp #content {background: #76A95D}
#pagehelp #extra {background: #F27F17;}
#pagehelp #menu {background: #C60D13}

#pagedonate #content {color: black;}
#pagedonate #content a {color: #C22A19;}
#pagedonate #content strong { color:  black; }
#pagedonate #animalinfo {color: yellow;}
#pagedonate #content .spacer2 { width: 98px; }
#pagedonate #content {background: #A5D30F;}
#pagedonate #extra {background: #C22A19;}
#pagedonate #menu {background: #FDF201}

#pagebuy #content {color: black;}
#pagebuy #content a {color: #0E5991;}
#pagebuy #content h1 {color: #0E5991;}
#pagebuy #animalinfo {color: white;}
#pagebuy #content {background: #0AC2E1;}
#pagebuy #extra {background: #08A5E0;}
#pagebuy #menu {background: #105A91}

#pagefeedback #content {color: black;}
#pagefeedback #content a {color: #720E0A;}
#pagefeedback #content h1 {color: #720E0A;}
#pagefeedback #content strong { color:  #720E0A; }
#pagefeedback #animalinfo {color: black;}
#pagefeedback #content {background: #E4AC5B;}
#pagefeedback #extra {background: #A87E21;}
#pagefeedback #menu {background: #720E0A}