﻿
body {
	margin: 0px;
	padding: 0px;
	background: #CDC0A1;
	font: 15px Arial, Helvetica, Sans-serif;
	text-align: center;
	line-height:1.3em
	}

img {
	margin: 0px;
	padding: 0px;
	border: none 0px #000000;
	}

h1{text-align: center; margin: 12px 0px 36px 0px; color:#355E3B;}
h3{text-align: left; margin: 24px 0px 6px 0px; color:#355E3B; border-bottom: solid 2px #355E3B;}
h4{text-align: left; margin: 12px 0px 6px 0px; text-decoration: underline; color:#355E3B;}
blockquote{margin: 6px 25px 6px 25px;}

#layout {
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 1000px;
	text-align: left;
	}

div#header {
	width: 1000px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	background: #355E3B url(../images/header_bg.png) repeat-y 0 0;
	/*background: #355E3B;*/
	position:relative;
	}
div#lostLink{position:absolute; top:15px; left:770px;}
div#foundLink{position:absolute; top:15px; left:844px;}
div#donateLink{position:absolute; top:15px; left:918px;}
div#lostLink img,div#foundLink img,div#donateLink img{width:62px; height:92px;}

/** [Horizontal Menu] **********************************************************************************/
div#menuContainer {
	position: relative;
	margin: 10px 0px;
	padding: 0px;
	z-index: 300;
	}

div#horizMenu{
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	}
	
div#horizMenu .staticMenu {
	font-weight: bold;
	}

div#horizMenu .staticMenuItem {
	color: #000000;
	}

div#horizMenu table.staticMenuItem.level1 {
	margin-left: 60px;
	margin-right: 60px;
	}

div#horizMenu table.staticMenuItem.level2 {
	margin-right: 60px;
	}

div#horizMenu .staticHover {
	color: #000000;
	}

div#horizMenu .dynamicMenu {
	background: #355E3B url(../images/menuItem_bg.png) repeat-y 0 0;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
	}
div#horizMenu .dynamicMenuItem {
	width: 200px;
	padding: 3px 5px 3px 5px;
	border-top: solid 1px #CDC0A1;
	color: #efefef;
	}
div#horizMenu .dynamicHover {
	color: #CDC0A1;
	}
div#horizMenu .level1, div#horizMenu .level2 {
	}
div#horizMenu .level3 {
	}
div#horizMenu div#ctl00_menu1n1Items{z-index: 300;}
div#horizMenu div#ctl00_menu1n2Items{z-index: 300;}
div#horizMenu div#ctl00_menu1n3Items{z-index: 300;}
div#horizMenu div#ctl00_menu1n4Items{z-index: 300;}
div#horizMenu div#ctl00_menu1n5Items{z-index: 300;}
div#horizMenu div#ctl00_menu1n6Items{z-index: 300;}
/******************************************************************************************************/


/** [SiteMap Menu] **********************************************************************************/
div#sitemapMenu{
	margin: 75px 0px 0px 100px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	}
	
div#sitemapMenu .staticMenu {
	font-weight: bold;
	}

div#sitemapMenu .staticMenuItem {
	}
div#sitemapMenu .level1 {}
div#sitemapMenu .level2 {margin-left:25px;margin-top:18px;}
div#sitemapMenu .level3 {margin-left:40px;font-weight: normal;}
div#sitemapMenu .level4 {margin-left:55px;font-weight: normal;}
/******************************************************************************************************/


div#containerTOP {
	width: 1000px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/contentTOP_bg.png) no-repeat 0 0;
	}

div#container {
	width: 1000px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/content_bg.png) repeat-y 0 0;
	overflow:hidden;
	}

div#containerBOTTOM {
	width: 1000px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/contentBOTTOM_bg.png) no-repeat 0 0;
	}

div#content {
	position: relative;
	margin: 0px;
	padding: 50px 50px 50px 50px;
	width: 900px;
	}

div#footer {
	margin: 0px;
	padding: 10px;
	color: #000000;
	text-align: center;
	}

