/*================================================================================

SITE COLOUR PALETTE

================================================================================*/


/* UNIVERSAL STYLES
================================================================================*/

html {
	background: #E5F5CB url('../images1/bg_top.gif') repeat-x 0 0;
}

body {
	font: 62.5% arial, helvetica, sans-serif;
	color: #393939;
	background: url('../images1/bg_top.gif') repeat-x 0 100%;
	padding:  17px 0 0 0;
	margin: 0;
}

.spaw_body {
	/*font: 12px/16px arial, helvetica, sans-serif;*/
	font: 62.5% arial, helvetica, sans-serif;
 	text-align: left;
	color: #393939;
 	background: #FFF;
	padding: 10px;
}

body * {
	margin: 0;
}

td {
	vertical-align: top;
}


/* TYPOGRAPHY
================================================================================*/

h1, h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #1E2F5F;
	padding: 16px 0 8px 0;
}

h1.pagetitle {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	color: #6B9A1A;
	padding: 0 0 15px 0;
}

h2 {
	color: #6B9A1A;
}

h3 {
	font-size: 1.2em;
	color: #1E2F5F;
	padding: 16px 0 8px 0;
}

h4, h5, h6 {
	font-size: 1em;
	color: #F7853E;
	padding: 16px 0 8px 0;
}

h5, h6 {
	color: #393939;
}

#content_side h1, #content_side h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #273D7A;
	padding: 8px 0;
}

#content_side h2 {
	font-size: 1.2em;
}

#content_side h3, #content_side h4 {
	color: #FFFE85;
	padding: 8px 0;
}

#content_side h5, #content_side h6 {
	color: #FFF;
	padding: 8px 0;
}

hr {
	width: 100%;
	height: 1px;
	color: #DDD;
	background: #DDD;
	border: none;
	margin: 10px 0 10px 0;
	clear: both;
}

blockquote {
	background: #EEE;
	padding: 5px 15px;
	margin: 10px 0;
	clear: both;
}

img {
	border: none;
}

p, td h3, td h4, td h5, td h6 {
	padding: 4px 0 10px 0;
}

a, a:visited, a:hover {
	color: #0055B3;
	text-decoration: none;
}

a:hover, a:active {
	color: #F7853E;
	text-decoration: underline;
}

ul, .spaw_body ul, ol, .spaw_body ol {
	padding: 8px 0;
	margin: 0 0 0 35px;
}

ol, .spaw_body ol {
	margin: 0 0 0 40px;
}

ul li ul, ul li ol, ol li ul, ol li ol, 
.spaw_body ul li ul, .spaw_body ul li ol, .spaw_body ol li ul, .spaw_body ol li ol {
	padding: 0;
}

ul li, .spaw_body ul li {
	list-style-image: url('../images1/ul_default.gif');
	padding: 2px 0 2px 5px;
}

ul li li, ol li, .spaw_body ul li li, .spaw_body ol li {
	list-style-image: none;
	padding: 2px 0;
}

ol, ul, ol ol, ol ul, ul ol, ul ul, ol p, ul p, td, td p, td ol, td ul, form, fieldset, input, select {
	font-size: 1em;
}

form, fieldset, legend {
	border: none;
	padding: 0;
}

form ol, form ol li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

form ol label {
	display: block;
	margin: 5px 0 0 0;
}

form ol input.submit {
	margin: 10px 0 0 0;
}

form td {
	padding: 3px 5px 3px 0;
}

input, textarea, select {
	font-family: arial, helvetica, sans-serif;
}

label {
	font-weight: bold;
/*	color: #7A7E86;*/
}

input.textbox, textarea.textbox {
	color: #000;
	background: #F6F6F6 url('../images1/textbox_bg.gif') repeat-x 0 0;
	border: 1px solid #BBB;
	padding: 2px 3px;
}

