@import url("lightbox.css");

/***********************************************/
/* HELPINGANIMALS.com                          */
/***********************************************/ 

body {
	font: 11px arial;
	color: #666;
	padding: 0 15px;
	text-align: center;
	margin: 0;
	background: url(../images/bg.gif) repeat-y center;
}
html>body {
	margin: 0 auto;
}
td, form, input {
	font: 11px arial;
	color: #666;
}
h1 {
	color: #035097;
	padding-bottom: 10px;
	border-bottom: 2px solid #AFD6FF;
	font: normal 24px arial;
}
h2 {
	color: #035097;
	margin-bottom: 5px;
	font: bold 16px arial;
}
ul {
	font: 11px arial;
}
li {
	font: 11px arial;
	margin-bottom: 5px;
	list-style-position: outside;
}
hr.d {
	border: none 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 100%;
	height: 1px;
	margin: 10px auto 10px 0;
	text-align: left;
}
/***********************************************/
/* Layout Divs                                                   */
/***********************************************/

#container {
	width: 761px;
	margin: auto;
	text-align: left;
}
#banner {
	padding: 0;
	width: 760px;
	height: 105px;
	margin: 0 auto;
}
#leftNav {
	float: left;
	width: 130px;
	margin: 0 auto;
	padding: 0;
}
#rightNav {
	float: right;
	width: 190px;
	margin-top: 3px;
	border: 1px solid #D9E4E7;
}
#content {
	float: left;
	width: 408px;
	border: 1px solid #A65E15;
	text-align: left;
	margin-left: 4px;
	margin-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
#content-res {
	float: right;
	width: 600px;
	border: 1px solid #A65E15;
	text-align: left;
	margin-left: 4px;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#content-home {
	float: right;
	width: 420px;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 10px;
}

#petatv {width: 203px; height: 280px; float: right; padding-right: 1px; }
.petatv-box {width: 204px; height: 60px; background-color: #D7EC46; padding-top: 5px; margin: 0px; border-bottom: 1px solid white}
.petatv-button {width: 95px; text-align: left; vertical-align: middle; float: left; left: 0px}
.petatv-button img {border: 0px; text-align: left; float: left;}
#petatv  a {color: #326602; text-decoration: none; text-align: left; }
#petatv  a:hover {color: #326602; text-decoration: none; text-align: left; text-decoration:underline}
#petatv  a:visited {color: #326602; text-decoration: none; text-align: left}

#mainfeature {
width: 420px;
float: left;
background-color:#D07633;
}
.mainFeatureTeaser {
width:400px;
height:76px;
background-color:#D07633;
padding: 8px 8px 8px 12px;
line-height: 13px;
margin-top:5px;
}

/***********************************************/
/* RESOURCES                                                    */
/***********************************************/
#resources {
float: right; 
width: 628px; 
height: 130px; 
margin-top:2px;
}

#popular {float:left; width: 205px; height: 130px; border: 1px solid #CAD6E0; background-color: #A7D61A; margin-right: 3px;}
.popular-link {margin:0 auto;text-align: left; padding: 3px}
#popular a:link {color: #336633; text-decoration: none}
#popular a:visited {color: #336633; text-decoration: none}
#popular a:hover {color: #336633; text-decoration: underline}

