@charset "utf-8";
/* CSS Document */

/*
mid rust 772705
light tan ffecca
tan bb5d35
50% alpha tan ddae9a
green 6BB433
50% alpha green b5da99
blue 3773A6
50% alpha blue 9bb9d3
dark blue 031C32
mid blue 082E4D
dark rust 4D1802
*/

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background-color:#bb5d35;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
	border:0;
}

h1
{
	font-size:18px;
	font-weight:bold;
}

h2
{
	font-size:14px;
	font-weight:bold;
}

h3
{
	font-size:12px;
	font-weight:bold;
}

table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer
{
	bottom: 0px;
	color:#ddae9a;
	font-size:9px;
	height:36px;
	left: 14px;
	margin:0;
	padding:0;
	position:absolute;
	right: 14px;
	z-index:10;
}

#footer A:link {text-decoration: none; color:#ddae9a;}
#footer A:visited {text-decoration: none; color:#ddae9a;}
#footer A:active {text-decoration: none; color:#6BB433;}
#footer A:hover {text-decoration: none; color: #b5da99;}

#framecontentBottom{
	top: auto;
	bottom: 0;
	z-index: 1;
}

#framecontentLeft, #framecontentRight{
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	width: 14px; /*Width of left and right frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
}

#framecontentRight{
	left: auto;
	right: 0;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	z-index: 1;
}

#framecontentTop, #framecontentBottom{
	position: absolute;
	z-index:1;
	top: 0;
	left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 200px; /*Set right value to WidthOfRightFrameDiv*/
	width: auto;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
}

#header
{
	color:#FFFFFF;
	left: 14px;
	position:absolute;
	right:14px;
	text-align:right;
	top:18px;
}

#header A:link {text-decoration: none; color:#fff;}
#header A:visited {text-decoration: none; color:#fff;}
#header A:active {text-decoration: none; color:#6BB433;}
#header A:hover {text-decoration: none; color: #b5da99;}

#iconLegend
{
	margin-bottom:20px;
	margin-top:0;
	vertical-align:middle;
}

#iconLegend td
{
	padding-right:20px;
	vertical-align:middle;
}

#iconLegend tr
{
	vertical-align:middle;
}

#maincontent{
	z-index:4;
	border-bottom-color:#4D1802;
	border-style:solid;
	border-width:2px;
	position: absolute;
	top: 34px; /*Set top value to HeightOfTopFrameDiv*/
	bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv plus height of navigation and contact*/
	left: 14px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 14px; /*Set right value to WidthOfRightFrameDiv*/
	background-color: #ffecca;
	min-width:1050px;
}

#maincontentTop, #maincontentTopNoSides, #maincontentTopProfile, #maincontentTopRight, #maincontentTopLeft{
	z-index:7;
	position: absolute;
	top: 0px; /*Set top value to HeightOfTopFrameDiv plus height of navigation and title bar*/
	bottom: 0px; /*Set bottom value to HeightOfBottomFrameDiv*/
	right: 200px; 
	left: 200px;
	/*min-width:650px;*/
}

#maincontentTopNoSides{
	right: 14px; 
	left: 14px;
}

#maincontentTopProfile{
	right: 28px; 
	left: 400px;
}

#maincontentTopRight{
	right: 200px; 
	left: 14px;
}

#maincontentTopLeft{
	right: 14px; 
	left: 200px;
}

#meter
{
	position:relative; 
	height:70px;
	margin-top:10px;
}

#meter .zero, .goal, .progress
{
	position:absolute;
	left:0;
	top:6px;
}

#meter .progress
{
	left:40px;
	width:300px;
	text-align:center
}

#meter .goal
{
	left:350px;
}

#meter .outside
{
	position:absolute;
	left:40px;
	top:0;
	width:300px;
	border:solid;
	border-width:2px;
	height:20px;
}

#meter .inside
{
	background-color:#6BB433; 
	height:20px;
}


#navigation
{
	position: absolute;
	height: 30px;
	z-index: 5;
	top: 188px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0;
	padding-right:0;
	left: 24px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 24px; /*Set right value to WidthOfRightFrameDiv*/
	/*min-width:1002px;*/
}

#navigation img
{
	border:none;
}

