/* CSS Document */

body {
	background:#000;
	margin:0;
	padding:0;
	text-align:center;
	font:.7em Tahoma;
	color:#666666;
	}
form {
	margin: 0
	}
a img {
	border:none;
	}

ul, p {
	margin:0;
	padding:0;
	}

p {
	margin:6px 0;
	}

#container {
	margin:0px auto;
	text-align:left;
	width:733px;
	}
	
.normalList {
	list-style:disc;
}
.normalList li {
	margin:10px 0 0 15px;
}

/** LOGIN AREAS **/

#topBar {
	height:30px;
	}

#langLink {
	float:left;
	width:60px;
	margin:5px 0 0 3px;
	}

#langLink a {
	color:#ffd521;
	}
#login {
	float:right;
	margin-right:-4px;
	width:661px;
	height:30px;
	background:url(../images/common/login_background.gif) 0% 0% no-repeat;
	position:relative;	
	}	
input {
	background:transparent;
	border:none;
	font:.9em arial;
	margin:0;
	padding:0;
	}
#l_email {
	display: none
	}
#email {
	position:absolute;
	left:282px;
	top:5px;
	height:12px;
	width:123px;
	}
#l_password {
	display: none
	}
#password {
	position:absolute;
	left:509px;
	top:6px;
	height:11px;
	width:123px;
	}
#submitBox {
	position:absolute;
	right:0;
	height:28px;
	width:28px;
	}

/** HEADER AREA **/

#head {
	width:733px;
	height:90px;
	background:url(../images/common/header.jpg) 0% 0% no-repeat;
	position:relative;
	}

#head #mainLogo {
	}

#head h1#home {
	position:absolute;
	left:10px;
	top:17px;
	margin:0;
    padding: 72px 0 0 0;
    overflow: hidden;
    background:url(../images/common/logo.jpg) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:72px;
	WIDTH: 104px;
	cursor:hand;
	}
#head h1#home span {
	display: none
	}
#head ul {
	position:absolute;
	top:17px;
	left:140px;
	list-style-type:none;
	}

#head ul li {
	float:left;
	margin-right:0px;
	}

#head ul li.last {
	margin-right:none;
	}

/** CONTENT AREA **/

#content {
	background:#ffd521 url(../images/common/content_top.jpg) 0% 0% no-repeat;
	padding-top:9px;
	}
	
/** LEFT AREA **/

#left {
	float:left;
	text-align:center;
	width:134px;
	padding-top:63px;
	}	
	
/** MAIN AREA **/

#mainContent {
	float:left;
	width:556px;
	background:#FFF;
	border:1px solid #d19f40;
	border-top:none;
	}
	
.offset {
	padding:14px 0 40px 14px !important;
	}

.wide {
	width:590px !important;
	}
	
.primaryCopy .leftCopy{
	margin-left: 0px
	}

.primaryCopy ul.anchorLinks {
	margin: 10px 0px 10px 0px;
	}
/** BOTTOM CLEAR AREA **/

.bottomClear {
	float:none;
	clear:both;
	}

.bottomRoundedCorners {
	height:15px;
	background:url(../images/common/footer.jpg) 0% 0% no-repeat;
	}

/** FLASH HEADER RESETS **/
.categoryIntro{
	background:#fff;
	margin-left: 0px;
	}
	
/** PARTNER SHELTER PAGES **/
#shelterCopy {
	width:247px;
	float:left;
	}
h1#partner_home {
	margin:0;
    padding: 148px 0 0 0;
    overflow: hidden;
    background:url(../images/shelters/partner_h1.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:148px;
	float:left;
	}
	
#featuredShelter {
	height:208px;
	width:304px;
	background:url(../images/shelters/featured_bg_ths.jpg) 0% 0% no-repeat;
	float:right;
	}

#shelterList {
	position:relative;
	top:28px;
	clear:both;
	width:530px;
	}
	
h2#findashelter {
	margin:0;
    padding: 32px 0 0 0;
    overflow: hidden;
    background:url(../images/shelters/find_a_shelter_h2.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:32px;
	clear:both;
	}
	
ul#provinces {
	display:block;
	margin:12px 0;
	padding-bottom:12px;
	width:542px;
	list-style-type:none;
	clear:both;
	float:left;
	border-bottom:1px dashed #7e7e7e;
	}
	
ul#provinces li {
	float:left;
	padding:0 10px;
	text-align:center;
	border-right:1px solid #ea6900;
	margin-right:-1px;
	}
	
