html,body {
margin:0;
padding:0;
height:100%;
}

body {
background:#677D50 url('../images/header/background.jpg') repeat-x top left;
color:#333;
font-family:"Times New Roman", serif;
font-size:1em;
}

@font-face {
font-family:'SubwayRegular';
src:url('../fonts/subway-black-webfont.eot');
src:local('☺'), url('../fonts/subway-black-webfont.woff') format('woff'), url('../fonts/subway-black-webfont.ttf') format('truetype'), url('../fonts/subway-black-webfont.svg#webfontjFI08eKb') format('svg');
font-weight:normal;
font-style:normal;
}

form {
margin:0;
padding:0;
border-width:0;
}

h1,h2,h3,h4 {
margin:0;
padding:0;
}

p {
margin:0;
}

a img {
border:0;
}

a {
color:#333;
}

a:hover,
.selected a {
color:#EE6E31;
}

input, textarea, select {
font-family:"Times New Roman", serif;
}

.clear,
.clearBoth {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
margin:-1px 0 0 0;
}

.row_1 {
margin:0 0 25px 0;
}

.row_2 {
margin:0 0 15px 0;
}

/* MAIN */

.header,
.loginContainer h2{
font-family:SubwayRegular;
color:#564e45;
font-size:1.4em;
margin:0 0 5px 0;
}

h1 a {
}

.headerRound {
height:27px;
background:url('../images/common/header-round.png') no-repeat top left;
font-family:SubwayRegular;
font-size:1.2em;
padding:6px 0 0 16px;
color:#e6eac2;
}

.headerRound a {
text-decoration:none;
color:#e6eac2;
}

.headerRound a:hover {
color:#EE6E31;
}

div#backgroundRepeat {
background:url('../images/header/content-background-repeat.jpg') repeat-y top left;
min-height:100%;
position:relative;
width:992px;
margin:0 auto 0 auto;
}

* html div#backgroundRepeat {
height:100%;
}

div#background {
background:url('../images/header/content-background-top.jpg') no-repeat top center;
padding-bottom:46px; /* height of footer */
position:relative;
}

div#container {
background:url('../images/header/header-art.jpg') no-repeat top left;
}

ul#mainNavigation {
list-style-type:none;
margin:0 0 0 246px;
padding:0;
width:740px;
}

ul#mainNavigation li {
margin:0;
padding:0;
display:inline;
}

ul#mainNavigation li.l4 {
margin-left:130px;
}

div#sideBar {
position:relative;
z-index:3; /* above content and header */
width:246px;
float:left;
text-align:right;
font-size:.9em;
color:#333;
}

div#sideBar a {
color:#333;
}

div#sideBar a:hover {
color:#EE6E31;
}

div#logo {
margin-right:20px;
}

div#sideBar div.sideContent {
padding:0 20px 0 20px;
}

div#sideBar h2 {
margin:0 0 10px 0;
position:relative;
z-index:1; /* above content */
}

div#contactUs {
margin-top:23px;
height:220px;
}

div#contactUs p {
margin:0 0 10px 0;
}

div#contactUs div.sideContent {
height:85px; /* line up facebook icon */
}

a#facebook {
display:inline-block;
margin-right:20px;
}

div#downloadForms {
height:123px;
}

div#downloadForms a {
display:block;
margin:0 0 10px 0;
}

div#weNeedHelp {
padding-bottom:30px;
}

div#content {
float:right;
width:720px;
margin:146px 16px 0 0;
padding:0 0 20px 0;
}

div#footer {
height:46px; /* total height */
position:relative;
margin:-46px 0 0 0;
color:#c3af9b;
}

div#footer div#shadow {
background:url('../images/header/footer-shadow.png') repeat-x top left;
height:8px;
}

div#footer div#footerContent {
background-color:#3A3632;
height:38px;
font-size:.9em;
}

div#footerContentContainer {
width:992px;
margin:0 auto 0 auto;
padding-top:9px;
}

div#footer div#left {
width:226px;
float:left;
text-align:right;
}

div#footer div#right {
width:700px;
margin-right:26px;
float:right;
text-align:right;
}


div#footer a {
color:#c3af9b;
}

div#footer a:hover {
color:#EE6E31;
}

/* Form Fields */

div.formFields div.formField {
margin:0 0 10px 0;
}

div.formFields .required {
color:#667D4F;
}

div.formFields label,
.loginContainer label {
display:block;
color:#564E45;
font-weight:bold;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
background-color:#A9D485 !important; 
}