#activism {float:left; width: 205px; height: 130px; border: 1px solid #CAD6E0; margin-right: 3px}
.activism-link {margin:0 auto; text-align: left; padding: 5px}
.activism-link img {width: 75px; height: 75px; border: 0px; text-align: left; float: left; margin-right: 5px}
.activism-link a:link {color: #666; text-decoration: none}
.activism-link a:visited {color: #666; text-decoration: none}
.activism-link a:hover {color: #666; text-decoration: underline}

#shopping {
float:left;
width: 204px; 
height: 130px; 
border: 1px solid #CAD6E0;
display:block;
}

/***********************************************/
/* FEATURES                                                     */
/***********************************************/
#features {width: 627px; height:288px; float: right; margin-top:3px}
.features-box {width:155px; height: 135px; text-align: center; background-color: #BBDCFF; border-right:1px solid #FFFFFF}
.features-boxEnd {width:155px; height: 135px; text-align: center; background-color: #BBDCFF}
.features-box img {width: 155px; height: 80px; border: 0px}
.features-boxEnd img {width: 156px; height: 80px; border: 0px}
.features-link {padding: 5px 5px 5px 5px; height: 55px; color: #0E6DC6}
.features-link a:link {color: #0E6DC6; text-decoration: none}
.features-link a:visited {color: #0E6DC6; text-decoration: none}
.features-link a:hover {color: #0E6DC6; text-decoration: underline}

#features1 {
	width:627px;
	height:272px;
	float:right;
}

#features1 .box {width:156px; height: 135px; text-align: center; background-color: #BBDCFF; border-right:1px solid #FFFFFF; float:left; border-bottom:solid 1px #FFFFFF}
#features1 .boxEnd {width:156px; height: 135px; text-align: center; background-color: #BBDCFF;float:left; border-bottom:solid 1px #FFFFFF}

#features1 img {
	border: 0px;
	width:156px;
	height:80px;
	margin-bottom:5px;
	}

#features1 .caption {
	display: inline;
	width: 145px;
	height: 55px;
	text-align: center;
	color: #0E6DC6;
	padding-left:5px;
	padding-right:5px;
} 

#features1 a:link {color: #0E6DC6; text-decoration: none;}
#features1 a:visited {color: #0E6DC6; text-decoration: none;}
#features1 a:hover {color: #0E6DC6; text-decoration: underline;}

/***********************************************/
/* LINKS                                                           */
/***********************************************/
A:Link {
	color: #06F;
	font: normal 11px arial;
}
A:Active {
	color: #06F;
	font: normal 11px arial;
}
A:Visited {
	color: #06F;
	font: normal 11px arial;
}
A:Hover {
	color: #f60;
	font: normal 11px arial;
}

/***********************************************/
/* TOP NAV LINKS                                              */
/***********************************************/
A.topnav:Link {
	color: #BED8F6;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 10px;
	font: bold 11px arial;
}
A.topnav:Active {
	color: #BED8F6;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 11px arial;
}
A.topnav:Visited {
	color: #BED8F6;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 11px arial;
}
A.topnav:Hover {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 11px arial;
}

/***********************************************/
/* WHITE LINK                                                   */
/***********************************************/
A.white:Link {
	color: #fff;
	text-decoration: none;
	font: bold 11px arial;
}
A.white:Active {
	color: #fff;
	text-decoration: none;
	font: bold 11px arial;
}
A.white:Visited {
	color: #fff;
	text-decoration: none;
	font: bold 11px arial;
}
A.white:Hover {
	color: #fff;
	text-decoration: underline;
	font: bold 11px arial;
}

/***********************************************/
/* LEFT NAV AREA                                              */
/***********************************************/
#leftnav {
	width: 130px;
	padding: 0;
	margin: 0;
	background: #fff;
}
#search {
	width: 130px;
	padding: 0;
	height: 60px;
	background: #E7F1FD;
}
#leftlink {
	text-align: left;
}
.leftlink-category {
	padding: 5px;
	border-bottom: 1px solid #E6EBEE;
}
.leftlink-category a {
	color: #5493E3;
	font-weight: bold;
	text-decoration: none;
}

.leftlink-category a:hover {
	color: #f60;
	font-weight: bold;
	text-decoration: none;
}

.leftlink-category a:visited {
	color: #5493E3;
	font-weight: bold;
	text-decoration: none;
}

.leftlink-category2 {
	padding: 5px;
	border-bottom: 1px solid #7ebdff;
}
.leftlink-category2 a {
	color: #003fb3;
	font-weight: bold;
	text-decoration: none;
}
.leftlink-link {
	padding: 5px 7px;
	border-bottom: 1px solid #E6EBEE;
}
.leftlink-link a {
	color: #804000;
	text-decoration: none;
}
.leftlink-link a:hover {
font-family: arial; 
font-size: 11px; 
color: #f60; 
font-weight: normal
}
.button {
	width: 130px;
	margin-top: 3px;
}
.button img {
	border: 0;
}

/***********************************************/
/* RIGHT NAV AREA                                            */
/***********************************************/
#right {
	width: 190px;
	margin-left: 3px;
	border: 1px solid #D9E4E7;
	text-align: center;
}

.right-link {
	text-align: left;
	width: 180px;
	border-bottom: 1px solid white;
	padding-right:5px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #FFE568;
}
.right-sublink {
	text-align: left;
	width: 180px;
	padding-right:5px;
	padding-left: 8px;
	padding-top: 3px;
	background: #FFE568;
}

.right-link img {
	float: left;
	margin-right: 3px;
	border: 1px solid #C00;
}
.right-link div {
	padding: 7px;
}
.right-link a {
	color: #360;
	text-decoration: none;
}
.right-link a:visited {
	color: #360;
	text-decoration: none;
}

.right-link a:hover {
	color: #360;
	text-decoration: none;
}

.right-sublink a {
	color: #360;
	text-decoration: none;
}
.right-sublink a:visited {
	color: #360;
	text-decoration: none;
}
a.green:link {
	color: #360;
	text-decoration: none;
}
a.green:hover {
	color: #690;
	text-decoration: underline;
}
.noborder img {
	margin-top: 3px;
	margin-right: 3px;
	float: left;
}

/***********************************************/
/* ORANGE RIGHT NAV                                        */
/***********************************************/

#rightHead-orange {
	border-bottom: 1px solid white;
	background-color: #FFB400;
	color: #FFFFFF;
	width:190px;
	height: 20px;
	text-transform: uppercase;
	text-align:center;
}

