

/* ======= SITE STRUCTURE ========================================================== */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #7c1301;
}
body {
	margin: 0px;
	background-color: #fce4cf;
}
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
}
a:active {
	color: #330000;
	text-decoration: none;
}



/* Creates a page container for all content and fixes center alignment for IE */
#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 800px;
	margin: 0;
	padding: 0;
}

#subheader {
	position: relative;
	width: 800px;
	height: 90px;
	margin: 0 auto;
	text-align: right;
	background: url(images/site_templates/hd_block.jpg) no-repeat;
}

#subheader_menu_hero {
	position: relative;
	width: 350px;
	height: 90px;
	margin: 0 auto;
	text-align: right;
	background: url(images/site_templates/hd_block.jpg) no-repeat;
}

#subheader_heade_heror {
	position: relative;
	width: 450px;
	height: 90px;
	margin: 0 auto;
	text-align: right;
	background: url(images/site_templates/hd_block.jpg) no-repeat;
}

#homePage {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: #fbefdd;
}

#content {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0 20px;
	clear: both;
	background: url(images/site_templates/pg_blank.gif);
}


.clear { 
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.content-right, .ig_right img{
  width:250px;
  border:1px;
  border-style:solid;
  border-color:#C0C0C0;
  padding:5px;
  float:right;
  margin-left:4px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
}

.content-right-150-noborder, .ig_right img{
  width:150px;
  border:0px;
  border-style:solid;
  border-color:#C0C0C0;
  padding:5px;
  float:right;
  margin-left:4px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:9px;
}
.content-left, .ig_left img{
  width:250px;
  border:1px;
  border-style:solid;
  border-color:#C0C0C0;
  padding:5px;
  float:left;
  margin-right:4px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
}

.content-center, .ig_center img{
  width:250px;
  border:1px;
  border-style:solid;
  border-color:#C0C0C0;
  padding:5px;
  float:left;
  text-align:center;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
}

.content-right-noborder{
  padding:5px;
  float:right;
  margin-left:4px;
}
.content-left-noborder {
  padding:5px;
  float:left;
  margin-right:4px;
}

.content-center-noborder img{
  padding:5px;
  text-align:center;
}
	
.img_border { border:2px solid; border-color:#E86C1F; margin-left:8px; }

/* ======= SITE FONTS ========================================================== */

.style1 { font-size: 12px; }
.style1bold { font-size: 12px; font-weight: bold;}
.style2 { font-size: 14px; }
.style3 { font-size: 12px; color:#FFFFFF } 
.style4 { font-size: 18px; font-weight: bold; color:#FFFFFF }
.style5 { color:#FFFFFF } 
.style6 { font-size: 18px; font-weight: bold; }
.style7 { font-size: 22px; font-weight: bold; }
.style8 { font-size: 24px; font-weight: bold; }
.style9 { color: #FF6600; font-size: 16px; font-weight: bold; }
.style10 { color: #FF6600; font-size: 14px; font-weight: bold; }
.style11 { color: #FF6600; font-size: 18px; font-weight: bold; }
.style12 { color: #FF6600; font-size: 22px; font-weight: bold; }
.style13 { color: #FF6600; font-weight: bold; }
.style14 { color: #ab001d; font-weight: bold; }
.style15 { color: #ab001d; font-size: 18px; font-weight: bold; }
.style16 { font-size: 16px; font-weight: bold; }
.style17 { font-size: 10px; font-weight: bold;}
.style18 { font-size: 13px; font-weight: bold;}
.style19 { color:#FFFFFF; font-size: 22px; font-weight: bold;}
.style20 { color:#FFFFFF; font-size: 18px; font-weight: bold;}
.style21 { color:#000000; font-size: 22px; font-weight: bold;}
.style22 { color:#000000; font-size: 18px; font-weight: bold;}
.style23 { color:#FFFFFF; font-size: 12px;}
.style24 { color:#FFFFFF; font-size: 13px; font-weight: bold;}
.style25 { font-size: 11px; font-weight: bold;}
.style26 { color:#000000; font-size: 12px;}

/* ======= DONATIONS CHANNEL ========================================================== */

#usr-opt {position: absolute; left: 50%; top: 0; width: 400px; }

#usr-opt ul { margin: 0; padding: 0; display:block; list-style: none; float:right; }

#usr-opt li { margin: 0; padding: 0 4px 0 0; display:inline; float:right; font-size: 12px; color:#FFFFFF; list-style-type: none; }

#usr-opt li a { color:#FFFFFF }

.donateRing { font-size: 12px; font-weight: bold; }
.webring { width:100px; text-align:center; background-image:url(images/site_templates/tbl_menu_bk.gif); padding:8px; }
.fnd_addcart { background-color:#F7B068; line-height:30px; vertical-align:top; }
.pg_cart { background-color:#FEDFAB; background-image:url(images/site_template/tbl-pg-bk.gif); }


#product { float: right; margin: 10px 0 10px 10px; }

#cart { width: 758px; border: 1px #D74F25 solid; padding: 0; margin: 0 0 10px 0; background: #f89c5e; }

#emptycart { width: 100%; padding: 8px; }

#subtotal { width: 754px; background: #F89C5E; padding: 4px 2px; font-size: 16px; font-weight: bold; text-align:right; }

#coupons { width: 738px; background: #FECC72; padding: 10px; text-align: left; font-size: 12px; }

#cartPolicies { width: 738px; background: #F89C5E; padding: 10px; text-align: left; font-size: 12px; }

#toCheckout { width: 738px; background: #fedfab; padding: 10px; text-align: left; font-size: 12px; }

.checkout_tables { width:550px; margin: 0 0 8px 0; border:solid 1px; border-color:#E86C1F; background-color:#FEDFAB; background-image:url(images/site_template/tbl-pg-bk.gif); padding:10px; vertical-align:top; text-align: left; }

.formselect, .formtext, .state_none, .state_inline { font-size:12px; line-height: 10px; width:99%; vertical-align:middle; }

.receipt_table { background-color: #F89C5E; font-size: 14px; font-weight: bold; }

.pagetd { width:600px; border:solid 1px; border-color:#E86C1F; background-color:#fdf0d9; background-image:url(images/template/tbl-pg-bk.gif); padding:8px; padding-top:12px; vertical-align:top; }

.state_none { width:120px; display: none; }

/* ======= SHELTER STARS FORM ========================================================== */

#shelter_form {
	width: 500px;
	background: #F6CCAB;
	padding: 15px 25px;
	border: 2px solid #600;
	margin: 0 auto;

}

#shelter_form ul {
	float: left;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

#shelter_form ul li {
	margin: 0;
	padding: 0;
	line-height: 28px;
	font-weight:bold;
}

#shelter_form ul li .textarea-wide {
	width: 300px;
}

#shelter_form ul li .textarea-med {
	width: 200px;
}

#shelter_form ul li .textarea-short {
	width: 100px;
}

#shelter_form ul li .short {
	width: 50px;
}

.form-headers {
	text-align: right;
}

#shelter_form img {
	float:right;
	margin-top: 250px;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #fdd08f;
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:#6f1200
}

.anylinkmenu a:hover{ /*hover background color*/
background: #0081c6;
color: white;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

.spaylist{ 
margin-bottom:10px;
}

.spaylist a{
	text-decoration:underline !important;}