#recaptcha_table {
border-color:#A9D485 !important;
}

div.formFields .dropDown,
div.formFields .textBox,
#recaptcha_response_field,
.loginContainer .textBox {
border:4px solid #96BA72 !important;
background-color:#D8DDA3;
color:#564E45;
padding:2px 5px 2px 5px;
font-size:1em;
font-family:SubwayRegular;
width:400px;
}

div.formFields td {
padding:0 !important;
}

body div.loginContainer .button {
background-color:#EE6E31;
font-family:SubwayRegular;
cursor:pointer;
}

body div.loginContainer .button:hover {
background-color:#6D8553;
}

/* MESSAGE BOXES              */

.errorMessage {
border:3px solid #EE6E31;
padding:10px;
margin:0 0 15px 0;
background-color:#D8DDA3;
}

.errorMessage h3 {
color:#D01E00;
font-size:1.3em;
font-weight:normal;
border-bottom:1px solid #EE6E31;
padding-bottom:7px;
margin-bottom:10px;
}

.errorMessage p {
}

.errorMessage ul,
.successMessage ul {
margin:0 0 0 20px;
padding:0;
}

.errorMessage ul li,
.successMessage ul li {
margin:0;
padding:0;
}

.successMessage {
border:1px solid #ccc;
padding:10px;
margin:0 0 15px 0;
}

.successMessage h3 {
color:#999;
font-size:1.3em;
font-weight:normal;
border-bottom:1px solid #ccc;
padding-bottom:7px;
margin-bottom:10px;
}

/* Pager */

p.pager {
font-weight:bold;
font-size:1.1em;
font-family:SubwayRegular;
}

p.pager a {
text-decoration:none;
}

p.pager label.current,
p.pager a.pageNumber,
p.pager a.nextLink,
p.pager a.prevLink {
display:inline-block;
}

p.pager label.current,
p.pager a.pageNumber,
p.pager a.previousLink {
margin:0 15px 0 0;
color:#564E45;
background-color:#96BA72;
padding:4px 10px 4px 10px;
}

p.pager label.current {
color:#564E45;
background-color:#D8DDA3;
padding:4px 10px 4px 10px;
}

p.pager a.nextLink,
p.pager a.previousLink {
}

/* home */

div#homePage div#missionBox {
border-left:6px solid #96BA72;
border-bottom:6px solid #96BA72;
border-right:6px solid #96BA72;
background:url('../images/home/home-hero.jpg') no-repeat top left;
height:222px;
}

div#homePage div#missionContent {
padding-top:10px;
}

div#homePage div#dogs a.image {
display:inline-block;
background:url('../images/home/dog-bg.gif') no-repeat top left;
padding:6px;
margin:0 0 5px 0;
}

div#homePage div#dogs div.name,
div#homePage div#dogs div.stats {
color:#596e44;
margin-left:6px;
margin-right:6px;
font-size:.9em;
}

div#homePage div#dogs div.name a {
text-decoration:none;
color:#596e44;
font-weight:bold;
}

div#homePage div#dogs div.name a:hover {
color:#EE6E31;
}

div#homePage div#dogs div.name {
border-bottom:1px solid #708856;
padding:0 0 4px 0;
margin-bottom:2px;
}

div#homePage div#dogs div#button {
text-align:center;
}

div#homePage div#fact {
border:6px solid #96BA72;
background-color:#D7DDA0;
width:672px;
padding:10px;
}

/* available dogs */
div#availableDogs div.availableDog {
}

div#availableDogs a.image {
display:inline-block;
margin:0 0 2px 0;
border:6px solid #96BA72;
}

div#availableDogs a.image:hover {
border:6px solid #EE6E31;
}

div#availableDogs div.name {
margin-left:7px;
font-size:.9em;
margin-bottom:2px;
}

div#availableDogs div.name a {
text-decoration:none;
}

div#availableDogs div.name a:hover {
color:#EE6E31;
}

/* dog details page */

div#availableDogPage div#availableDogDetailsBox {
border-left:6px solid #96BA72;
border-right:6px solid #96BA72;
background-color:#D8DDA3;
}

div#availableDogPage div#slideShow {
margin:2px 0 2px 2px;
width:455px;
float:left;
}

div#availableDogPage ul#stats {
width:210px;
float:right;
margin:15px 0 0 0;
padding:0;
list-style-type:none;
}

div#availableDogPage ul#stats li {
margin:0 0 6px 0;
padding:0 0 6px 0;
border-bottom:3px solid #95BA74;
color:#564e45;
font-family:SubwayRegular;
font-size:.8em;
font-weight:normal;
}