ul#provinces li.first {
	padding:0 10px 0 0;
	}

ul#provinces li.last {
	border:none;
	}
	
ul#provinces li a:link, ul#provinces li a:visited {
	color:#ea6900;
	font-size:1.2em;
	font-weight:bold;
	}
	
.shelterItem {
	width:536px;
	height:67px;
	border:1px solid #d5d5d5;
	margin-bottom:2px;
	}

.shelterItem div {
	float:left;
	}
	
.shelterItem h6 {
	margin:0;
	padding:0;
	font-size:1em;
	color:#ea6900;
	}

.shelterThumb {
	float:left;
	border:1px solid #ea6900;
	margin:8px 0 0 6px;
	}
	
.sName {
	margin:17px 0 0 30px;
	}
	
.sCity {
	margin:17px 0 0 50px;
	}
	
.sContact {
	margin:17px 0 0 55px;
	}
	
.sButton {
	margin:21px 0 0 50px;
	}
	
#shelterDetail {
	width:377px;
	border-right:1px dashed #bebebe;
	float:left;
	}

.block {
	margin:30px 12px 0px 0;
	}

h1.shelterDetail {
	font-size:1.5em;
	margin-bottom:12px;
	color:#ea6900;
	}

	
#galleryShell {
	margin:6px 0 12px 0;
	}

#galleryShell img {
	margin-right:2px;	
	}
	
#shelterContact {
	float:right;
	width:165px;
	}
	
#footerText {
	margin:-20px 0 18px 0;
	color:#cfcc6d;
	text-align:right;
	float:right;
	width:60%;
	}

#footerText a:link, #footerText a:visited {
	color:#cfcc6d;
	}

#footerText ul {
	list-style-type:none;
	}
	
#footerText ul li {
	display:inline;
	padding-left:10px;
	}
#footerButtons {
	float:left;
	margin: 10px 230px 0 10px;
}
#footerButtons #btnEmail {
	padding-left:40px;
	}

/* COMMITMENT SECTION */
/*#splashBox*/
.commit {
	background:#000 !important;
	position:relative !important;
	width:590px !important;
	height:600px !important;
	}

.commit #intro {
	position:relative !important;
	z-index:1 !important;
	}

.commitStarter {
	background:#000 !important;
	position:relative !important;
	width:590px !important;
	height:655px !important;
	}

h1#commit {
	margin:0;
    padding: 126px 0 0 0;
    overflow: hidden;
    background:url(../images/commitment/intro.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:126px;
	}
h1#commitKurt {
	margin:0;
    padding: 128px 0 0 0;
    overflow: hidden;
    background:url(../images/commitment/introKurt.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:128px;
	}
.commitStarter #intro {
	position:relative !important;
	z-index:1 !important;
	}
	
#wheel {
	width:590px;
	height:323px;
	margin-top:40px;
	background:url(../images/commitment/wheel_intro.jpg) 0% 0% no-repeat;
	position:relative;
	}

.partners {
	background:url(../images/commitment/wheel_partners.jpg) 0 0 no-repeat !important;
	}
	
.starter {
	background:url(../images/commitment/wheel_starter.jpg) 0 0 no-repeat !important;
	}	

.spots {
	background:url(../images/commitment/wheel_spots.jpg) 0 0 no-repeat !important;
	}

.pick {
	background:url(../images/commitment/wheel_pick.jpg) 0 0 no-repeat !important;
	}

.donations {
	background:url(../images/commitment/wheel_donations.jpg) 0 0 no-repeat !important;
	}

.kurt {
	background:url(../images/commitment/wheel_kurt.jpg) 0 0 no-repeat !important;
	margin-top:-10px;
	}
	
.taf {
	background:url(../images/commitment/wheel_taf.jpg) 0 0 no-repeat !important;
	margin-bottom:-30px;
	}

.tv {
	background:url(../images/commitment/wheel_tv.jpg) 0 0 no-repeat !important;
	margin-bottom:-10px;
	}

.shelters {
	top:-20px;
	background:url(../images/commitment/wheel_shelters.jpg) 0 0 no-repeat !important;
	z-index:2;
	}

#wheel #back {
	position:absolute;
	left:10px;
	top:60px;
	}

#wheel #next {
	position:absolute;
	right:15px;
	top:60px;
	}

#detail {
	position:relative;
	left:20px;
	top:-30px;
	}
	
#taf_form {
	width:590px;
	height:290px;
	margin-top:40px;
	background:url(../images/commitment/bg_form.jpg) 0% 0% no-repeat;
	position:relative;
	}

