body {
margin:0 0 .5em 0;
padding:0;
height:100%;
background:url(images/stripes_01.png) fixed; /* image courtesy of FloatingShadow: http://floatingshadow.deviantart.com */
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size:.8em;
line-height:1.4em;
color:#625D5D;
}

p {
margin:1em;
}

div.content, div.endContent, div#featured {
background-color:#fff;
border-left:2px solid #83A8CC;
border-right:2px solid #83A8CC;
margin:0 auto;
width:625px;
padding:.5em;
}

div.content, div.endContent, #calendarWrap, div#featuredAdoption, div.addEdit, div.dogList, div.viewApp {
background:url(images/content-bg.jpg) repeat-x #fff;
}

.content ul {
margin-left:30px;
}

div#featured {
-moz-border-radius-topright:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
border-top:2px solid #83A8CC;
padding:5px 0;
height:400px;
overflow:auto;
}

div.endContent, div#featured {
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
border-bottom:2px solid #83A8CC;
}

div.endContent {
margin-bottom:10px;
}

div#featured {
width:500px;
padding:1em;
margin:0 auto 10px auto;
}

blockquote.italic {
font-family:Georgia, serif;
font-style:italic;
font-size:1.05em;
letter-spacing:.3px;
padding:0 .5em;
background-color:#FFFFFF;
color:#666666;
border:dashed 1px #83A8CC;
}

address {
font-style:normal;
font-weight:bold;
margin:1em 2em;
}

a {
color:#990100;
text-decoration:none;
outline:none;
border-bottom:1px dotted #990100;
white-space:nowrap;
}

a:hover,a:focus,a:active {
color:#83A8CC;
text-decoration:none;
border-bottom:1px dashed #83A8CC;
}

ul#nav {
list-style:none;
margin:10px 0 10px 0;
padding:15px 0;
font-family:Georgia, Times, "Times New Roman", serif;
font-weight:bold;
text-align:center;
white-space:nowrap;
}

ul#nav li {
color:#666;
display:inline;
margin:0 2px;
font-size:1.5em;
}

ul#nav a {
text-decoration:none;
text-shadow:#fff 0px 1px 0px;
padding: 0 0 3px;
border-bottom:6px solid #EBF1F7;
color: #ccc;
}

ul#nav a#current {
border-color: #ECBC44;
color:#83A8CC;
text-shadow:#ddd 0px 1px 1px;
}

ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
border-color: #83A8CC;
color:#666;
}

#centerColumn {
margin:0 auto;
padding:.5em 3em 2em 3em;
width:875px;
text-align:left;
background:url(images/center_bg.png) repeat-y center center;
overflow:hidden;
}

h1{
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Bitstream Charter", serif;
font-variant:small-caps;
padding:.3em 0;
font-size:2.2em;
letter-spacing:.1em;
background-color:#83A8CC;
background: -moz-linear-gradient(100% 295% 90deg, #2F2727, #83A8CC);
background: -webkit-gradient(linear, 0% 0%, 0% 295%, from(#83A8CC), to(#2F2727));
color:#fff;
text-align:center;
text-shadow:0px -1px 0px #838383;
}

h2 {
color:#990100;
text-shadow:0px 1px 1px #374683;
margin-bottom:15px;
border-bottom:none;
font-family:Times, "Times New Roman", Georgia, serif;
font-size:45px;
line-height:40px;
letter-spacing:-2px;
}

.center {
display:block;
margin:1em auto;
width:200px;
height:30px;
font-weight:bold;
}

#rightColumn {
position:relative;
float:right;
width:51em;
padding:0 .5em;
margin:1em 0;
height:100%;
}

.about, #process, #faq {
margin:2em auto;
width:50em;
border:1px solid #999999;
padding:1em;
background-color:#fff;
clear:both;
}

#process ol, #faq ol {
list-style:decimal;
margin-left:1.5em;
font:2em Georgia, Times, "Times New Roman", serif;
color:#83A8CC;
}

#process ol p, #faq ol p, #faq address {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size:.5em;
line-height:1.4em;
color:#625D5D;
}

#faq ul.sub {
font:.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif;
color:#625D5D;
margin:0 0 10px 25px;
list-style-type:disc;
}

#faq ul.sub li {
margin-top:10px;
}

.listNormal {
list-style:decimal;
margin:1em 0 0 2em;
}

#leftColumn {
position:relative;
float:left;
width:15em;
margin:1em .2em 2em 1em;
}

#leftNav {
position:relative;
float:left;
height:350px;
width:88px;
overflow:auto;
text-align:center;
margin:1em;
background-color:#fff;
border:1px solid #ccc;
}

.date, .question {
font-weight:bold;
color:#83A8CC;
}

.label {
font-weight:bold;
padding-right:15px;
}

.leftContent {
background:url(images/leftContent_bg.jpg) no-repeat top right;
background-color:#FFFFFF;
border:1px solid #cccccc;
margin-bottom:5px;
padding:1em;
font-size:1em;
text-align:left;
}

#leftColumn ul {
list-style:none;
margin-left:0;
padding:0 .5em 0 1em;
text-indent:-1em;
}

#leftColumn li {
margin:.5em 0;
font-size:.85em;
color:#625D5D;
}

#leftNav a {
display:block;
color:#83A8CC;
border-bottom:1px solid #EBF1F7;
padding:5px 0;
}

