/* --------------Happy N Healthy - Rounded corners------------- */
body{
	text-align: center;
	background: #F0EEE2;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/*holds the sites drop shadow*/
div#bg{
	background: #F0EEE2 url(page_bg.gif) repeat-y;
	margin: auto;
	text-align: center;
	width: 774px;
}
	
/*holds content of every page*/
div#center{
	width: 850;
	height: auto;
	clear: bottom;
	background: #dbd2c3;
	margin-left: 10px;
	margin-right: auto;
	padding: 15 0 0 0;
}

/*holds the flash page header*/
div#header{
	width: 850;
	height: 255;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}

/*main text area or right float*/
div#content{
	text-align: left;
	float: right;
	display: inline;
	height: auto;
	width: 500;
	min-width:400;
	max-width:500;
	margin: 30 33 0 0;
	padding: 80 20 15 20;
	background: #FFFFFF;
	clear: both
}
	
/*main map area on locator page*/
div#storemap{
	text-align: center;
	clear: both;
	height: auto;
	width: 680;
	min-width:645;
	max-width:645;
	margin: 20 25 0 30;
	padding: 40 20 15 20;
	background: #FFFFFF;
}
	
/*extra text area or left float*/
div#nav{
	text-align: left;
	float: left;
	display: inline;
	height: auto;
	width: 220;
	min-width: 195;
	max-width: 195;
	margin: 30 0 0 32;
	padding:15 15 15 15;
	background: #F6F6BB;
}
	
/*extra text area or left float - */
div#nav2{
	text-align: center;
	float: left;
	display: inline;
	height: auto;
	width: 220;
	min-width: 195;
	max-width: 195;
	margin: 0 0 0 32;
	padding:15 15 15 15;
	background: #dbd2c3;
}

/*left float - used to diplay vertical banners*/
div#leftwin{
	text-align: left;
	float: left;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 30 0 0 32;
	background: #dbd2c3;
	clear: left;
}

/*left float - used to diplay bones images*/
div#farlbone{
	text-align: center;
	float: left;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 15 0 63;
	padding:0 0 0 5;
	background: #dbd2c3;
}

/* display bones images at bottom of page*/
div#bonesrow{
	clear: both;
	width: 750;
	min-width: 750;
	max-width: 750;
	left-margin: auto;
	right-margin: auto;
	text-align: center;
}
	
div#leftbone{
	text-align: center;
	float: left;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 0 0 0;
	padding:0 5 0 5;
	background: #dbd2c3;
}

div#rightbone{
	text-align: center;
	float: right;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 15 0 0;
	padding:0 5 0 5;
	background: #dbd2c3;
}
	
div#farrbone{
	text-align: center;
	float: right;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 15 0 0;
	background: #dbd2c3;
}

/* holds treat feeding instuctions */
div#treatsinst{
	text-align: center;
	width: 685;
	min-width: 675;
	max-width: 675;
	margin: 0 35 0 33;
	padding: 0 5 10 5;
	background: #F6F6BB;
}
	
/*used to fix nifty corners error at bottom of treats page*/
div#move{
	min-height: 5;
	clear: both;
	text-align: center;
	background: #dbd2c3;
}

/*page footer contains links and copyright info*/
div#footer{
	width: 850;
	clear: both;
	padding: 20 0 10 0;
	text-align: center;
}