#sName, #taf_form #Name {
	position:absolute;
	left:332px;
	top:20px;
	}

#sAddress, #taf_form #Email {
	position:absolute;
	left:332px;
	top:44px;
	}
	
#taf_form #fName1 {
	position:absolute;
	left:385px;
	top:81px;
	}

#taf_form #fAddress1 {
	position:absolute;
	left:385px;
	top:104px;
	}
	
#taf_form #fName2 {
	position:absolute;
	left:385px;
	top:144px;
	}

#taf_form #fAddress2 {
	position:absolute;
	left:385px;
	top:167px;
	}

#taf_form #bt_Clear {
	position:absolute;
	left:230px;
	top:200px;
	}

#taf_form #bt_SubmitStory {
	position:absolute;
	left:390px;
	top:200px;
	}

#tv_vids {
	width:590px;
	height:290px;
	margin-top:40px;
	background:url(../images/commitment/bg_vids.jpg) 0% 0% no-repeat;
	position:relative;
	}

#flashcontent {
	position:absolute;
	left:58px;
	top:27px;
	height:145px;
	width:262px;
	}

#archie {
	position:absolute;
	top:75px;
	left:371px;
	}

#oliver {
	position:absolute;
	top:95px;
	left:371px;
	}

.D_pick {
	top:-45px !important;
	}

.D_donations {
	top:-5px !important;
	}
	
#detail #vendors {
	text-align:left;
	}
	
#detail #vendors a img {
	margin-right:20px;
	}

.commit_box {
	width:246px;
	height:146px;
	float:left;
	padding-top:24px;
	}

.commit_box p {
	margin-top:8px;
	}
	
.commit_box img.pack {
	margin-top:8px;
	margin-left:8px;
	float:right;
	}

.commit_left {
	padding-right:15px;
	border-right:1px dashed #bebebe;
	}
	
.commit_right {
	padding-left:13px;
	}
	
.commit_top {
	border-bottom:1px dashed #bebebe;
	padding-top:0;
	margin-top:24px;
	height:179px;
	}
	
.commit_bottom {
	margin-bottom:24px;
	}
	
#adoptionPDF {
	width:536px;
	margin:24px 0;
	}
	
#adoptionPDF img {
	margin-right:12px;
	}
	
h1#tafThanks {
	margin:0;
    padding: 115px 0 0 0;
    overflow: hidden;
    background:url(../images/commitment/taf_thanks.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:189px;
	cursor:hand;
	}
	
/** HOME PAGE **/

#mainContent.home {
	}

#splashBox {
	position:relative;
	height:519px;
	width:590px;
	background:url(../images/home/main_bg.jpg) 0% 0% no-repeat;
	}

#mainContent.home a img {
	margin-top:7px;
	}
	
#splashBox #intro {
	position:absolute;
	top:20px;
	left:24px;
	}
	
#card {
	position:absolute;
	left:30px;
	bottom:0px;
	}
	
#pickme {
	position:absolute;
	left:133px;
	top:422px;
	}
	
h1#introCopy  {
	margin:0 0 0 -20px;
    padding: 107px 0 0 0;
    overflow: hidden;
    background:url(../images/home/intro.gif) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:107px;
	cursor:hand;
	}

#barkometer {
	position:
	}	

#ctaBucket {
	background:#f79d26;
	height:132px;
	width:590px;
	position:relative;
	}
	
#ctaBucket div {
	position:relative;
	top:16px;
	width:275px;
	float:left;
	}
	
#ctaBucket div#shelter {
	margin-left:40px;
	display:inline;
	width:200px;
}

#ctaBucket div#stories {
	width:300px;
}

#ctaBucket div.wide {
	width:570px;
	top:8px;
	left:16px;
	}

#ctaBucket div img {
	float:left;
	margin-right:15px;
	}
	
#ctaBucket div a img, #detail a img {
	margin-top:7px;
	}
	
	
/* STORIES SECTION */
.stories {
	background:#000 !important;
	position:relative !important;
	width:590px !important;
	height:500px !important;
	}
	
.storiesTall {
	background:#000 !important;
	position:relative !important;
	width:590px !important;
	height:640px !important;
	}

.storiesShort {
	background:#000 !important;
	position:relative !important;
	width:590px !important;
	height:490px !important;
	}

.stories #intro, .storiesTall #intro, .storiesShort #intro {
	position:relative !important;
	z-index:1 !important;
	}