input.submit {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #FFF;
	background: #F38C30 url('../images1/btn_bg.gif') repeat-x 0 0;
	border: 2px solid #E1791E;
	padding: 2px 8px;
	overflow: visible;
	margin:10px 0 0 0;
}

#content, #content_side, #sidebar {
	line-height: 1.25em;
}


/* DEFAULT LAYOUT STYLES
================================================================================*/

#container, #container_home, #container_event {
	width: 928px;
	font-size: 1.2em;
	margin: 0 auto;
}

#wrap, #footer {
	font-size: 1em;
}
#wrap_bot ul.topmenu {
	float:right;
}
#wrap_bot ul.topmenu li{
	list-style-type: none;
	list-style-image: none;
	float: left;
}

#wrap {
	float: left;
	width: 928px;
	background: #FFF url('../images1/wrap.gif') repeat-y 0 0;
}

#wrap_left {
	background: url('../images1/wrap_left.gif') no-repeat 0 0;
}

#wrap_right {
	background: url('../images1/wrap_right.gif') no-repeat 100% 0;
}

#wrap_left_bot {
	background: url('../images1/wrap_left_bot.gif') no-repeat 0 100%;
}

#wrap_right_bot {
	background: url('../images1/wrap_right_bot.gif') no-repeat 100% 100%;
	padding: 0 7px;
}

#wrap_top {
	background: url('../images1/banner3.jpg') no-repeat 0 0;
}

#wrap_top_home {
	background: url('../images1/top.jpg') no-repeat 0 0;
}

#wrap_bot {
	background: url('../images1/footer.gif') no-repeat 0 100%;
	padding: 15px 10px;
}

img.logo {
	display: block;
	border: none;
	margin: 0;
}

#nav {
	float: left;
	width: 196px;
	background: #E4F6DA url('../images1/nav_bot.gif') no-repeat 0 100%;
	padding: 0 0 15px 0;
	margin-top: 8px;
}

#nav_new {
	float: left;
	width: 196px;
	background: #E4F6DA url('../images1/nav_bot_new.gif') no-repeat 0 100%;
	padding: 0 0 15px 0;
	margin-top: 8px;
}


#home-j {
	width: 196px;
	background: #E4F6DA url('../images1/nav_bot.gif') no-repeat 0 100%;
}

#nav div, #nav_new div {
	background: #FFF url('../images1/nav_grd.gif') repeat-x 0 0;
	padding: 72px 5px 20px 5px;
	margin: 0 5px;
	clear: both;
}

#nav div h3, #nav_new div h3 {
	text-align: right;
	font-size: 1.5em;
	color: #FF993F;
	background: url('../images1/nav_animals.jpg') no-repeat 5px 0;
	padding: 80px 5px 0 5px;
}

/*
#nav blockquote {
	background: url('../images1/quote_open.gif') no-repeat 0 5px;
	padding: 0;
	margin: 0;
}
*/

#nav blockquote, #nav_new blockquote {
	background: url('../images1/quote_close.gif') no-repeat 100% 100%;
	padding: 0px 5px 5px 10px;
}

/*
#nav blockquote p {
	background: url('../images1/quote_close.gif') no-repeat 100% 100%;
	padding: 5px 15px 5px 25px;
}
*/

#content {
	float: left;
	width: 455px;
	margin: 8px 0 15px 25px;
}

#content_side {
	float: right;
	width: 196px;
	color: #FFF;
	background: #96C54B url('../images1/content_side_wrap.gif') repeat-y 0 0;
	margin-top: 8px;
}

#content_side div {
	background: url('../images1/content_side_top.gif') no-repeat 0 0;
}

#content_side div div {
	background: url('../images1/content_side_bot.gif') no-repeat 0 100%;
	padding: 15px;
}

#footer {
	height: 23px;
	color: #FFF;
	background: #7EB821;
	padding: 0 10px;
	overflow: hidden;
	clear: both;
}

#footer p {
	float: right;
	font-size: 0.9em;
	text-align: center;
	padding: 0;
}