span.ittybitty{font-size: 1px;}
div.error{margin-top:50px; font-size: 1.2em; line-height:1.3em; font-weight: bold; color: #cc0033;}
div.success{margin-top:50px; font-size: 1.2em; line-height:1.3em; font-weight: bold; color: Green;}
div#leftColumn {position: relative; float:left; width:430px; padding: 10px 10px 10px 10px;}
div#rightColumn {position: relative; float:left; width:430px; padding: 10px 10px 10px 10px;}


/** [Homepage] **********************************************************************************/
div.homePageFiller img{max-width:520px; display:block; margin:10px auto;border:double 5px #CDC0A1;}
/** [Homepage Current Items] **********************************************************************************/
div#currentWrapper {
	position: relative;
	float:left;
	width:520px;
	padding: 10px 10px 10px 10px;
	}
div.currentItem {
	padding-bottom:25px;
	}
div.currentItem h3{
	margin-top:0px;
	}
div.currentItem img{margin:10px auto;border:double 5px #CDC0A1;}
div.currentItem a{text-decoration:none;}
div.homePageFiller {
	margin:0px auto;
	text-align:center;
	overflow: hidden;
	}
div.homePageFiller h3{
	margin-top:0px;
	}
/** [Homepage Poem] **********************************************************************************/
div#poemWrapper {
	position: relative;
	float:left;
	width:340px;
	padding: 10px 10px 10px 10px;
	}
div#poem {
	text-align: center;
	border: double 3px #355E3B;
	background-color: #CDC0A1;
	line-height:1.5em;
	font-size:.9em;
	}
div#poem h3.title{text-align:center; border-bottom:none;}
div#poem p.author{text-align: right; margin-right:20px;}
/******************************************************************************************************/

/** [Contact] **********************************************************************************/
div#rightColumn img.contactIMG{max-width:400px; display:block; margin:24px auto;border:double 3px #CDC0A1;}
/******************************************************************************************************/

