/* ----======== Reseting All Browsers ========---- */		

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
margin:0;
padding:0;
}

fieldset, img
{
border:0;
}

ul
{
list-style:none;
}

caption, th
{
text-align:left;
}

h1, h2, h3, h4, h5, h6
{
font-size:100%;
font-weight:normal;
}

abbr, acronym
{
border:0;
}

/* ----======== HTML Selectors ========---- */

body
{
text-align: center;
background: #062f6b url(../images/bg.jpg) repeat-x top center;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 30px;
}

h1
{
font-size: 28px;
margin-bottom: 15px;
color: #002754;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 28px;
}

h2
{
font-size: 16px;
margin-bottom: 12px;
margin-top: 5px;
color: #062f6b;
padding-left: 40px;
}

h2 img
{
float: left;
margin-left: -40px;
margin-top: -5px;
}

h3
{
font-size: 15px;
margin-bottom: 15px;
color: #000;
}

h4
{
margin-bottom: 15px;
line-height: 17px;
color: #000;
font-weight: bold;
}

p
{
margin-bottom: 15px;
line-height: 17px;
}

.newsItem
{
font-size: 11px;
line-height: 15px;
}

a
{
color: #14a3ed;
outline: none;
text-decoration: none;
}

a:hover
{
color: #000;
text-decoration: underline;
}

.hidden
{
display: none;
}

.clear
{
clear: both;
}

#content ul
{
margin-bottom: 8px;
}

#content ul li
{
padding-bottom: 4px;
line-height: 17px;
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 0 3px;
}

table
{
margin-bottom: 12px;
background: #dadada;
}

th
{
padding: 4px;
background: url(../images/blue_tile.jpg) repeat-x;
color: #fff;
font-weight: bold;
}

td
{
padding: 4px;
background: #eaeaea;
}