#profileSide
{
	position: absolute;
	z-index:6;
	top: 14px;
	bottom: 40px; 
	left: 10px; 
	width: 380px;
	overflow: visible;
	min-width:380px;
}

#profileSide table
{
	width:362px; 
	vertical-align:top; 
	left:6px; 
	position:relative;
}

#scrollArea
{
	overflow:auto;
	position: absolute;
	top: 244px; 
	padding-top:0;
	bottom: 50px; 
	left: 16px;
	right: 24px;
	z-index:10;
}

#sideContent
{
	position: absolute;
	z-index:6;
	top: 14px;
	bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv plus height of navigation and contact*/
	right: 10px; 
	width: 190px;
	min-width:190px;
}

#title{
	position: absolute;
	top: 44px;
	left: 24px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 24px; /*Set right value to WidthOfRightFrameDiv*/
	width: auto;
	height: 100px; /*Height of top frame div*/
	z-index:6;
}

#titleDog
{
	position: absolute;
	top: 4px;
	left:232px;
	z-index:7;
}

#titleDog img
{
	height:180px;
}

#tweetBird
{	
	position:absolute;
	right:0;
	top:242px;
}
#twitter_div
{
	padding-top:30px;
	overflow:hidden;
}

#twitter_update_list 
{
	padding-top:0px;
}

#twitter_update_list li
{
	list-style-type:none;
	margin-bottom:30px;
	margin-left:-20px;
	list-style-position:outside;
}

#twitter_update_list li span
{
	font-size:12px;	
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0;
	display:list-item;
	list-style-image:url(../images/tweetIcon.png);
}


#waysToHelp
{
	position: absolute;
	z-index:6;
	top: 14px;
	bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv plus height of navigation and contact*/
	left: 10px; 
	width: 190px;
	overflow: visible;
	min-width:190px;
}


.dogListFooter, .dogListName, .dogListFooterMemory, .featuredFooter, .successFooter
{
	color:#FFFFFF;
	left:6px;
	position:relative;
}

.dogListFooter
{
	padding-right:10px; 
	height:30px;
}

.dogListFooterMemory
{
	height:10px;
}

.successFooter
{
	height:16px;
}