div#availableDogPage ul#stats li.last {
border:0;
padding-bottom:0;
margin-bottom:0;
}

div#availableDogPage ul#stats li span {
color:#819c66;
font-weight:bold;
font-size:1.8em;
line-height:.8em;
display:inline-block;
margin:0 5px 0 10px;
}

div#availableDogPage div#description {
padding:10px;
background:#96BA72 url('../images/common/round-box-bottom.gif') no-repeat bottom left;
}

div#availableDogPage div#specialNeeds {
border-bottom:2px solid #D8DDA3;
padding:0 0 7px 0;
margin:0 0 10px 0;
}

div#availableDogPage div#buttons {
text-align:center;
}

/* Adopted dogs & events */

div#adoptedDogsPage div#slideShow,
div#eventPhotosPage div#slideShow {
border-left:6px solid #96BA72;
border-right:6px solid #96BA72;
background-color:#D8DDA3;
padding:2px;
width:684px;
}

div#adoptedDogsPage div#bottom,
div#eventPhotosPage div#bottom {
background:#96BA72 url('../images/common/round-box-bottom.gif') no-repeat bottom left;
height:9px;
}

/* Blog */

div#blogPage div.postContent {
border-left:6px solid #96BA72;
border-right:6px solid #96BA72;
background-color:#D8DDA3;
padding:10px;
width:668px;
}

div#blogPage div.postFooter {
background:#96BA72 url('../images/common/round-box-bottom.gif') no-repeat bottom left;
padding:10px 10px 10px 10px;
font-family:SubwayRegular;
font-size:.8em;
color:#564E45;
}

div#blogPage div.postFooter a {
}

div#blogPage div.stats {
border-bottom:2px solid #D8DDA3;
padding:0 0 7px 0;
margin:0 0 5px 0;
}

div#blogPage div.stats a.comments {
display:inline-block;
margin:0 15px 0 15px;
}

div#blogPage div.categories span.seperator {
display:inline-block;
margin:0 7px 0 0;
}

div.comment {
border-bottom:2px solid #96BA72;
padding-bottom:5px;
}

div.comment div.name {
margin:0 0 2px 0;
font-weight:bold;
color:#564E45;
}

div.comment div.name a {
color:#564E45;
}

div.comment div.name a:hover {
color:#EE6E31;
}

div.comment p.comments {
margin:0 0 5px 0;
}

div.comment div.date {
color:#564E45;
font-style:italic;
float:right;
width:200px;
text-align:right;
}

h2.categoriesHeader {
}

div#blogCategories ul {
margin:0;
padding:0;
}

div#blogCategories li {
width:160px;
display:inline;
float:left;
margin:0 10px 0 10px;
padding:0;
}

/* Volunteer */

div#volunteerPage div#introBox {
background:#96BA72 url('../images/common/round-box-bottom.gif') no-repeat bottom left;
padding:0 0 10px 0;
}

div#volunteerPage div#introContent {
border-left:6px solid #96BA72;
border-right:6px solid #96BA72;
background-color:#D8DDA3;
padding:2px;
width:684px;
}

div#volunteerPage div#introContent img {
float:left;
}

div#volunteerPage div#introContent div#introText {
float:left;
width:255px;
margin:20px 0 0 20px;
text-align:center;
}

div#volunteerPage div#introContent div#introText h2 {
margin:0 0 20px 0;
}

div#volunteerPage div#introContent div#introText p {
font-size:1.3em;
line-height:1.4em;
margin-bottom:15px;
}

div#volunteerPage div#familyBox p {
margin-bottom:15px;
}

/* About */

div#aboutPage div#introBox {
background:#96BA72 url('../images/common/round-box-bottom.gif') no-repeat bottom left;
padding:0 0 10px 0;
}

div#aboutPage div#introContent {
border-left:6px solid #96BA72;
border-right:6px solid #96BA72;
background-color:#D8DDA3;
padding:10px;
width:668px;
}

div#aboutPage div#introContent div#introText h2 {
margin:0 0 20px 0;
}

div#aboutPage div#introContent p {
font-size:1.1em;
line-height:1.2em;
}

div#aboutPage div#introContent img {
float:left;
margin:7px 20px 10px 10px;
border:4px solid #574E45;
}

div#aboutPage p {
margin-bottom:15px;
}

div#aboutPage div#jessicaBox img,
div#aboutPage div#micheleBox img {
float:right;
margin-left:20px;
border:6px solid #96BA72;
}