#leftNav a:active, #leftNav a:focus, #leftNav a:hover {
background-color:#83A8CC;
color:#fff;
text-shadow:1px 1px 1px #666;
border-bottom:none;
border-left:3px solid #ECBC44;
}

h3 {
color:#83A8CC;
font-size:1.2em;
font-weight:bold;
font-family:Candara, 'Segoe UI', 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', 'Trebuchet MS', Tahoma, Verdana, 'Verdana Ref', sans-serif;
font-variant:small-caps;
letter-spacing:.1em;
padding-bottom:3px;
border-bottom:1px solid #83A8CC;
}

#header {
text-align:center;
padding:0;
margin:0 auto;
width:850px;
background-color:#EBF1F7;
}

#header a {
border-bottom:none;
}

.imgLeft {
float:left;
}

.imgRight {
float:right;
}

.photos {
width:700px;
margin:0 auto;
text-align:center;
}

.photos a {
border:none;
}

.thumb, .thumbRight {
border:1px solid #999999;
padding:5px;
margin:10px;
background-color:#FFFFFF;
}

.thumbRight {
float:right;
}

.caption {
float:right;
text-align:center;
}

.caption p {
font-style:italic;
font-family:Georgia, serif;
}

.dogBio {
width:630px;
height:360px;
padding:5px;
background-color:#FFFFFF;
color:#625D5D;
float:left;
}

.dogBio img, #featured img {
float:right;
margin:10px;
}

.dogBio h3 {
border-bottom:none;
margin-top:-5px;
}

#adopted {
width:700px;
height:410px;
background:url(images/dogBio-bottom.jpg) no-repeat bottom left;
background-color:#fff;
margin:0 auto;
padding-top:1em;
float:left;
}

#dogs {
width:650px;
height:360px;
overflow:auto;
margin:0 auto;
padding:.5em;
background-color:#fff;
}

h4, p.adopted {
font-family: Candara, 'Segoe UI', 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', 'Trebuchet MS', Tahoma, Verdana, 'Verdana Ref', sans-serif;
font-weight:bold;
font-size:1em;
color:#83A8CC;
}

p.adopted {
font-size:2.7em;
line-height:35px;
letter-spacing:-0.04em;
text-shadow:1px 1px 1px #fff;
}

.content h4 {
margin:10px;
}

hr {
color:#ccc;
background-color:#ccc;
height:1px;
border:none;
}

#widget {
float:right;
margin:10px;
}

#calendarWrap, #featuredAdoption, div.addEdit, div.dogList, div.viewApp {
margin:0 auto;
padding:1em 0;
width:825px;
background-color:#fff;
border-left:1px solid #CCCCCC;
border-right:2px solid #999999;
border-bottom:2px solid #999999;
}

#featuredAdoption, div.addEdit, div.viewApp {
padding:1em;
width:640px;
}

div.viewApp {
padding:1em 2.5em 0 2.5em;
}

div.viewApp h2 {
margin:.95em 0;
}

table.app td {
width:250px
}

tr.bottom td {
padding-bottom:15px;
}

div.addEdit {
text-align:center;
font-size:1.4em;
line-height:1.6em;
}

div.addEdit li a {
color:#fff;
text-shadow:1px 1px 1px #625D5D;
display:block;
padding:2px;
margin:2px auto;
width:300px;
border:2px solid #fff;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background-color:#83A8CC;
background: -moz-linear-gradient(100% 295% 90deg, #2F2727, #83A8CC);
background: -webkit-gradient(linear, 0% 0%, 0% 295%, from(#83A8CC), to(#2F2727));
}

div.addEdit li a:hover {
background-color:#ECBC44;
background: -moz-linear-gradient(100% 295% 90deg, #816F41, #ECBC44);
background: -webkit-gradient(linear, 0% 0%, 0% 295%, from(#ECBC44), to(#816F41));
border:2px solid #816F41;
}

div.dogList {
width:49em;
height:30em;
overflow:auto;
}

table#dogTable {
margin:0 auto 15px auto;
width:48em;
background-color:#fff;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-left:1px solid #999;
}

#dogTable tr:hover {
color:#83A8CC;
}

#dogTable td, #dogTable th {
padding:5px;
}

#dogTable td {
border-bottom:1px solid #999999;
}

#dogTable th {
border-bottom:3px solid #999999;
}

#adoptionPic {
margin:15px;
float:right;
}

#adoptionPic img, .dogBio img, #featured img, .endContent img {
border:1px solid #ccc;
background-color:#eee;
padding:1em;
}

#featured img {
max-width:50%;
}

#footer {
width:945px;
margin:0 auto;
text-align:center;
font-size:.9em;
background:url(images/center_bg.png) repeat-y center center;
}

#footer p {
margin-top:0;
}

#bottom {
position:relative;
width:945px;
margin:0 auto;
padding:0;
height:35px;
background:url(images/center_bg-bottom.png) no-repeat center center;
clear:both;
}

.hiddenDiv {
display:none;
}
.visibleDiv {
display:block;
}

.appNotes {
width:500px;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:2px solid #999999;
border-bottom:2px solid #999999;
margin-bottom:15px;
padding:15px;
}

#donationWidget {
float:left;
margin-right:15px;
}

