/*

note: css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background: #90140C url(images/_layout/stripes.gif) repeat-x;
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
	color: #000;
}

a:hover {
	color: #90140C;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

h1 {
	font: normal 25px arial, verdana, helvetica, sans-serif;
	margin: 25px 18px;
	text-align: left;
}

h2 {
	color: #333;
	font: bold 12px arial, verdana, helvetica, sans-serif;
}

.style1 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #009933;
	line-height: 100%;
}

.style2 {
	font-family:arial, verdana, helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
}

.style3 {
	font-family:arial, verdana, helvetica, sans-serif;
	color: #CC9966;
	font-weight: bold;
}

.style4 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.style5 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.style6 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 110%;
}

#nav {
	text-align: center;
	width: 100%;
	background: #000 url(images/_layout/nav.gif) repeat-x;
	margin: 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
	cursor: default;
}

#nav li, #nav a {
	display: inline;
	color: #fff;
	text-decoration: none;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 13px 15px;
	margin: 0;
}

#nav li a {
	background: transparent url(images/_layout/nav.gif) repeat-x;
}

#nav li a:hover, #nav li#current a {
	background: transparent url(images/_layout/nav.gif) repeat-x;
	background-position: 0 -40px;
}

#nav li {
	padding: 14px 0;
}

#title {
	width: 768px;
	height: 120px;
	line-height: 75px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	font: normal 2.5em/1.8em 'trebuchet ms', georgia, 'lucidia grande';
	color: #FE9B27;
	letter-spacing: 8px;
	cursor: default;
}

#wrapper {
	width: 732px;
	margin: 0 auto;
	border: solid 15px #600000;
	border-bottom: none;
	background-color: #F3F3F3;
	height: auto;
}

#top {
	height: 28px;
	overflow: hidden;
	width: 100%;
	background: #000 url(images/_layout/stripes_small.gif) repeat-x;
	color: #fff;
	cursor: default;
	text-align: left;
	font: normal 10px/32px arial, verdana, helvetica, sans-serif;
}

#top strong {
	font: bold 11px arial;
	margin-left: 2px;
	margin-right: 6px;
}

#top span {
	display: inline;
	margin-left: 10px;
	float: left;
	clear: none;
	margin-top: -28px;
}

#top ul {
	margin: 0;
	padding: 0;
	float: right;
	clear: none;
	display: inline;
}

#top ul li a, #top ul li {
	display: block;
	float: right;
	width: 78px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: bold 12px/32px arial, verdana, helvetica, sans-serif;
	overflow: hidden;
}

#top ul li a:hover {
	color: #000;
}

#blue_button a {
	background: #0086EE url(images/_layout/blue.jpg) no-repeat;
}

#red_button a {
	background: #F41100 url(images/_layout/red.jpg) no-repeat;
}

#orange_button a {
	background: #ED700D url(images/_layout/orange.jpg) no-repeat;
}

#green_button a {
	background: #199B2C url(images/_layout/green.jpg) no-repeat;
}

#main {
	height: 246px;
	background: #FE8624 url(images/_layout/main.gif) repeat-x;
	border-top: 1px solid #FEC782;
	border-left: 1px solid #FEB154;
	border-right: 1px solid #D76C22;
	border-bottom: 1px solid #783C1C;
	overflow: hidden;
}

#main img{
	margin-top: 3px;
	float: center;
}

#main ul {
	width: 710px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#main ul li {
	float: left;
	text-align: center;
	margin-left: 25px;
	display: inline;
}

#main ul li a {
	display: block;
	width: 111px;
	height: 111px;
	background-color: #FFFFFF;
}

#main ul li a:hover {
	background-color: #90140C;
}

#main ul li h2 {
	font: bold 12px arial;
	margin-top: 10px;
	color: #000;
}

.contentTop {
	float: center;
	padding: 20px 20px 0px 20px;
	font: normal 11px/18px arial, verdana, helvetica, sans-serif;
	text-align: justify;
	display: block;
}

.contentTop h1 {
	margin: 0;
	padding: 0;
	color: #8A0700;
	font: normal 2em arial, verdana, helvetica, sans-serif;
	margin-bottom: 20px;
}

.contentTop h2 {
	margin: 20px 0 4px 0;
}

.contentLeft {
	float: left;
	width: 330px;
	margin: 20px 10px 0 20px;
	font: normal 11px/18px arial, verdana, helvetica, sans-serif;
	text-align: justify;
	display: inline;
}

.contentLeft h1, .content ul {
	margin: 0;
	padding: 0;
}

.contentLeft h1 {
	color: #8A0700;
	font: normal 2em arial, verdana, helvetica, sans-serif;
	margin-bottom: 20px;
}

.contentLeft h2 {
	margin: 20px 0 4px 0;
}

.contentRight {
	float: right;
	width: 330px;
	margin: 20px 20px 0 10px;
	font: normal 11px/18px arial, verdana, helvetica, sans-serif;
	text-align: justify;
	display: inline;
}

.contentRight h1, .content ul {
	margin: 0;
	padding: 0;
}

.contentRight h1 {
	color: #8A0700;
	font: normal 2em arial, verdana, helvetica, sans-serif;
	margin-bottom: 20px;
}

.contentRight h2 {
	margin: 20px 0 4px 0;
}

.contentRight ul.hover_list li {
	border: 1px solid #783C1C;
	border-width: 0 0 1px 0;
	color: #600000;
}

.contentRight ul.hover_list li a {
	height: 40px;
	color: #600000;
	display: block;
	line-height: 40px;
	padding-left: 15px;
	text-decoration: none;
}

.contentRight ul.hover_list li a:hover, .content ul.hover_list li a:focus {
	background: #FD9339 url(images/_layout/hover_list.jpg) repeat-x;
	color: #fff;
	text-decoration: none;
}

.contentRight table {
	width: 330px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
}

.contentRight table tr h1 {
	color: #000;
	font-size: 16px; 
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	background: #FD9339 url(images/_layout/hover_list.jpg) repeat-x;
}

.contentRight table tr td h2 {
	color: #8A0700;
	font: normal 14px arial, verdana, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contentLeft table {
	width: 330px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
}

.contentLeft table tr h1 {
	color: #000;
	font-size: 16px; 
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	background: #FD9339 url(images/_layout/hover_list.jpg) repeat-x;
}

.contentLeft table tr td h2 {
	color: #8A0700;
	font: normal 14px arial, verdana, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contentCtr {
	font: normal 11px/18px arial, verdana, helvetica, sans-serif;
}


#footer {
	height: 25px;
	background-color: #000;
	color: #fff;
	font: normal 10px/25px arial, verdana, helvetica, sans-serif;
	color: #999;
	text-align: center;
	border-top: 16px solid #F3F3F3;
	clear: both;
}

#footer a {	
	color: #ccc;
}

#dogs {
	width: 720px;
	border: 3px solid #000000;
	background-color: white;
	font: bold 12px arial;
	padding: 0;
}

#dogs tr {
	width: 100%;
}

#dogs tr td {
	width: 20%;
	height: 175px;
	text-align: center;
}

#dogs tr td a img {
	margin-top: 3px;
	width: 105px;
	height: 105px;
}

#dogs tr td a {
	display: block;
	width: 111px;
	height: 111px;
	background-color: #90140C;
}

#dogs tr td a:hover {
	background-color: orange;
}

#adopted img{
	margin-top: 3px;
	float: center;
}

#adopted ul {
	width: 710px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#adopted ul li {
	float: left;
	text-align: center;
	margin-left: 25px;
	display: inline;
}

#adopted ul li a {
	display: block;
	width: 111px;
	height: 111px;
	background-color: #90140C;
}

#adopted ul li a:hover {
	background-color: orange;
}

#adopted ul li h2 {
	font: bold 12px arial;
	margin-top: 10px;
	color: #000;
}