#footer p.copyright {
	float: left;
}

#footer p.topmenu {
	float: right;
}

#footer ul.topmenu {
	float:right;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0;
}

#footer ul.topmenu li{
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	float: left;
	margin: 0 2px;
}

#footer a, #footer a:visited, #footer a:hover {
	color: #FFF;
}

.clear {
	clear: both;
}


/* HOMEPAGE LAYOUT STYLES
================================================================================*/

#container_home #content {
	width: 415px;
	margin: -15px 0 15px 25px;
}

#home_txt {
	padding: 5px 15px;
}

/* HOMEPAGE LAYOUT STYLES
================================================================================*/

#container_event #content {
	width: 600px;
	margin: -15px 0 15px 25px;
}

img.event_image {
	padding: 0 0 10px 0;
}

/* BOXES (ovma & poll)
--------------------------------------------------------------------------------*/

.box, .box2 {
	float: left;	
	width: 197px;
	background: url('../images1/box_wrap.gif') repeat-y 0 0;
	margin: 15px 0;
}

.right {
	float: right;
}

.ovma {
	color: #275E8F;
}

.box div {
float: left;
width: 197px;
	background: url('../images1/box_top.gif') no-repeat 0 0;
}

.box div div {
float: left;
width: 189px;
	background: url('../images1/box_bot.gif') no-repeat 0 100%;
	padding: 15px 4px 13px 4px;
}

.box div div div {
float: left;
width: 181px;
	background: url('../images1/box_bg.gif') repeat-x 0 0;
	padding: 0 4px;
}

.box div div div div {
float: left;
width: 151px;
	background: #FFF url('../images1/box_grd.gif') repeat-x 0 100%;
	padding: 0 15px;
}

.box div div div div div {
float:none;
width: auto;
background: none;
padding: 0;
}

.box img {
	display: block;
	margin: 0 -15px 5px -10px;
}

.box h3 {
	width: 145px;
	height: 30px;
	color: #003B84;
	background: url('../images1/poll.gif') no-repeat 0 0;
	padding: 6px 15px 0 10px;
	margin: 0 -10px;
	position: relative;
}


/* SIDEBAR
--------------------------------------------------------------------------------*/

#sidebar_inside {
	float: right;
	width: 231px;
	background: #FFF;
	margin: -30px 0 20px 0;
}

#sidebar {
	float: right;
	width: 231px;
	background: #FFF url('../images1/sidebar_wrap.gif') repeat-y 0 0;
	margin: -30px 0 20px 0;
}

.donate {
	height: 70px;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	background: url('../images1/donation2_home.jpg') no-repeat 0 0;
	padding: 27px 0 0 60px;
	overflow: hidden;
}

.donate_new {
	height: 70px;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	background: url('../images1/donation1_home.jpg') no-repeat 0 0;
	padding: 27px 0 0 60px;
	overflow: hidden;
}

.create_give {
	height: 70px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	background: url('../images1/create_give_home.jpg') no-repeat 0 0;
	padding: 33px 85px 0 0;
	overflow: hidden;
}

.donate_inside {
	height: 70px;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	background: url('../images1/donation4.jpg') no-repeat 0 0;
	padding: 27px 0 0 60px;
	overflow: hidden;
}

.donate a, .donate a:visited, .donate a:hover, .donate_inside a, .donate_inside a:visited, .donate_inside a:hover, .donate_new a, .donate_new a:visited, .donate_new a:hover, .create_give a, .create_give a:visited, .create_give a:hover {
	color: #FFF;
}


.donate a:hover, .donate_inside a:hover {
	color: #FFFE85;
}


#sidebar_bot {
	background: url('../images1/sidebar_bot.gif') no-repeat 0 100%;
	padding-bottom: 14px;
}

#sidebar_bg {
	background: url('../images1/sidebar_bg.gif') repeat-x 0 0;
	margin: 0 4px;
}