input, textarea, select
{
border: 1px solid #A0BEDA;
background: #DCE3ED url(../images/input_bg.gif) repeat-x top;
padding: 5px;
color: #062F6B;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.floatRight
{
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

img.floatRight
{
padding: 2px;
border: 1px solid #000;
}

/* ----======== Page Layout ========---- */

#wrapper
{
width: 900px;
text-align: left;
margin: auto;
position: relative;
z-index: 2;
}

#shadow
{
background: url(../images/shadow.png) no-repeat top left;
width: 930px;
height: 478px;
position: absolute;
top: 15px;
left: 50%;
margin-left: -465px;
z-index: 1;
}

#subMenu li
{
float: left;
border-right: 1px solid #000;
}

#subMenu li a
{
display: inline-block;
padding: 10px 10px 8px 10px;
color: #fff;
text-transform: uppercase;
font-size: 10px;
}

#subMenu
{
position: absolute;
left: 0;
top: 0;
z-index: 11;

}

#header
{
position: relative;
}

#logo
{
position: absolute;
right: 30px;
top: 25px;
z-index: 11;
}

#mainMenu
{
height: 44px;
width: 900px;
position: relative;
z-index: 30;
}

#banner
{
width: 900px;
height: 297px;
overflow: hidden;
position: relative;
clear: both;
z-index: 10;
background: #c7d5e3;
}

#banner img
{
}

#mainMenu ul li
{
float: left;
margin: 0;
padding: 0;
position: relative;
height: 46px;
}

#mainMenu span
{
display: none;
}

#mainMenu ul li a
{
display: inline-block;
height: 46px;
}

#mainMenu ul li a:hover
{
background-position: center left !important;
}

#mainMenu ul li.active a
{
background-position: bottom left !important;
}

.home a
{
background: url(../images/home_btn.jpg) no-repeat top left;
width: 76px;
}

.dogs a
{
background: url(../images/dogs_btn.jpg) no-repeat top left;
width: 72px;
}

.cats a
{
background: url(../images/cats_btn.jpg) no-repeat top left;
width: 67px;
}

.about a
{
background: url(../images/about_btn.jpg) no-repeat top left;
width: 104px;
}

.media a
{
background: url(../images/media_btn.jpg) no-repeat top left;
width: 138px;
}

.get a
{
background: url(../images/get_btn.jpg) no-repeat top left;
width: 133px;
}

.shop a
{
background: url(../images/shop_btn.jpg) no-repeat top left;
width: 70px;
}

.help a
{
background: url(../images/help_btn.jpg) no-repeat top left;
width: 139px;
}

.kids a
{
background: url(../images/kids_btn.jpg) no-repeat top left;
width: 101px;
}

#content
{
background: #c7d5e3;
padding: 0 11px;
}

#contentInner
{
background: #fff url(../images/content_bg.jpg) no-repeat bottom;
padding: 5px 15px 1px 15px;
}

.left
{
float: left;
width: 235px;
margin-right: 20px;
}

.left ul li
{
font-size: 12px;
padding: 2px 0 2px 18px !important;
border-bottom: 1px dotted #C7D5E3;
background-position: 0 5px !important;
}

.left ul li a
{
color: #555;
}

.left ul li.active a
{
color: #14a3ed;
}


.left h3
{
color: #062F6B;
font-size: 16px;
margin-bottom: 8px;
text-transform: uppercase;
}

.left ul
{
padding-bottom: 10px;
display: block;
}

.right
{
float: left;
width: 586px;
padding-bottom:10px;
}

#pageHeading
{
background: url(../images/main_heading.gif) no-repeat top;
height: 47px;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 19px;
color: #fff;
padding: 10px 0 0 0;
text-transform: uppercase;
}

#joinBtn
{
padding: 0;
margin: 0;
border: none;
background: none;
width: auto !important;
}

.mailingList input
{
width: 223px;
margin-bottom: 10px;
}

#search
{
position: relative;
float: left;
width: 242px;
padding-right: 20px;
padding-left: 7px;
margin-top: -2px;
}

#search input
{
padding: 9px;
margin: 0;
background: url(../images/search_field.jpg) no-repeat;
width: 224px;
height: 15px;
border: none;
font-size: 13px;
}

#searchBtn
{
width: 33px !important;
height: 30px !important;
display: block !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
cursor: pointer;
position: absolute;
top: 2px;
right: 22px;
}

#footer
{
background: url(../images/footer_bg.jpg) no-repeat top left;
padding: 25px 15px 29px 15px;
color: #C7D5E3;
}

#footer a
{
color: #fff;
}

#sponsors
{
height: 52px;
padding-top: 11px;
padding-left: 1px;
}

#sponsors img
{
float: left;
margin-right: 5px;
}

#facebook
{
position: absolute;
top: 145px;
right: -36px;
}

/* Animal Search page */

#animal_search {
	margin: 0px 30px;
	padding: 20px;
	background: #EBF2FE;
}
#animal_search p label {
	width: 200px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #062f6b;
}
#animal_search #button {
	border-width: 0px;
	border-style: none;
	padding: 0px;
}
#animal_search select {
	width: 200px;
	height: 30px;
	padding: 5px;
	margin: 0px;
}

/* Animal Listing page */

#animal_listings {
}
#animal_listings .listing {
	padding: 10px;
	margin-bottom: 10px;
}
#animal_listings .listing h2,
#animal_detail h2 {
	background: url(../images/header_bg.png) -75px center;
	margin: 5px 0px 10px;
	padding: 6px 8px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}
#animal_listings .listing_photo img {
	border: 1px solid #FFF;
max-width:150px;
}
#animal_listings .listing h2 .animal_type,
#animal_detail h2 .animal_type {
	float: right;
	font-size: 13px;
	color: #E8F3F7;
}
#animal_listings .listing_photo {
	width: 152px;
	float: left;
	margin-right: 15px;
	text-align: center;
	height: 152px;
}
#animal_listings .listing p {
	margin: 0px 0px 8px;
	padding: 0px;
}
#animal_listings .listing .listing_photo table {
	height: 150px;
	width: 150px;
}
#animal_detail {
}
#animal_detail .detail_photo {
	float: right;
	margin-left: 15px;
	border: 5px solid #EAEAEA;
}
#animal_detail .item_label {
	width: 110px;
	font-weight: bold;
	display: block;
	float: left;
}
#animal_detail p {
	margin: 0px 0px 5px;

}
#animal_detail h3 {
	color: #5AA3C0;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding-top: 10px;
	font-size: 14px;
}