.rightMore-orange {
	border-bottom: 1px solid white;
	background-color: #FFB400;
	color: #FFFFFF;
	width:190px;
	height: 20px;
	text-transform: uppercase;
	text-align:center;
}

#right-linkOrange {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #FFE568;
}

.right-linkOrange {
	border-bottom: 1px solid white;
	padding-right:5px;
	padding-left: 3px;
	padding-top:8px;
	padding-bottom:8px;
	width:182px;
	background: #FFE568;
}

.right-linkOrange a {
	color: #CC0000;
	text-decoration: none;
}

.right-linkOrange a:visited {
	color: #CC0000;
	text-decoration: none;
}

/***********************************************/
/* GREEN   RIGHT NAV                                        */
/***********************************************/
#rightHead-green {
	border-bottom: 1px solid white;
	background-color: #C2E066;
	color: #87A600;
	height: 20px;
	text-transform: uppercase;
	text-align:center;
}

#rightHead-greenBTM {
	border-bottom: 1px solid white;
	background-color: #C2E066;
	color: #87A600;
	height: 20px;
	text-transform: uppercase;
	text-align:center;
}

.right-linkGreen a {
	color: #360;
	text-decoration: none;
}

.right-linkGreen a:visited {
	color: #360;
	text-decoration: none;
}

#right-linkGreen {
	margin-left: 0;
	padding-left: 8px;
	list-style: none;
	background: #E7F491;
}

/***********************************************/
/* SNiP Sponsors                               */
/***********************************************/
.right-linkGreenSNIP a {
	color: #85A600;
	text-decoration: underline;
}

.right-linkGreenSNIP a:visited {
	color: #85A600;
	text-decoration: underline;
}

.right-linkGreenSNIP {
	text-align: left;
	width: 180px;
	border-bottom: 1px solid white;
	background: #E7F491;
/*
	padding-right:5px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
*/
}

.right-linkGreenSNIPHeading {
	text-align: center;
	width: 180px;
	border-bottom: 1px solid white;
	vertical-align: middle;
	background-color: #C2E066; 
	color: #85A600; 
	height: 20px; 
	text-transform: uppercase;
}

.right-linkGreenSNIPItem {
	text-align: left;
	width: 180px;
	padding-right:5px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #E7F491;
}

/***********************************************/
/* ALERTS                                                         */
/***********************************************/
#alerts {width: 625px; height: 158px;border: 1px solid #CAD6E0; float:right; margin-top:2px; margin-right:1px}
#alerts img {border: 0px}
.alerts-link {padding: 5px; border-bottom: 1px solid #E6EBEE; text-align: left}
.alerts-link a {color: #2988E6; text-decoration: none}
.alerts-link a:hover {color: #0169E0; text-decoration: underline}
.alerts-more {float: right; text-align: right; padding: 5px}
.alerts-more a {color: #4091ED; text-decoration: none}

/***********************************************/
/* ACTION ALERT AREA                           */
/***********************************************/
#actionalert {
	width: 400px;
}
#actionalert a {
	font-weight: bold;
}
#actionalert a:hover {
	text-decoration: underline;
}
#actionalert li {
	list-style-image: url('http://www.peta.org/actioncenter/images/icon-alertG.gif');
	padding-bottom: 10px;
	border-bottom: 1px dotted #CAD2D3;
}

/***********************************************/
/* ACTION ALERT WITH ICON                      */
/***********************************************/
#actionalerti {
	width: 385px;
	padding: 3px;
}
#actionalerti a:hover {
	text-decoration: underline;
	padding: 0;
}
#actionalerti ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#actionalerti li {
	background: url(../images/icon-alertG.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #CAD2D3;
	padding: 10px 0 10px 20px;
	margin: 0;
}