h1#stories{
	margin:0;
    padding: 111px 0 0 0;
    overflow: hidden;
    background:url(../images/stories/main_text1.jpg) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:111px;
	cursor:hand;
	}
	
h1#storiesForm {
	margin:0;
    padding: 93px 0 0 0;
    overflow: hidden;
    background:url(../images/stories/main_Form_text1.jpg) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:93px;
	}

h1#storiesThanks {
	margin:0;
    padding: 130px 0 0 0;
    overflow: hidden;
    background:url(../images/stories/h1_thanks.jpg) 0% 0% no-repeat;
   	height: 0px !important;
    height /**/:130px;
	cursor:hand;
	}
	
#formBG{
	width:311px;
	height:400px;
	position:relative;
	top:5px;
	left:30px;
	background:url(../images/stories/form3.jpg) 0% 0% no-repeat;
	position:relative;
	}
	
#txtName {
	background-color:#fff;
	height:12px;
	position:absolute;
	top:1px;
	left:75px;
	width:110px;
	font-size:11px;
	border-style:none;
	}
	
#txtCity {
	background-color:#fff;
	height:12px;
	position:absolute;
	top:24px;
	left:75px;
	width:110px;
	font-size:11px;
	border-style:none;
	}

#cmbProvince, #ddlProvince {
	background-color:#fff;
	position:absolute;
	top:47px;
	left:73px;
	width:116px;
	font-size:12px;
	border:none;
    /*opacity:0;
    filter:alpha(opacity = 0);
    moz-opacity:0;*/
	}

#txtStory, #tb_Story {
	background-color:#fff;
	position:absolute;
	top:92px;
	left:5px;
	width:300px;
	height:171px;
	font-size:12px;
	border-style:none;
	}

#fileUpl, #fu_StoryImage {
	position:absolute;
	top:280px;
	left:75px;
	background:#fff;
	}
#cb_Agree {
	margin-right: 4px
}
#legal {
	position:absolute;
	top:310px;
	left:75px;
	color: #f4a817;
	}

#btnClear, #bt_Clear {
	position:absolute;
	top:465px;
	left:10px;
	}

#btnSubmit, #bt_SubmitStory {
	position:absolute;
	top:465px;
	left:170px;
	}

#btnBack {
	position:relative;
	left:20px;
	}

#storiesBG {
	width:591px;
	height:457px;
	margin-top:40px;
	background:url(../images/stories/main_bgImg.jpg) 100% 40% no-repeat;
	position:relative;
	}

#storiesBGshort {
	width:591px;
	height:357px;
	margin-top:40px;
	background:url(../images/stories/main_bgImg.jpg) 100% 100% no-repeat;
	position:relative;
	}

#adoptionStories li {
	list-style:none;
	list-style-image:url(../images/stories/main_pointer.jpg);
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	padding: 0px;
	margin-top: 0px;
	margin-left:45px;
	color: #f4a817;
	text-align: left;
	line-height:24px;
	}

#adoptionStories a {
	color: #f4a817;
	}

#adoptionStories a:hover {
	color: #f4a817;
	}

#storiesCTABucket {
	background:#f79d26;
	height:112px;
	width:590px;
	position:relative;
	}
	
#storiesCTABucket div.wide {
	width:570px;
	top:8px;
	left:16px;
	}
	
#storiesCTABucketIMG {
	margin-top:-20px;
	margin-left:220px;
	z-index:10;
	}
	
.storyRight {
	_position: absolute;
	_right: 0px;
	margin: -40px -20px 0 0;
	float: right;
	padding-left: 10px;
	width: 177px;
	_width: 202px;
	/*border-left: 1px dashed #B0B094;*/
	background-color: #000;
	z-index: 2;
}

#storyText {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
}

#storyText p {
		width: 360px;
		padding-bottom: 10px;
}

.storySub {
	font-size: 12px;
	font-weight:bold;
	color: #f4a817;
}
	
#social {
	height:149px;
	width:158px;
	background:url(../images/adopting/social.jpg) 0% 0% no-repeat;
	position:absolute;
	left:405px;
	top:7px;
	}

#facebook {
	position:absolute;
	top:101px;
	}

#flickr {
	position:absolute;
	top:101px;
	left:84px;
	}
	
	
	/* kurt's message */
	
	#kurtMsg {
		color:#000; height:800px;background:url(../images/commitment/bg_kurtMsg.gif) no-repeat; padding: 20px;
	}
	
	#kurtMsgRight {
		float:right;margin: 20px 10px 0 10px; width: 147px;
	}