html
{
min-height: 100%;
margin-bottom:0.25px; /*To display vertical scrollbars in FF regardless of content size*/
height:100%;
border:0px; /*IE has default page borders*/
}

body
{
height:100%;
margin:0px;
padding:0px;
font:normal 14px/20px arial,sans-serif;
background:#ffffcc;
}





#container /*To center everything within*/
{
width:760px;
margin:0 auto;
padding:0px;
position:relative;
}
#container a:link, #container a:visited, #container a:active, #container a:focus, #container a:hover
{
outline:none;
}





#header
{
width:740px;
height:133px;
margin:10px 0 0 0;
padding:0px;
background:url(../images/header.gif);
}





#navigation
{
width:740px;
height:25px;
border-top:2px solid #0033cc;
border-bottom:2px solid #0033cc;
margin:10px 0 0 0;
padding:0px;
background:url(../images/bg-navigation.gif);
}
#navigation ul
{
margin:0px;
padding:0px;
text-align:center;
}
#navigation li
{
display:inline;
margin:0 16px;
padding:0px;
font:bold 14px/25px arial,sans-serif;
}
#navigation a:link, #navigation a:visited, #navigation a:active
{
text-decoration:none;
color:#0033cc;
}
#navigation a:hover
{
color:#ffffff;
}





#body
{
width:740px;
border-top:2px solid #0033cc;
border-bottom:2px solid #0033cc;
margin:10px 0 0 0;
padding:0px;
background:url(../images/bg-body.gif);
}





#body-left
{
width:550px;
margin:0px;
padding:20px 0 0 20px;
}
#body-left h1
{
font:normal 18px/20px arial,sans-serif;
color:#ffffff;
}
#body-left p
{
text-indent:30px;
text-align:justify;
}
#body-left a:link, #body-left a:visited, #body-left a:active
{
text-decoration:none;
color:#0033cc;
}
#body-left a:hover
{
color:#ffffff;
}
#body-left-navigation ul
{
margin:0px;
padding:0px;
text-align:center;
}
#body-left-navigation li
{
display:inline;
margin:0 10px;
padding:0px;
font:normal 11px/13px arial,sans-serif;
}
#body-left-navigation a:link, #body-left-navigation a:visited, #body-left-navigation a:active
{
text-decoration:none;
color:#0033cc;
}
#body-left-navigation a:hover
{
color:#ffffff;
}
#body-left-contact
{
width:200px;
height:43px;
margin:auto;
margin-bottom:-20px;
padding:0px;
background:url(../images/dog-mail.gif) right no-repeat;
font:normal 11px/43px arial,sans-serif;
}





#body-right
{
float:right;
width:150px;
margin:0px;
padding:0px;
text-align:center;
}
#body-right .random
{
border:2px solid #0033cc;
margin:2px 0px 5px 0px;
}
#body-right h2
{
margin:2px 0px;
font:bold 14px/20px arial,sans-serif;
}
#body-right .donation
{
margin:10px 0 0 0;
}





#footer
{
width:740px;
margin:0px;
padding:0px;
text-align:center;
}
#footer p
{
margin:0px;
padding:0px;
font:normal 11px/20px arial,sans-serif;
color:#009900;
}
#footer a:link, #footer a:visited, #footer a:active
{
text-decoration:none;
color:#0033cc;
}
#footer a:hover
{
color:#009900;
}





#charity-shop hr
{
background:#0033cc;
color:#0033cc;
}
#charity-shop .thumb
{
border:2px solid #0033cc;
}
#charity-shop .buy-item
{
height:25px;
overflow:hidden;
margin:0px;
}
#charity-shop strong
{
color:#0033cc;
}
#charity-shop .description
{
vertical-align:top;
display:table-cell;
}





.clear-both
{
clear:both;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.clear-left
{
clear:left;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.clear-right
{
clear:right;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.img-left
{
float:left;
margin:0 3px 3px 0;
padding:0px;
border:2px solid #0033cc;
}





.img-right
{
float:right;
margin:0 0 3px 3px;
padding:0px;
border:2px solid #0033cc;
}





.hidden
{
line-height:0;
width:0px;
height:0px;
display:none;
margin:0px;
padding:0px;
}