.dogListFooter A:link {text-decoration: none; color:#ddae9a;}
.dogListFooter A:visited {text-decoration: none; color:#ddae9a;}
.dogListFooter A:active {text-decoration: none; color:#b5da99;}
.dogListFooter A:hover {text-decoration: none; color: #b5da99;}

.featuredFooter
{
	left:10px;
	height:20px;
}

.dogListImg
{
	display:block;
	/*height:200px;*/
	height:150px;
	margin:auto;
}

.dogListImgBox
{
	background-color:#ddae9a;
	border-color: #ddae9a;
	border-style:solid;
	border-width:3px;
	position:relative;
	overflow:hidden;
	text-align:center;
	/*width:200px;
	height:200px;*/
	height:150px;
	width:156px;
	left:6px;
}

.dogListName
{
	font-size:18px;
}

.dogListRound, .featuredRound
{
	float:left;
	padding-right:10px;
	margin-bottom:10px;
	/*width:218px;*/
	width:174px;
}

.featuredImg
{
	cursor:pointer;
	display:block;
	height:110px;
	margin:auto;
}

.featuredImgBox
{
	background-color:#9bb9d3;
	border-color: #9bb9d3;
	border-style:solid;
	border-width:3px;
	position:relative;
	overflow:hidden;
	text-align:center;
	width:164px;
	height:110px;
	left:10px;
}

.featuredRound
{
	width:190px;
}

.featuredOverlay
{
	bottom:34px;
	color:#fff;
	font-size:14px;
	position:relative;
	right:20px;
	text-align:right;
}

.donateButton
{
	height:32px;
	position: absolute;
	right:6px;
	top: 6px;
	width:214px;
	z-index:7;
}

.helpButton
{
	height:16px;
	position: absolute;
	right:0px;
	top: 118px;
	width:250px;
	z-index:7;
}

.helpMe
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.icons
{
	float:right;
	padding-right:6px;
}

.innerDonate
{
	background-color: #6BB433;
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
}

.innerDonate A:link {text-decoration: none; color:#fff;}
.innerDonate A:visited {text-decoration: none; color:#fff;}
.innerDonate A:active {text-decoration: none; color:#b5da99;}
.innerDonate A:hover {text-decoration: none; color: #b5da99;}

.innerHelp
{
	background-color: #4D1802;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
}

.innerHelp A:link {text-decoration: none; color:#fff;}
.innerHelp A:visited {text-decoration: none; color:#fff;}
.innerHelp A:active {text-decoration: none; color:#ddae9a;}
.innerHelp A:hover {text-decoration: none; color: #ddae9a;}

.innerNav
{
	color:#FFFFFF;
	height:100%;
	width:100%;
	
	background-color: #4D1802; /* fallback color */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb5d35', endColorstr='#4D1802'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bb5d35), to(#4D1802)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bb5d35,  #4D1802); /* for firefox 3.6+ */
}

.innerTitle
{
	position:absolute;
	color:#000000;
	font-size:28px;
	left:310px;
	top:50px;
	z-index:7;
}

.innertube{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0;
}

.intro
{
	color:#000000;
	font-size:20px;
	margin-top:14px;
	margin-bottom:30px;
	/*padding:40px;
	border-color:#4D1802;
	border-style:solid;
	border-width:6px;*/
}

.introBold
{
	color:#4D1802;
	font-size:26px;
}

.logo
{
	position:absolute;
	top:8px;
	left:6px;
}

.navImg
{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:15px;
}

.navTable
{
	position:absolute;
	bottom:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:4px;
	padding-right:4px;
	text-align:center;
	width:100%;
}

.navTable A:link {text-decoration: none; color:#fff;}
.navTable A:visited {text-decoration: none; color:#fff;}
.navTable A:active {text-decoration: none; color:#ddae9a;}
.navTable A:hover {text-decoration: none; color: #ddae9a;}

.oceanBack
{
	position: absolute;
	z-index:5;
	top: 0;
	height:134px;
	right:0px;
	left:202px;
}

.oceanBack .rustRoundfg
{
	height:138px;
}

.oceanImg
{
	position: absolute;
	top: 6px;
	height:134px;
	right:6px;
	left:208px;
	z-index:6;
}

.oceanImg img
{
	width:100%;
	height:134px;
}

.profileImg
{
	width:362px;
}

.profileName
{
	font-size:24px;
}

.profileTumbImg
{
	width:118px;
	cursor:crosshair;
}

.profileTitle
{
	font-size:18px;
}

.sidebarImg
{
	border-color: #ddae9a;
	border-style: solid;
	border-width: 3px;
	left:10px;
	margin-bottom:6px;
	position:relative;
	width:164px;
}

.sidebarTitle
{
	color:#FFFFFF;
	font-size:18px;
	left:10px;
	position:relative;
}

.slogan
{
	font-size:18px;
}

.stamp
{
	position:absolute;
	padding:30px;
}


.blueRound{display:block}
.blueRound *{
	display:block;
	height:1px;
	font-size:.01em;
	overflow:hidden;
	background:#3773A6}
.blueRound1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #3773A6;
	border-right:1px solid #3773A6;
	background:#3773A6}
.blueRound2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #3773A6;
	border-right:1px solid #3773A6;
	background:#3773A6}
.blueRound3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #3773A6;
	border-right:1px solid #3773A6;}
.blueRound4{
	border-left:1px solid #3773A6;
	border-right:1px solid #3773A6}
.blueRound5{
	border-left:1px solid #3773A6;
	border-right:1px solid #3773A6}
.blueRoundfg{
	background:#3773A6
}

.greenRound{display:block}
.greenRound *{
	display:block;
	height:1px;
	font-size:.01em;
	overflow:hidden;
	background:#6BB433}
.greenRound1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #6BB433;
	border-right:1px solid #6BB433;
	background:#6BB433}
.greenRound2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #6BB433;
	border-right:1px solid #6BB433;
	background:#6BB433}
.greenRound3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #6BB433;
	border-right:1px solid #6BB433;}
.greenRound4{
	border-left:1px solid #6BB433;
	border-right:1px solid #6BB433}
.greenRound5{
	border-left:1px solid #6BB433;
	border-right:1px solid #6BB433}
.greenRoundfg{
	background:#6BB433
}

.tanRound{display:block}
.tanRound *{
	display:block;
	height:1px;
	font-size:.01em;
	overflow:hidden;
	background:#bb5d35}
.tanRound1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #bb5d35;
	border-right:1px solid #bb5d35;
	background:#bb5d35}
.tanRound2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #bb5d35;
	border-right:1px solid #bb5d35;
	background:#bb5d35}
.tanRound3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #bb5d35;
	border-right:1px solid #bb5d35;}
.tanRound4{
	border-left:1px solid #bb5d35;
	border-right:1px solid #bb5d35}
.tanRound5{
	border-left:1px solid #bb5d35;
	border-right:1px solid #bb5d35}
.tanRoundfg{
	background:#bb5d35
}

.rustRound{display:block}
.rustRound *{
	display:block;
	height:1px;
	font-size:.01em;
	overflow:hidden;
	background:#4D1802}
.rustRound1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #4D1802;
	border-right:1px solid #4D1802;
	background:#4D1802}
.rustRound2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #4D1802;
	border-right:1px solid #4D1802;
	background:#4D1802}
.rustRound3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #4D1802;
	border-right:1px solid #4D1802;}
.rustRound4{
	border-left:1px solid #4D1802;
	border-right:1px solid #4D1802}
.rustRound5{
	border-left:1px solid #4D1802;
	border-right:1px solid #4D1802}
.rustRoundfg{
	background:#4D1802
}



.feedBurnerFeedBlock
{
}

.feedTitle
{
	color:#000000;
	font-size:14px;
	font-weight:normal;
}

.headline
{
	font-weight:bold;
	font-size:14px;
}

.headline A:link {text-decoration: none; color:#4D1802; }
.headline A:visited {text-decoration: none; color:#4D1802; }
.headline A:active {text-decoration: none; color:#4D1802; }
.headline A:hover {text-decoration: none; color: #6BB433; }

.feedburnerFeedBlock ul li
{
	margin-left:0px;
	list-style-type:none;
	display:list-item;
	margin-left:-40px;
	margin-bottom:30px;
}

.feedburnerFeedBlock p.date
{
	color:#bb5d35;
	font-size:10px;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:0px;
}

div.feedburnerFeedBlock div
{
	color:#000000;
	font-size:12px;
}



/** IE hacks **/

/** html body{ 
	padding: 150px 200px 28px 200px; Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)
}*/

* html #scrollArea{
	width: expression(this.offsetParent.offsetWidth-40);
	height: expression(this.offsetParent.offsetHeight-284);
	top: 234px;
}

* html #maincontent{ 
	width: expression(this.offsetParent.offsetWidth-28);
	height: expression(this.offsetParent.offsetHeight-72);
}

* html #maincontentTop{ 
	height: expression(this.offsetParent.offsetHeight-340);
	width: expression(this.offsetParent.offsetWidth-440);
	padding-top:12px;
}

* html #maincontentTopNoSides{
	height: expression(this.offsetParent.offsetHeight-340);
	width: expression(this.offsetParent.offsetWidth-40);
}

* html #maincontentTopProfile{
	height: expression(this.offsetParent.offsetHeight-340);
	width: expression(this.offsetParent.offsetWidth-440);
}

* html #maincontentTopRight{
	height: expression(this.offsetParent.offsetHeight-340);
	width: expression(this.offsetParent.offsetWidth-240);
	padding-top:12px;
}

* html #maincontentTopLeft{
	height: expression(this.offsetParent.offsetHeight-340);
	width: expression(this.offsetParent.offsetWidth-240);
	padding-top:12px;
}

/** html #waysToHelp{
	height: expression(this.offsetParent.offsetHeight-340);
}*/

* html #sideContent{
	height: expression(this.offsetParent.offsetHeight-340);
}

* html #profileSide{
	height: expression(this.offsetParent.offsetHeight-340);
}

* html .oceanImg{
	width: expression(this.offsetParent.offsetWidth-214);
}

* html .oceanBack{
	width: expression(this.offsetParent.offsetWidth-202);
}

* html #title{
	width: expression(this.offsetParent.offsetWidth-48);
}

* html #footer{ 
	width: expression(this.offsetParent.offsetWidth-28);
}

* html #header{ 
	width: expression(this.offsetParent.offsetWidth-28);
}

* html .navTable{
	margin-bottom:4px;
}

* html #framecontentTop, * html #framecontentBottom{ 
	width: 100%;
}