/*------------------------------Table Styles-----------------------------*/
table.sizechart { width: 180; padding: 0 0 0 15; cellpadding: 2;}
table.sizechart td.sizeicon {background-color: #dbd2c3;}
table.sizechart td.smallsize {padding: 0 0 0 10; background-color: #cfdeff; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}
table.sizechart td.medsize {padding: 0 0 0 10; background-color: #ffff99; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}
table.sizechart td.largesize {padding: 0 0 0 10; background-color: #c6f0b6; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}

table.treatchart { width: 600; padding: 0 0 0 70; cellpadding: 2;}
table.treatchart td.sizeicon {background-color: #dbd2c3; padding: 0 0 0 9;}
table.treatchart td.smallsize {padding: 0 0 0 10; background-color: #cfdeff; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}
table.treatchart td.medsize {padding: 0 0 0 10; background-color: #ffff99; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}
table.treatchart td.largesize {padding: 0 0 0 10; background-color: #c6f0b6; border-bottom: 2px solid #999999; border-top: 2px solid #ffffff; border-left: 2px solid #cccccc; border-right: 2px solid #ffffff;}


/*------------------------------Text Handling----------------------------*/
/*Content Headline*/
h1{
	font-weight: bolder;
	font-size: 17;
	font-family: helvetica, sans-serif;
	color: #D0000A;
	margin: 0;
	padding: 10px 0 0 10;
}
	
/*Content Sub-Head*/
h2{
	font-weight: bolder;
	font-size: 15;
	font-family: helvetica, sans-serif;
	color: #D0000A;
	padding: 0 0 0 15;
}
	
/*Midpage headline*/
h3{
	font-weight: bolder;
	font-size: 15;
	font-family: helvetica, sans-serif;
	color: #888888;
	padding: 0p 0 15 0;
}

/*Left nav headline*/
h4{
	align: center;
	text-align: center;
	font-weight: bolder;
	font-size: 18px;
	font-family: helvetica, sans-serif;
	color: #0C479D;
}
	
h5{
	font-weight: bolder;
	font-size: 15;
	font-family: helvetica, sans-serif;
	color: #D0000A;
}

A:link {text-decoration: none; color: #C10000;}
A:visited {text-decoration:  none; color: #7F0303;}
A:hover {text-decoration: underline;}
A:active {text-decoration: none}

p.maintext{
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
}
	
p.mission{
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	padding: 0 0 0 30;
}
	
p.sizechart{
	font-weight: normal;
	font-size: 14;
	font-family: Arial, helvetica, sans-serif;
}

p.bonesize{
	font-weight: bold;
	font-size: 14;
	font-family: Arial, helvetica, sans-serif;
}
	
p.bonename{
	font-weight: bold;
	font-size: 14;
	font-family: Arial, helvetica, sans-serif;
}

p.wfpromo{
	font-size: 15;
	font-family: helvetica, sans-serif;
	color: #333333;
}

p.dogname{
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 2 0;
}

p.dogcity{
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #666666;
	margin: 0 0 8 0;
}

p.dogcap{
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0 0 15 0;
}
	
ul#treats li{
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
}
	
/* copyright footer text */
p.copyright{
	font-weight: normal;
	font-size: 10;
	font-family: arial, helvetica, sans-serif;
}

p.footerlinks{
	font-weight: bold;
	font-size: 14px;
	font-family: helvetica, sans-serif;
	color: #C10000;
}

/*------------------------------------Image Handling -------------------------*/

/* all dog images */
img.dogpic {
	background: #ffffff;
	padding: 5;
	border: 1px outset #999999;  
	margin-bottom: 5;
	margin-left: 0;
}

img.featuredog {
	background: #ffffff;
	padding: 8;
	border: 1px outset #999999;  
	margin: 0 0 5 15;
}
	
img.photodog {
	border: 0;
	margin: 0 0 5 22;
}
	
img.bonepic {
	width: 145;
	height: 121;  
	margin: 0 3 0 3;
	border: 0;
}

img.wfpic {
	background: #ffffff;
	padding: 3;
	border: 1px outset #999999;  
	margin-bottom: 5;
}
	
img.feature {
	text-align: center;
	background: #fff;
	padding: 5px;
	border: 1px outset #999999;  
}

div#photorow{
	height: 200;
	width: 350;
	min-width: 350;
	max-width: 350;
	margin: 15 0 0 0;
	text-align: center;
}

div#photorowend{
	height: 100;
	width: 350;
	min-width: 350;
	max-width: 350;
	margin: 15 0 0 0;
	text-align: center;
}

div#treatsimgs{
	height: 100;
	width: 420;
	min-width: 420;
	max-width: 420;
	margin: 15 0 0 0;
	align: right;
}
	
div#imgleft{
	text-align: center;
	float: left;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 0 0 30;
	padding:0 0 0 0;
}
	
div#imgright{
	text-align: center;
	float: right;
	display: inline;
	height: auto;
	width: 150;
	min-width: 150;
	max-width: 150;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}
	
hr {
   border: 0;
   border-top: 1px solid #ccc;
}
   
   
/* --------------------------------FAQ page ---------------------------------------*/
ul#question li a:link {text-decoration: none; font-weight: 300; font-size: 13px; font-family: helvetica, sans-serif; color: #C10000;}
ul#question li a:visited {text-decoration: none; font-weight: 300; font-size: 13px; font-family: helvetica, sans-serif; color: #C10000;}
ul#question li a:hover {text-decoration: underline;}
ul#question li a:active {text-decoration: none}

ul#faq li {padding-right: 10px;}

ul#list_ans li{
	font-weight: 300;
	font-size: 13px;
	font-family: helvetica, sans-serif;
	color: #4d4d4d;}

p.qst{
	font-weight: 600;
	font-size: 16px;
	font-family: helvetica, sans-serif;
	color: #C10000;}

p.ans{
	font-weight: 300;
	font-size: 13px;
	font-family: helvetica, sans-serif;
	color: #4d4d4d;}
	 
	 
/* ------------------------contact form and contest entry --------------------------*/

#my_form strong {
	color: #800000;
	font-size: 14px;
	font-weight: 600;}

#my_form {
	font-family: verdana, sans-serif;
	font-size: 12px;}

p.instructions {
	font-family: verdana, sans-serif;
	font-size: 12px;}

.error {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: red;}

.footnote {
	font-size: 80%;}

.footnoteconditions {
	font-size: 80%;
	color: red;}

div.error_box {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: red;}

div.error_box h3 {
	font-family: verdana, sans-serif;
	font-size: 18px;
	color: red;}

div.success_box {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: black;}

div.success_box h3 {
	font-family: verdana, sans-serif;
	font-size: 18px;
	color: red;}

div#rules {border : solid 1px #777777;
	background : #ffffff;
	color : #000000;
	padding : 4px;
	width : 385px;
	height : 150px;
	overflow : auto;}