@charset "UTF-8";
/* CSS Document */

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

a {
	outline: none;
}



body {
	background: #efd1d9 url("../images/background.png") top repeat-x;
}

#container {
	width: 100%;
	float: left;
	background: url("../images/background-bottom.png") bottom repeat-x;
}

#wrapper {
	width: 970px;
	margin: 0 auto;
}

#header {
	float: left;
	width: inherit;
}

#header img{
	margin: 23px 0 0 5px;
	float: left;
}

#header #nav {
	position: absolute;
	top: 0;
	margin: 0 0 0 305px;
}

#nav ul {
	background:url("../images/nav.gif") no-repeat;
	width: 622px;
	height: 69px;
}

#nav ul li a {
	text-indent: -2000px;
	font-size: 0
}

#nav ul li, #nav ul a {
	height: 69px;
	display: block;
}

#nav ul li {
	float: left;
	list-style: none;
	display: inline;
}

#nav1 {width: 124px;}
#nav2 {width: 125px;}
#nav3 {width: 125px;}
#nav4 {width: 125px;}
#nav5 {width: 123px;}

#nav1 a:hover, #nav1.selected {background:url("../images/nav.gif") 0px -69px no-repeat; }
#nav2 a:hover, #nav2.selected {background:url("../images/nav.gif") -124px -69px no-repeat; }
#nav3 a:hover, #nav3.selected {background:url("../images/nav.gif") -249px -69px no-repeat; }
#nav4 a:hover, #nav4.selected {background:url("../images/nav.gif") -374px -69px no-repeat; }
#nav5 a:hover, #nav5.selected {background:url("../images/nav.gif") -499px -69px no-repeat; }

#header h1, #header h2, #body h3 {
	text-indent: -2000px;
	font-size: 0
}

#header h2 {
	float: left;
	width: 450px;
	height: 190px;
	background: url("../images/details.png") no-repeat;
	margin: 87px 0 0 55px;
}

#header #email a{
	text-indent: -2000px;
	float: left;
	width: 452px;
	height: 25px;
	background: url("../images/email.png") no-repeat;
	margin: 17px 0 0 42px;
	
}

#body {
	float: left;
	width: 764px;
	margin: 0 0 0 155px
}

#body h3#home {
	float: left;
	width: 764px;
	height: 94px;
	background: url("../images/home-title.png") no-repeat;
	margin: 0 0 15px 0;
	
}

#body h3#aboutTabby {
	float: left;
	width: 225px;
	height: 40px;
	background: url("../images/about-tabby-title.png") no-repeat;
	margin: 0 0 15px 0;
	
}

#body h3#herCondition {
	float: left;
	width: 252px;
	height: 36px;
	background: url("../images/her-condition-title.png") no-repeat;
	margin: 0 0 15px 0;
	
}

#body h3#makeADifference {
	float: left;
	width: 333px;
	height: 37px;
	background: url("../images/make-a-difference-title.png") no-repeat;
	margin: 0 0 15px 0;
	
}

#body h3#donations {
	float: left;
	width: 188px;
	height: 36px;
	background: url("../images/donations-title.png") no-repeat;
	margin: 0 0 15px 0;
	
}

#body p, #body h4, #body ul, #body ol {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color: #231f20;
	margin: 0;
	padding: 10px 0;
	line-height: 140%
}

#body h4 {
	color: #f9164f;
	font-size: 1.5em;
	margin: 10px 0 0 0
}

#body img {
	border: 5px solid #00a5e4;
	margin: 20px 15px 20px 0
}

#body .donations a, #body .related a {
	width: auto;
	background-color: #00a5e4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	float: left;
	padding: 30px 15px;
	margin: 20px 0 40px 0;
	text-align: center
}


#body .donations a h4, #body .related a h4 {
	color: #fff;
	font-size: 1.4em;
	margin: 0;
	padding: 0
}

#body ol {
	margin: 5px 0 0 25px	
}

#body ul {
	margin: 5px 0 0 40px	
}

#body ol li, #body ul li {
	padding: 0 0 5px 0;	
}

#body ol li ul li {
	font-size: 0.9em;
	padding: 0;	
}


#body p a, #body .donations a, #body .related a {
	color: #fff;
	background-color: #00a5e4;
	text-decoration: none;
	
}

#body p a {
 	padding: 1px 5px	
}

#body p a:hover, #body .donations a:hover, #body .related a:hover {
	background-color: #f9164f;	
}

#footer {
	float: left;
	width: 970px;
	height: 117px;
	text-align: right
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin: 0;
	padding: 58px 10px 0 0;
	text-align: right;
}

#footer p a {
	color: #fff;	
}

#footer p a:hover {
	text-decoration: none;	
}