/** [Staff] **********************************************************************************/
img.staff {display:block; margin: 0px auto 30px auto;}
table.staff {margin-left:auto; margin-right:auto;}
table.staff td{padding:10px; border: solid 1px #000000; width:33%;}
table.staff td.nobo{border: none;}
table.staff td span.name{display:block; font-weight:bold; margin-bottom:3px;}
table.staff td span.title{display:block; font-style:italic; font-size:.9em;}
p.IndieStaff{text-align: center;}
p.IndieStaff img {width:125px; height:175px; margin:10px 0px;}
/******************************************************************************************************/


span.closed{font-weight:bold;}
div.tabHolder{position:relative; margin:6px 0px;}
div.tabbedHours{position:absolute; left:150px; top:0px;}
div.tabbedFees{position:absolute; left:100px; top:0px;}
div#embeddedMap{}
div#mapLinks{display:none; visibility:hidden;}
div.clear{clear:both;}
#frmStmtOfAdoption {width:600px; margin-right: auto; margin-left: auto; text-align:justify;}
#frmStmtOfAdoption p.formHeader1{ font-size:1.2em; text-align: center; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
#frmStmtOfAdoption p.formHeader2{text-align: center; font-weight:normal; margin-top:0px; padding-top:0px;}
#frmStmtOfAdoption table.signature {width: 100%; margin-top:25px;}
#frmStmtOfAdoption table.signature td {border-top: solid 1px #000000; text-align: center;}
#frmStmtOfAdoption table.signature td.left {margin-right: 5px;}
#frmStmtOfAdoption table.signature td.right {margin-left: 5px;}
p.notice{border: inset 3px #000000; padding: 10px; background-color: lightyellow; margin: 0px 100px 45px 100px;}
p.toTop{color: #cc0033; padding:5px; text-align: right;}
div.linkList ul.linkList li {display:inline; height:30px; list-style:none; margin-left:25px;}
div.linkList ul.linkList li.first {margin-left:0px;}
div.linkList ul.linkList li a {color:#355E3B;}
div.linkList ul.linkList {list-style-type: none; padding-left: 0px; font-size:1.3em; line-height:1.4em;}
div.linkList ul{text-align: center; margin: 45px 0px;}


/** [Slide Shows] **********************************************************************************/
#slideShow{text-align: center;}
#slideShow .slideTitle{	font-weight:bold;font-size:1.3em;font-style:italic;}
#slideShow .slideDescription{font-size:1.3em;font-weight:bold;}
/******************************************************************************************************/



/** [PetFinder Records] **********************************************************************************/
p.animalListHeader{margin:45px 0px 25px 0px;}

div.petRecord{position:relative; padding:25px;}
div.petDetail{position:relative; border:outset 3px #CDC0A1; padding:15px; background-color:#355E3B;}
div.petName{position: absolute; top:-15px; left:-15px; padding: 10px; font-size:1.5em; font-weight:bold; border: solid 2px #000000; background-color:#CDC0A1; z-index:250;}
div.petStats{position:absolute; top:0px; right:0px; padding: 15px; font-size:1.4em; color: #CDC0A1;}

div.petPhotoContainer{width:306px; text-align:center; float:left; margin-right:15px;}
div.petPhoto{padding:0px; margin-right: auto; margin-left: auto;}
div.petPhoto img {border:outset 3px #CDC0A1;}
div.petBreed{ font-size:1.1em; font-weight:bold; padding: 5px; color: #CDC0A1}
div.petThumbnails{margin-right: auto; margin-left: auto; padding:0px;}
div.petThumbnails img{border:solid 2px #000000;}

div.petDesc{width:467px; height:230px; overflow: auto; border:outset 3px #CDC0A1; background-color:#CDC0A1; padding: 10px; float:right; margin:35px 0px 0px 0px;}
div.petDesc blockquote{margin:5px 10px 10px 10px;}
div.petDesc span.inDescHeader{display:block; font-weight:bold; margin-bottom:6px;}
div.petLastUpdated{text-align:right; width: 200px; float:right; color: #CDC0A1; font-size:.8em;}

/******************************************************************************************************/

/** [Vendor Records] **********************************************************************************/
p.vendorListHeader{margin:45px 0px 25px 0px;}
p.vendorListFooter{margin:45px 0px 25px 0px;}
div.vendorListWrapper{padding:0px 100px; color: #355E3B;}
div.vendorRecord{margin:0px auto 20px auto; width:500px; padding:25px; border:outset 3px #355E3B; padding:15px;background-color:#CDC0A1;}
div.vendorName{margin-bottom:8px; font-size:1.5em; font-weight:bold; color: #000000;}
div.vendorSubTitle{margin-bottom:6px; font-size:1.1em; font-style:italic; font-weight:bold;}
div.vendorContact{margin: 0px 15px;}
span.vendorNote{display:inline-block; margin: 5px 15px;}
div.vendorLastUpdated{text-align:right; width: 200px; float:right; color: #CDC0A1; font-size:.8em;}
div.vendorListWrapper a{color: #355E3B; font-weight:bold; text-decoration:none;}
/******************************************************************************************************/

/** [Donations] **********************************************************************************/
p.donateNow{text-align:center;}
div.WOW{margin-top:50px; text-align:center; font-size:1.2em;}
div.WOW h3{text-align:center; font-size:1.2em; color:#000000; border-bottom:none;}
ul#leftUL{float:left; width:300px;}
ul#rightUL{float:left; width:300px; margin-left: 25px;}
ul#leftUL li{margin-left: 20px;}
ul#rightUL li{margin-left: 20px;}
/******************************************************************************************************/


/** [LOST/FOUND Reports] **********************************************************************************/
p.pageIntro{margin:45px 0px 25px 0px;}
fieldset{margin: 0px 0px 25px 0px; padding:15px; border:double 3px #355E3B;}
legend{text-align: left; font-size:1.3em; font-weight:bold; padding:5px;background-color:#355E3B;color:#CDC0A1;}
.frmLostFoundLabel{display:block;float:left;margin:10px 0px 10px;padding:0px;text-align:right;width:300px; font-weight:bold; font-size:1.1em;clear:both;}
.frmLostFoundInput{margin:10px 0px 10px 15px;width:300px;}
.frmLostFoundFileInput{margin:10px 0px 10px 15px;width:500px;}
span.frmLostFoundInput{display:inline-block;}
span.fieldTip{display:inline-block; margin:10px 0px 12px 5px;padding:0px;text-align:right;}
textarea.frmLostFoundInput{height:100px; width:500px;}
div.frmButtons{margin:45px 0px 0px 0px; text-align:center;}
/******************************************************************************************************/

/** [info] **********************************************************************************/
div#rightColumn.center{text-align:center;}
img.info{border:double 3px #CDC0A1;}
/******************************************************************************************************/

/** [shuttle] **********************************************************************************/
div#rightColumn img.shuttle{width:412px; height:309px; display:block; margin:24px auto;border:double 3px #CDC0A1;}
/******************************************************************************************************/