#highlight_bot {
	background: url('../images1/highlight_bot.gif') no-repeat 0 100%;
	padding: 0 0 6px 0;
	margin: 0 4px;
}

.highlight {
	background: #FFF url('../images1/box_grd.gif') repeat-x 0 100%;
	padding-bottom: 1px; /* fix disappearing bot in ie */
}

.highlight div {
	padding: 10px;
}

.highlight h3, .highlight h4 {
	font-size: 1.5em;
	color: #7FBA00;
}

.highlight h3 {
	background: url('../images1/ul_paw.gif') no-repeat 0 0;
	padding: 5px 0 5px 30px;
}

.highlight #ani_news {
	background: url('../images1/div_bone.gif') no-repeat 50% 0;
	padding-top: 20px;
}

#ani_news ul, #ani_news li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

#ani_news li {
	background: url('../images1/ul_circle.gif') no-repeat 0 3px;
	padding: 3px 0 3px 25px;
}

.divide {
	height: 25px;
	background: url('../images1/div_bone.gif') no-repeat 50% 50%;
}

#highlight_top {
	background: url('../images1/highlight_top.gif') no-repeat 0 0;
	padding: 6px 0 0 0;
	margin: 0 4px;
}

#highlight_top .highlight {
	padding-top: 10px;
}

.highlight .johnston {
	height: 139px;
	font-size: 0.95em;
	/*line-height: 1.1em;*/
	color: #FFF;
	background: url('../images1/home_lynn_johnston.jpg') no-repeat 50% 0;
	padding: 0 20px 0 105px;
	margin: 0 auto;
}

.johnston-left {
	height: 129px;
	width:88px;
	color: #FFF;
	background-image: url('../images1/home-johnston-left.png');
	background-repeat:no-repeat;
}

.johnston-right {
	height: 129px;
	width:94px;
	font-size: 0.95em;
	padding-left:3px;
	color: #FFF;
	background-image: url('../images1/home-johnston-right.png');
	background-repeat:no-repeat;
}

.highlight .johnston a, .johnston-right a {
	color: #FFFE85;
	font-weight: bold;
}

.highlight .johnston a.hover {
	color: #FFFE85;
}

.pets_counter{
background:url("../images1/btn_pets_counter.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:1.6em;
height:60px;
line-height:1.3em;
margin:15px auto 0;
padding:19px 0 0 77px;
text-align:center;
width:120px;
height: 129px;
}

.pets_counter_new{
background:url("../images1/pets-counter-new.png") no-repeat 0 0 transparent;
color:#FFFFFF;
font-size:1.5em;
height:85px;
line-height:1.4em;
margin:0px;
padding:20px 0 0 5px;
text-align:center;
width:409px;
}

.pets_counter span{
font-size:1.2em;
}

.pets_helped {
	width: 120px;
	height: 60px;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.3em;
	text-align: center;
	background: url('../images1/btn_pets_helped.gif') no-repeat 0 0;
	padding: 19px 0 0 77px;
	margin: 15px auto 0 auto;
}

.pets_helped span {
	font-size: 1em;
}


/* MAIN NAVIGATION STYLES
================================================================================*/

#nav ul, #nav li, #nav_new ul, #nav_new li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

#nav ul, #nav_new ul {
	background: url('../images1/nav_top.gif') no-repeat 0 0;
	padding: 5px 5px 0 5px;
}

#nav li, #nav_new li {
	background: #7EB821 url('../images1/nav.gif') repeat-x 0 0;
	border-left: 2px solid #7EB821;
	border-right: 2px solid #7EB821;
	margin-bottom: 1px;
}

#nav li.first, #nav_new li.first {
	background: #7EB821 url('../images1/nav_first.gif') no-repeat 0 0;
	border: none;
}

