/* - - - - - - - - - - - - - - - - - - - - -
Title : Save One It Matters layout and style
Author : Reese Spykerman
URL : www.designbyreese.com
Created : May 28, 2006
Modified : Oct 23, 2006
- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - STANDARD - - - - - */

body {
margin: 0;
padding: 0;
background: #fff url(/img/bodybg.gif) repeat-x;
font-family: myriad, myriad pro, trebuchet ms, tahoma;
font-size: small;
color: #000;
}

hr {
display: none;
}

a {color: #9B354F; text-decoration: none; font-weight: bold;}
a:link {color: #9B354F; text-decoration: none;}
a:visited {color: #9B354F; text-decoration: none;}
a:hover {color: #829c3c; }

blockquote {
font-family: bookman old style, times, georgial;
font-style: italic; 
text-align: center; 
color: #fff; 
font-size: 110%;
border-top: 1px solid #829c3c;
padding: 5px 20px 5px 20px;
margin: 0;
border-bottom: 1px solid #829c3c;
}

.quote {
display: block;
font-style: normal;
font-family: myriad, myriad pro, trebuchet ms, tahoma;
font-size: 80%;
color: #000;
}

/* - - - - - MAIN NAVIGATION  - - - - - */

#container {
margin: 0 auto;
width: 750px;
background-color: transparent;
padding: 0;
}

#navigation {
position: relative;
text-align: center;
width: 750px;
height: 51px;
background: none;
margin: 0 auto;
padding: 0;
overflow: auto;
}

#nav_site {
position: relative;
height: 51px;
background: none;
margin: 0 auto 0 0;
padding: 0;
}

#nav_site ul {
margin: 0;
padding: 0;
list-style: none;
height: 51px;
background: none;
text-align: center;
font-weight: bold;
}


#nav_site li {
display: inline;
float: left;
height: 51px;
margin: 0;
padding: 0;
background: none;
text-align: center;
}

#nav_site a {
padding: 15px 6px 18px 6px;
display: block;
text-decoration: none;
margin: 0;
color: #fff;
background: none;
outline: none;
font-size: 90%;
}

#nav_site a:hover {
color: #9d3650;
background: #a1be4a url(/img/navhoverbg.gif) repeat-x;
}


#home-page #homenav a, 
#dog-page #dognav a, 
#cat-page #catnav a,
#guidelines-page #guidelinesnav a,
#application-page #applicationnav a,
#stories-page #storiesnav a, #volunteer-page #volunteernav a {
background: #a1be4a url(/img/navhoverbg.gif) repeat-x;
color: #9d3650;
}

/* - - - - - LAYOUT - - - - - */


#masthead {
float: left;
width: 242px;
height: 39px;
background: transparent url(/img/masthead2.jpg) no-repeat;
margin: 15px 0 0 0;
}

#masthead h1 {
display: block;
text-indent: -9999px;
}

#secondarycontent {
float: left;
width: 232px;
margin: 35px 0 0 0;
padding: 0 14px 0 0;
}

*html #secondarycontent {
margin-top: 15px;
}

#primarycontent {
float: right;
width:492px;
margin: 65px 0 20px 0;
padding: 18px 0 0 0;
background: #a1be4a url(/img/contentbg.gif) repeat-x top left;
border: 1px solid #829c3c;
border-top: 0;
}

#dog-page #primarycontent {
padding-top: 24px;
}


#cat-page #primarycontent {
padding-top: 24px;
}

.primarytextpadding {
padding: 0 20px 10px 20px;
}

#maindog {
float: left;
width: 225px;
height: 259px;
background: #fff url(/img/maindog.jpg) no-repeat top left;
border: 4px solid #829c3c;
}

#footer {
clear: both;
font-size: 80%;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}

#volunteer-page dl dt {
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
}

#volunteer-page dl dd {
margin-bottom: 15px;
margin-left: 0;
color: #2F2F2F;
}

/* - - - - - HEADERS - - - - - */
h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 220%;
color: #5c6b2c;
line-height: 140%;
}

h2.credits {
margin: 0;
padding: 0;
display: inline;
font-size: 100%;
font-weight: normal;
color: #000;
}

h3 {
margin: 0 0 10px 0;
font-size: 160%;
font-weight: normal;
color: #fff;
line-height: 160%;
}

h4 {
border-bottom: 1px solid #829c3c;
border-right: 1px solid #829c3c;
border-top: 1px solid #A1CB4A;
border-left: 1px solid #A1CB4A;
padding: 5px 0 5px 5px;
}

h4 a {
background: transparent url(/img/wordicon.gif) no-repeat top left;
padding: 0 0 0 25px;
}

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



/* - - - - - TEXT - - - - - */

/* animal pages styling */

.animalname {
font-size: 150%;
background: #a1be4a url(/img/navhoverbg.gif) repeat-x;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #829c3c;
border-top: 1px solid #A1CB4A;
margin: 0;
color: #9D3650;
}

p.animaldescription {
color: #9D3650;
}

.animalpicture {
float: right;
padding: 0 0 5px 20px;
}

#stories-page .animalpicture {
float: right;
padding: 10px 0 5px 20px;
}

*html .animalpicture {
padding: 20px 0 5px 20px;
}

.animalpicture img {
background: #fff;
padding: 5px;
border: 2px solid #829c3c;
}

.animalcontact {
color: #fff;
margin: 0 0 5px 0;
}

/* guidelines page styling */

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

*html ul#guidelineslist {
margin-top: 20px;
}

ul#guidelineslist li {
margin: 0 0 15px 0;
background: transparent url(/img/pawicon.gif) no-repeat 0 10%;
padding-left: 25px;
padding-top: 0;
}

/* stories page styling */

#stories-page blockquote {
text-align: left;
padding: 0;
border: 0;
}

#stories-page .quote {
display: inline;
font-size: 100%;
}