/***********************************************/
/* FOOTER                                      */
/***********************************************/
#footer {
	height: 90px;
	width: 760px;
	border-top: 1px solid #DDE2E8;
	/* float: left; */
	margin-top: 8px;
	/* position: relative; */
	clear: both;
	padding: 4px 0;
}
#footer ul {
	list-style: none;
	padding: 3px 15px;
	margin: 0;
	display: inline;
}

#footer-res {
	height: 80px;
	width: 760px;
	border-top: 1px solid #DDE2E8;
	margin-top: 8px;
	position: relative;
	clear: both;
	padding: 4px 0;
}
#footer-res ul {
	list-style: none;
	padding: 3px 15px;
	margin: 0;
	display: inline;
}
.footer-div {
	padding: 4px;
	width: 752px;
	height: 20px;
}
.footer-div1 {
	padding: 4px;
	border-bottom: 2px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	height: 20px;
	width: 752px;
	background: #EFEFEF;
}
.footer-links {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding: 4px 0;
}
.footer-links a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
.footer-links a:visited {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

.footer-links a:hover {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

.footer-links li {
	display: inline;
}

/***********************************************/
/* IMAGE DROP SHADOW                           */
/***********************************************/
.img-feat img {
	float: left;
	position: relative;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin-right: 6px;
	background: #fff;
}
.shopping-link {
	color: #F63;
	text-decoration: none;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
}


/***********************************************/
/* IMAGE STYLING                               */
/***********************************************/
.img-feat1 {
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin-right: 6px;
	background: #fff;
}
.img-feat2 {
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin-left: 6px;
	background: #fff;
}
.img-feat3 {
	border: 1px solid #a9a9a9;
	padding: 4px;
	background: #fff;
}

/***********************************************/
/* GALLERY IMAGES                                            */
/***********************************************/

.gallery {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.gallery img {
	margin:5px;
	padding:5px;
	border: 1px solid #a9a9a9;
	padding: 4px;
  }

/***********************************************/
/* GALLERY IMAGES WITH CAPTIONS NO RIGHT NAV */
/***********************************************/

#gallery {
	width:480px;
}

#gallery img {
	border: 1px solid #a9a9a9;
	padding: 4px;
	background: #fff;
	margin-bottom:5px;
	}

#gallery .caption {
	display: inline;
	width: 120px;
	height: 130px;
	padding-bottom:10px;
	margin-bottom:10px;
	float: left;
	text-align: center;
} 

/***********************************************/
/* GALLERY IMAGES WITH CAPTIONS RIGHT NAV      */
/***********************************************/

#gallery2 {
	width:375px;
}

#gallery2 img {
	border: 1px solid #a9a9a9;
	padding: 4px;
	background: #fff;
	margin-bottom:5px;
	clear:right;
	}

#gallery2 .caption {
	display: inline;
	width: 120px;
	height: 110px;
	padding-bottom:10px;
	margin-bottom:10px;
	float: left;
	text-align: center;
	clear:right;
} 

/***********************************************/
/* FORM BUILDER                                */
/***********************************************/

form.HelpingAnimalsSubscribe
{
   padding-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}

.formbuilder td, form {
font: 11px arial; 
color:#666
}
.formbuilder input {
font: 11px arial; 
color:#666666; 
border:1px solid #666666;
}
.formbuilder select {
font: 11px arial; 
color:#666666; 
border:1px solid #666666;
}


/***********************************************/
/* TEXT AREA WEB BANNERS                                */
/***********************************************/
.webBanners {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #666666;
	width:468px;
	padding:8px;
}
/***********************************************/
/* PAST FEATURES TABLE ROWS                            */
/***********************************************/
.pastFeat {
	width:575px;
	height:110px;
	padding:10px;
	border-bottom:solid 1px #CCCCCC;
}
.pastFeat img {
	border: 1px solid #a9a9a9;
	padding: 4px;
	background: #fff;
	float:left;
	margin-right:4px;
}

p.withunquote {
background: url(../images/unquote.gif) no-repeat;
background-position:bottom right;
padding-right:5px;
}

div.withquote {
background:url(../images/quote.gif) no-repeat;
background-position:top left;
padding-left:20px;
text-align:justify;
}

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3399FF;
	width: 200px;
	float: right;
	margin: 5px;
	padding:5px;
}