/* CSS Document */

* { font-family: tahoma,arial,sans-serif; }
body { margin: 0.01em; background-color: #d9b38c; }

/* HOME */
/*h1 { width: 268px; height: 63px; background-image:url(images/home_title.png); background-repeat:no-repeat; }*/
h2 { color: #fff; font-size: xx-large; text-align: center; margin-bottom: 1px; }
p { font-size: 8pt; }

div.pick { width: 169px; height: 169px; /*background-image: url(images/logo_paw.png);*/ background-repeat: no-repeat; margin: 0px; float: right; padding: 3px; }

p.pick { font-size: 0.7em; color: #fff; }

img.centerit { display: block; margin-left: auto; margin-right: auto; }

div.midtitle { width: 100%; background-color: #FFE9D2; background-image: url(images/logo_paw.png); background-position: right; background-repeat: no-repeat; height: 175px; clear: right; }

div.quick { font-size: 0.8em; float: left; padding: 10px; height: 200px; }
div.quick li { padding: 3px 0px 3px 0px; border-bottom: 1px dotted #000; width: 150px;}

div.intro { float: left; width: 450px; display: block; font-size: 0.9em;}

.dotdown { border-bottom-style: dotted; border-bottom-width: 1px; text-decoration: none; }
.container { width: 700px; border: 1px dashed #ccc; overflow: auto; margin: 0px auto; background-color: #ffe9d2;}

.copyright { font-size: 0.7em; text-align: center; margin-top: 200px; }

/* INTERIOR */

div.navbar { width: 100%; height: 95px; background-color: #ffe9d2; background-image: url(images/logo_pawsmall.png); background-repeat: no-repeat; background-position: left; overflow: auto; margin-bottom: 0px; height: 95px; }

div.smallpick { width: 89px; height: 89px; height: 89px; background-image: url(images/logo_pawsmall.png); background-repeat: no-repeat; margin: 0px; float: right; padding: 3px; }
h3 { color: #fff; text-align: center; margin-top: 30px; }
div.subnav { width: 100%; height: 50px; margin: 0px; padding-top: 10px;}
div.subnav h2 { font-size: x-large; text-align: left; margin: 0px 0px 0px 5px; float: left; }
div.subnav p { float: right; margin: 5px 5px 0px 0px; font-size: 0.9em; vertical-align: middle;}

div.containlist { width: 85%; }
div.adoptme { width: 85%; height: 145px; border-bottom: 1px dotted #000; padding: 5px; margin: 0px auto; }
div.adoptsub { height: 35px; padding: 5px; margin-top: 0px; margin-left: 0px; }
a.adoptsub { height: 30px; background-image: url(profiles/images/paw_small.png); background-repeat: no-repeat; font-weight: bold; color: #333; text-decoration: none; }

div.donate { width: 85%; padding-left: 50px; }
div.learn { width: 85%; padding-left: 50px; }
div.donate h3 { color: #d9d58c; text-indent: -50px; text-align: left; margin: 5px; border-bottom: 1px solid #d9d58c; }
div.learn h3 { color: #d9b3ae; text-align: left; margin: 5px; }

.learncontents { border: 1px dashed #d9b3ae; padding: 5px; float: left; margin: 10px; }
div.learncontents h5 { margin: 1px; }
div.learncontents ol { font-size: 0.8em; margin: 0px; }
div.learncontents ol ol { list-style-type: lower-alpha; }

div.learn div { padding-left: 50px; }
div.learn h4 { color: #d9b3ae; margin: 1px; }

blockquote { font-size: 0.8em; }

div.question {  }
div.question a { font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px dotted; }

div.happy { width: 85%; height: 260px; border-bottom: 1px dotted #000; padding: 5px; font-size: 0.8em; margin: 0px auto; }

/* PROFILE */

.containprof { width: 350px; height: 750px; overflow: auto; padding: 10px; }
div.containprof div { margin: 0px; vertical-align: middle; }
div.containprof img { float: left; vertical-align: middle; }
div.containprof div p { font-style: italic; vertical-align: middle; margin-bottom: 20px;  }

/* EVENTS */
.eventcontain { width: 85%; margin: 10px; border: 1px dotted #333; margin: 0px auto; }
div.eventcontain p { width: 85%; margin-left: 10px; font-size: 12pt; }
.hlred { color: #f00; }

.calcontain { width: 170px; background-color: #ddc7b0; margin: 0px; overflow: auto; float: left; padding-top: 10px; }
.calitem { width: 85%; background-color: #eee3d8; margin: 0px auto; overflow: auto; }
.calitem div { background-color: #e6d5c4; width: 100%; text-align: center; }

/* HAPPY TAILS */

#PetName { width: 85%; margin: 0px auto; padding: 5px;  }
#PetNameP { float:left; margin: 0px 5px 0px 0px; cursor: pointer; text-align: center; }
#PetNameP p { margin: 0px; margin-bottom: 5px; }