#nav ul a, #nav ul a:visited, #nav ul a:hover, #nav_new ul a, #nav_new ul a:visited, #nav_new ul a:hover {
	display: block;
	width: 167px;
	text-decoration: none;
	color: #FFF;
	padding: 6px 5px 6px 10px;
}

#nav ul a:hover, #nav_new ul a:hover {
	color: #FFFE85;
}

#nav ul a.on, #nav ul a.on:visited, #nav ul a.on:hover, #nav_new ul a.on, #nav_new ul a.on:visited, #nav_new ul a.on:hover {
	color: #FFFE85;
	font-weight: bold;
}

/* MAIN NAVIGATION SUB TIER STYLES
--------------------------------------------------------------------------------*/

#nav li.tier2, #nav li.tier3, #nav li.tier4, #nav_new li.tier2, #nav_new li.tier3, #nav_new li.tier4 {
	margin: 0;
}

#nav ul ul, #nav_new ul ul {
	display: block;
}
#nav li.tier2, #nav_new li.tier2 {
	background: #EFFCEB url('../images1/ul_nav.gif') no-repeat 5px 4px;
	border: none;
}

#nav li.tier3, #nav_new li.tier3 {
	background: #EFFCEB;
	border: none;
}

#nav li.tier4, #nav_new li.tier4 {
	background: #EFFCEB;
	border: none;
}

#nav li.tier2 a, #nav li.tier2 a:visited, #nav li.tier2 a:hover, 
#nav li.tier3 a, #nav li.tier3 a:visited, #nav li.tier3 a:hover,
#nav li.tier4 a, #nav li.tier4 a:visited, #nav li.tier4 a:hover, #nav_new li.tier2 a, #nav_new li.tier2 a:visited, #nav_new li.tier2 a:hover, 
#nav_new li.tier3 a, #nav_new li.tier3 a:visited, #nav_new li.tier3 a:hover,
#nav_new li.tier4 a, #nav_new li.tier4 a:visited, #nav_new li.tier4 a:hover {
	font-size: 0.95em;
	color: #64921A;
	background: none;
}

#nav li.tier2 a, #nav li.tier2 a:visited, #nav li.tier2 a:hover, #nav_new li.tier2 a, #nav_new li.tier2 a:visited, #nav_new li.tier2 a:hover {
	width: 145px;
	padding: 3px 5px 3px 22px;
}

#nav li.tier3 a, #nav li.tier3 a:visited, #nav li.tier3 a:hover, #nav_new li.tier3 a, #nav_new li.tier3 a:visited, #nav_new li.tier3 a:hover {
	width: 145px;
	padding: 3px 5px 3px 32px;
}

#nav li.tier4 a, #nav li.tier4 a:visited, #nav li.tier4 a:hover, #nav_new li.tier4 a, #nav_new li.tier4 a:visited, #nav_new li.tier4 a:hover {
	width: 135px;
	padding: 3px 5px 3px 42px;
}

#nav li.tier2 a:hover, #nav li.tier3 a:hover, #nav li.tier4 a:hover,
#nav li.tier2 a.on, #nav li.tier2 a.on:visited, #nav li.tier2 a.on:hover,
#nav li.tier3 a.on, #nav li.tier3 a.on:visited, #nav li.tier3 a.on:hover,
#nav li.tier4 a.on, #nav li.tier4 a.on:visited, #nav li.tier4 a.on:hover, #nav_new li.tier2 a:hover, #nav_new li.tier3 a:hover, #nav_new li.tier4 a:hover,
#nav_new li.tier2 a.on, #nav_new li.tier2 a.on:visited, #nav_new li.tier2 a.on:hover,
#nav_new li.tier3 a.on, #nav_new li.tier3 a.on:visited, #nav_new li.tier3 a.on:hover,
#nav_new li.tier4 a.on, #nav_new li.tier4 a.on:visited, #nav_new li.tier4 a.on:hover {
	color: #F7853E;
}
.form_input {
	display: none;
}

table.sidebox {
	width: 151px;
}
table.sidebox td {
}