@charset "utf-8";

body {
	background: #8B622E url('http://thecatterycc.org/images/css/page_bg.png') 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #8B622E;
}

a img {
	border: none;
}

#container {
	width: 794px;
	border: 3px solid #8B622E;
	background-color: #F2EEE2;
	margin: 50px auto;
}

#head {
	position: relative;
	margin: 25px 25px 0;
	background: transparent url('http://thecatterycc.org/images/css/head_bg.png') 0 0 no-repeat;
}

#header {
	height: 240px;
}

#header img {
	position: absolute;
	left: 275px;
	top: 25px;
}

#header h1 {
	width: 750px;
	height: 300px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	position: absolute;
	top: -60px;
	background: transparent url('http://thecatterycc.org/images/css/head_cats-trans.png') 0 0 no-repeat;
}

#mainNav {
	margin-top: 10px;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainNav li {
	display: block;
	float: left;
	height: 30px;
	width: 87px;
	margin-right: 6px;
}

#mainNav li.first {
	margin-left: 2px;
}

#mainNav li.last {
	margin-right: 0;
}

#mainNav li a {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: #F2EEE2;
	text-decoration: none;
	border: 1px solid #522A1E;
	background-color: #B69B58;
}

#mainNav li a:hover, #mainNav li a.active {
	background-color: #71839D;
	border: 1px solid #333;
}

#body {
	clear: both;
	padding-top: 15px;
	overflow: hidden;
}

#breadcrumbs {
	float: right;
	width: 600px;
	font-size: .8em;
	padding-top: 10px;
	color: #522A1E;
}

#breadcrumbs a {
	color: #522A1E;
}

#primaryContent {
	width: 530px;
	padding: 0 30px 15px 0;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent h2, #primaryContent h3, #primaryContent h4, #home h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

#primaryContent h2 {
	margin-left: -8px;
	color: #522A1E;
}

#primaryContent h3, #home h3 {
	color: #3F516B;
	border-bottom: 1px solid #3F516B;
}

#secondaryContent {
	width: 200px;
	padding-left: 15px;
	float: left;
}
#pageMenu h3 {
	display: none;
}
div#pageMenu ul#nav_categories {
	margin: 0;
	padding: 10px 0 0;
	list-style-type: none;
}
div#pageMenu ul#nav_categories li {
	float: left;
	margin-right: 3px;
	font-size: .8em;
}
div#pageMenu ul#nav_categories li a {
	display: block;
	text-align: center;
	padding: 5px;
	background-color: #71839D;
	color: #fff;
	text-decoration: none;
}
div#pageMenu ul#nav_categories li a:hover, div#pageMenu ul#nav_categories li a.active {
	background-color: #fff;
	color: #71839D;
}

#donateNow {
	background: #545323 url('/images/css/donate_cat.png') top left no-repeat;
	padding: 145px 6px 6px;
	color: #fff;
	font-size: .9em;
	margin-bottom: 15px;
}

#donateNow h3 {
	text-indent: -9999px;
	height: 1px;
	margin: 0;
	padding: 0;
}

#donateNow img {
	display: block;
	margin: 5px auto;
}

#donateNow a {
	text-align: center;
	display: block;
	color: #fff;
}

div#featuredKitty {
	border: 5px solid #672321;
	padding: 5px;
	font-size: .9em;
	background-color: #F2EEE2
}

div#featuredKitty img {
	display: block;
	margin: 0 auto;
}

div#featuredKitty a {
	color: #672321;
}

div#primaryContent div#featuredKitty {
	float: right;
	width: 188px;
	margin: 0 0 12px 12px;
}

#featuredKitty h3 {
	margin: 0 0 5px;
	padding: 2px;
	background-color: #672321;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: lighter;
	text-align: center;
}

#footer {
	clear: both;
	text-align: center;
	padding-top: 30px;
	color: #391312;
	font-size: .9em;
}

#siteByNetRaising a {
	color: #391312;
	text-decoration: none;
}

#siteByNetRaising a:link {
	color: #391312;
}

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

#siteByNetRaising a:visited {
	color: #391312;
}

div.cat {
	border: 3px solid #8B622E;
	padding: 5px;
	margin-bottom: 20px;
}

#primaryContent div.cat h2 {
	margin: 0 0 10px 0;
	padding: 0 5px;
	background-color: #8B622E;
	color: #F2EEE2;
}

#primaryContent div.cat div.photos {
	border: 3px solid #8B622E;
	padding: 5px;
	margin-right: 15px;
	float: left;
}

#primaryContent div.cat div.photos img.primary {
	vertical-align: top;
}

#primaryContent div.cat div.photos img.secondary {
	
}

#primaryContent div.cat div.photos{
	margin-bottom: 15px;
}

#primaryContent div.cat div.details {
	clear: both;
}

#primaryContent div.cat div.endorsements ul {
	margin: 0;
	padding: 0;
}

#primaryContent div.cat div.endorsements li {
	display: inline;
	margin-right: 18px;
}

{!--
#home #primaryContent {
	float: none;
	width: 710px;
	border: 5px solid #8B622E;
	padding: 15px;
	margin: 25px auto;
}

#home #primaryContent #story {
	float: left;
	width: 500px;
}

#home #primaryContent #donateNow {
	float: right;
	width: 188px;
	background-image: none;
	background-color: transparent;
	padding-top: 0;
	color: #000;
}

#home #primaryContent #donateNow a {
	color: #000;
}

#home #primaryContent #donateNow h3 {
	display: none;
}
--}

#home #primaryContent h2 {
	margin: 0;
}

#home #primaryContent li {
	list-style-type: disc;
}

.clear {
	clear: both;
}

{!-- 
#home #secondaryContent {
	margin-top: 0;
	margin-left: 8px;
	float: none;
	width: 750px;
}

#home #secondaryContent #featuredKitty, #home #secondaryContent #donateNow {
	float: left;
	width: 200px;
}

#home #secondaryContent #news {
	float: right;
	width: 500px;
}
--}

div#stats {
	border: 5px solid #3F516B;
margin: 15px 0;
padding: 5px;
font-size: .9em;
}
div#stats h3 {
background-color: #3F516B;
color: #fff;
margin: 0;
padding: 0;
border-bottom: none;
text-align: center;
}
div#stats ul {
padding: 0;
margin: 10px 0;
list-style-type: none;
}

#pagination {
	border: 5px solid #8B622E;
	padding: 5px;
	text-align: center;
}

#pagination #pages, #pagination #pageLinks {
	display: block;
	margin: 0;
	padding: 0;
}

#calendar {
	width: 755px;
	margin: 20px;
}
#calendar td {
	width: 95px;
	background: #B69B58;
	text-align: center;
}
#calendar .dayWrapper {
	position: relative;
	width: 100%;
	min-height: 50px;
	height: 100%;
	padding-top: 1.5em;
}
#calendar .event a {
	color: #8B622E;
}
#calendar .calendarDayHeading {
	background: #71839D;
	color: #fff;
}
#calendar .dayNumber {
	position: absolute;
	top: 5px;
	right: 5px;
}
dt {
	margin-top: 1em;
}