/* INTERNATIONAL ANIMAL RESCUE ---------------------------*/
@import url("donate.css");

/* so browszer doesnt jiggle around in firefox */	
html{
	overflow:-moz-scrollbars-vertical;
}

BODY {
	font-family: Arial, Sans-Serif;		
	font-size:80%;
	margin:0px 0 30px 0;
	padding:0px 0 0.2em 0;
	background-color: white;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: 15px top;
	}

#content{
	float: left;	
	margin: 0px 0px 10px 0px;	
	padding: 0 20px 0 30px;
	width: 650px;
	background: #FFF;
	color: #333;
}
	
#content1{
	color:#333333;
}

/* TEXT SETTINGS ---------------------------*/	
	
p, li  {
	color: #333; 
	line-height:1.2em;
	padding:0 0 .6em 0;
	margin:0 0 .3em 0;
	}

	
a {
	color:#1a6dca; 
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

	
img { 
	border: none;
	padding: 0px;
	margin: 0px;
	display: block;
	}

img.left { 
	float:left; 
	margin:7px .7em 0 0;
	padding:0 
}	

.left_img{
	float:left;
	margin:3px 15px 8px 0px;
}

.right_img{
	float:right;
	margin:3px 0px 8px 15px;
}

.arc90_imgcaptionALT{
	margin:5px 0 2px 0;
	font-weight: normal;
	text-align: left;
	font-size: 92%;
	color: #666;
}

h1 {
	font-size:150%;
	color:#fff;	
	padding:0 0 0em 0;
	margin:0 0 0em 0;
}
	
h2 {
	font-size:120%;
	color:#fff;
	padding:0 0 0 0;
	margin:0px 0 0 0;
}
	
	.panelHeader a{
		color: #ffffff;
		text-decoration: none;
	}
	
	h3 {
		font-size:110%;
		color:#dc6e0e;	/*orange*/
		padding:0 0 .6em 0;
		margin:0 0 .3em 0;
		font-weight: normal;	
	}
	
	h4 {
		font-size:180%;
		color:#dc6e0e;	
		padding:0 0 .5em 0;
		margin:0 0 0 0;
		font-weight: normal;	
	}

	h5 {
		font-size:115%;
		color:#dc6e0e;	
		padding:0 0 .5em 0;
		margin:0 0 .3em 0;
		font-weight: normal;
	}
	
	h6 {
		font-size:105%;
		color:#999999; 	
		padding:0 0 .6em 0;
		margin:0 0 .3em 0;
	}

	.floatl {float:left; margin:3px 15px 0px 0px; }
	.floatr {float:right; margin:3px 0px 0px 15px; }

	.input{
		border: 0px;
	}

	select{
		font-family: Arial, Sans-Serif;		
		font-size:88%;
	}
	
/* CLEAR FIX ---------------------------*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.StyleSheetHiddenPlaceHolder  {
	display : none;
}




	.ecard{
		padding-bottom:7px;
	}
	
.ecard img{
	display:block;
	padding:0px;
	margin:0px;
}
.add{
	background-image:url(images/swappable/bttn_addtobasket.gif);
	width:100px;
	height:33px;
	border:0px;
	cursor: pointer;
}
.submit_btn{
	background-image:url(images/swappable/bttn_submit.gif);
	width:100px;
	height:33px;
	border:0px;
	cursor: pointer;
}
.buy{
	background-image:url(images/swappable/bttn_buynow.gif);
	width:100px;
	height:33px;
	border:0px;
	cursor: pointer;
}
.continue{
	background-image:url(images/swappable/bttn_continue.gif);
	width:100px;
	height:33px;
	border:0px;
	cursor: pointer;
}
.wide img.left { 
	margin:2px 0px 0 0;	
}
	
.wide img.leftwide { 
	margin:0px .7em 0 10px;	
}	
	
.project img.left { 
	margin:0px 20px 0 0;	
}

img.right { 
	float:right; margin:10px 14px .5em .7em; 
	width:auto;
}
	
img.centre {
	padding:0;
	margin:0;	
	text-align: center;
}

p.center { text-align: center; }	

.aligncenter {
	width:100%;
	background: red;
	text-align: center; 
}		
	
img.middle { vertical-align:middle; width:auto;}
	
.picleft { 
  	float: left;
	margin:5px 2em 1em 0; 
	width:200px;	
	color:#999;	
	font-size: 75%;		
}	

.piccentre {
	float: left;
	margin:0 0 0 0;
	text-align: center;
	}	
	
.picright { 
	margin:0 5px 1em 2em; 
	width:250px;
	color:#999;	
	font-size: 75%;	
}	
	
.iconleft{
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
}
	
.iconright{
	float: right;
	width: 100px;
	margin: 0 0 10px 10px;	
}
			
.date {
	font-weight:normal;
	color: #666666;
}

.mainparablack {
	font-weight:bold;
	padding: 0 0 0 0;
	color: #333;
}

.orange {
	color:#dc6e0e;
}
	


/* MAINSTRUCTURE  ---------------------------------------------------- */	
#wrap{
	text-align:left;	
	margin-bottom: 0px;
	width: 975px;	
	margin-right: auto;
	margin-left: auto;
	background: #ececec
	}
				
#header	{
	height: 87px;
	width: 975px;
	background: url(images/bg_header.gif) repeat;
	}

#headerlogo {
	width:250px;
	float: left;
	text-align:top;
	padding-top: 8px;
	padding-left: 10px;	
	}

#headerlogo h1 a, #headerlogo h1 a:visited{
	display:block;
	background:url(images/IAR_logo.gif) no-repeat;
	width:233px;
	height:79px;
	text-indent:-3000em}
	


		#headerlinks {
		height: 25px;
		width: 241px;
		float:right;
		text-align:center;
		background: url(images/header_links.gif) no-repeat left top;
		padding-top: 7px;
		color:#fff;
		font-weight:bold	
		}
	
			.headerlinks a, .headerlinks a:visited, .links1 a, .links1 a:visited, .links2 a, .links2 a:visited{	
			color:#fff;	
			font-size: 95%;
			font-weight:normal;
			text-decoration:none;
			}
		
			.headerlinks a:hover, .links1 a:hover, .links2 a:hover{			
			color:#fff;	
			font-size: 95%;
			font-weight:normal;	
			text-decoration:underline;	
			}			
			
				.links1 {
				padding: 0 10px 0 10px;
				margin: 0 0 0 0;
				float: left;
				border-right: 1px solid #FFFFFF;					
				}
	
				.links2 {
				padding: 0 10px 0 10px;
				margin: 0 0 0 0;
				float: left;	
				}	
			
				.whitetext{
				color: #fff;
				font-size: 94%;
				font-weight:normal;	
				}

#headersearch{	
	width: 200px; 
	text-align:left;
	padding-left: 10px;
	margin-top:24px;
	float:left;
	}
	
/* header search box grey text when not in focus */
#headersearch input{
	/**color:#999;**/
	width:150px;
	height:18px;
	margin: 0 0 0 0;
	padding: 2px 3px 0px 3px;
	vertical-align: top;
}

#headersearch input:focus{
    color:#000;
}
    	
.greytext{
    color: #999999;
}	
.blacktext{
    color: #000000;
}
	

/* HEADER PLACEHOLDERS  ---------------------------------------------------- */	

#header_placeholder {
	width: 220px;
	text-align: left;
	float: left;
	height: 24px;
	padding-top: 7px;
	padding-left: 7px;
    }

#header_placeholder_long {
	width: 453px;
	text-align: left;
	float: left;
	height: 24px;
	padding-top: 7px;
	padding-left: 7px;
    }

/* BREADCRUMB  ---------------------------------------------------- */	

.breadcrumb{
	padding: 8px 0 8px 17px;
	font-size:85%;
	color:#999;
	vertical-align: middle;
	}
 
	.breadcrumb a, .breadcrumb a:visited{
	background: transparent url(images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding: 0 14px 0 0; /*adjust bullet image padding*/
	color:#999; 
	}

	.breadcrumb a:hover{
	color:#999; 
	text-decoration: underline;
	}

/* HOMEPAGE  ---------------------------------------------------- */	

.content_home {
	background:url(images/bg_centre.gif) repeat-y 15px 0;
	margin:0 0 0 0;
	/*margin:5px 0 0 0;*/
	border-bottom:14px solid #ececec;
	width: 975px;
	/* font-size:103%; to make the home page text items slightly bigger!!*/
	}

.content_homebot {
	background:url(images/bg_centre.gif) repeat-y 15px 0;
	margin:0 0 15px 0;
	padding: 0 0 0 0;
	width: 975px;
	/* font-size:103%; to make the home page text items slightly bigger!!*/
	}

.submit_btn{
	padding:0px;
	margin:0px;
	border:0px;
}


.left{
	float: left;
	margin: 0px 15px 0 0px;
	padding-left:15px;	
	}
	
.lefthomebot{
	width:227px;
	float: left;
	margin: 0px 15px 0px 0px;
	padding-left:15px;
	}	

.middle{
	float: left;
	margin-right: 15px;
	width: 460px;
	background: #fff;	
	}

	.middle p {
	color:#333;
	margin-bottom:0;
	padding-bottom:0;
	font-weight: normal;
	}

	#middleflash{
	float: left;	
	width: 460px;
	height: 210px;
	margin: 0px 0px 0 0; 
	}
	
	#middleflash p{
	margin: 10px 10px 0 10px;	
	}	

	#middletext{	
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 20px 29px 0 29px;
	}
		
	.right{
		width:227px;
		float: left;	
		margin-top: 0px;
	}
	
	.rightbothome{
		width:227px;
		float: left;	
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}	


/* STRUCTURE  ---------------------------------------------------- */	
	
	.box {
		width: 227px;
		padding-left: 0px;
		color: #666;	
		background:white;
		font-size: 95%;
		/*makes homepage news text "11px" size */
	}
	
	/* LHS email box box grey text when not in focus */
	.box input{	
	width:135px;
	height:18px;
	font-size:112%;
	margin: 0 0 0 0;
	padding: 2px 3px 0px 3px;
	vertical-align: top;
	}
	
	#wrap .content_home .bgpic .left .box .formzero p a {background: #fff;}	/* targets specifically the homepage LHS sign-up p, in the form, so the size in consistant in opera*/
	
	#wrap .content_home .bgpic .left .box .newsboxhome h3, #wrap .left .box .newsbox h3, #wrap .left .box .newsboxarchive h3
	{background: #fff; font-size:95%; margin: 0 0 0 0; padding: 6px 0 0 0}	/* targets specifically the instances of the news sections/pages, so the size is 12px, and consistant in opera*/
	
	.border {border-bottom:14px solid #ececec; 	}
	.border p { font-size:88%; margin: 0; padding:0;}
	
	.borderdonation {border-bottom:14px solid #ececec; height: 63px; background: #ececec}
	.borderdonation p { font-size:88%;}
	
	.bordersignup {border-bottom:14px solid #ececec; /*height: 90px;*/ background: #ececec}
	.bordersignup p { font-size:88%;}
		
	.bordernone {margin-bottom: 14px; padding-bottom: 5px; }
	.bordernone p { font-size:88%;}
		
	.bordernonehome {margin-bottom: 0px;}
	.bordernonehome p {font-size:88%;}	
	
	.bordernonenewshome { background: white }
	.bordernonenewshome p {font-size:88%; margin: 0; padding:0;}
	/*used on home page, constrained height so rss buttons can hang off it*/
	
	.bordernonenews {margin-bottom: 14px; padding-bottom: 5px; font-size: 85%; 	/*height:340px;*/ background: /*blue*/white url(images/owl.gif) no-repeat 15px bottom;}
	.bordernonenews p {font-size:95%;}
	/*used on home page, constrained height so rss buttons can hang off it*/
		
	.borderarchive {margin-bottom: 14px; padding-bottom: 5px; 	/*height:340px;*/ background: /*blue*/white url(images/owl.gif) no-repeat 15px bottom;}
	.borderarchive p {font-size:95%;}
	
	.bordernonearchive {margin-bottom: 14px; padding-bottom: 5px; 	/*height:340px;*/ background: /*blue*/white url(images/owl.gif) no-repeat 15px bottom; }
	.bordernonearchive p {font-size:95%;}	
	
	.bordernonenews2, .box .bordernonenews2 {margin-bottom: 14px; padding-bottom: 5px; 	height:65px; background: red/*yellow*/  url(images/owl.gif) no-repeat 15px bottom;}
	
	.bordernonefoot {margin-bottom: 14px; padding-bottom: 5px; 	height:75px; background: /*green*/ white url(images/owl.gif) no-repeat 15px bottom;}
			
	.borderemail {border-bottom:14px solid #ececec;margin-bottom: 14px; padding-bottom: 5px; 	}	

	.dots {background:url(images/spacing_line.gif) repeat-x; height:5px; margin:5px 0px 0px 10px; width:207px;}
	.dots hr{display:none}

	.dotswide {background:url(images/spacing_line.gif) repeat-x left center; height:1px; padding:0 0 0px 0; margin:15px 0 16px 0; width:100%;}
	.dotswide hr{display:none}	
	
	.content_home .box {background:none}

	.wide .box {
		width: 460px;
		}		
		.wide .box .img{
		padding: 10px 10px 10px 10px;
		}
		.wide .box p {font-size:88%;}		

	.box img.centre { text-align: center;}	
	.box p.centre { text-align: center; }	

	.box h2{
		width: 204px;
		padding:7px 10px 6px 13px;
		background:url(images/header_grey.gif) no-repeat left top;
		margin:0 0 5px 0;
		font-size:110%;
	}
	.box img{
		display: block;
	}
	.custom ul{
		padding: 5px 0px 0px 0px;
		margin-left: 30px;
	}
	.custom ul li{
		margin:0 0 4px 0px;
		padding:0;
		list-style-image: url(images/bullet.gif);
		font-size:88%;
	}
	.neat1{
		padding-top:1px;
	}
	.box_img h2{
		color: #FFFFFF;
		margin:0 0 0 0;
	}	
	.box_img a{
		text-decoration: none;
	}
	
	.box_text h2{
		padding-bottom: 10px;
	}
	.box_text p{
		margin-top: 20px;
	}

	.box h2.square{
	background:url(images/header_grey_square.gif) no-repeat left top;
	}	
		
	.box h2.blue{	
	background: url(images/header_blue.gif) no-repeat left top;	
	color: #FFFFFF;
	}
	
	.box h2.orange{	
	background: url(images/header_orange.gif) no-repeat left top; color:#ffffff;
	color: #FFFFFF;
	}
	.box h2.orange a{	
		text-decoration: none; color:#ffffff;
		color: #FFFFFF;
	}
	.box h2 a{
		color: #FFFFFF;
	}
	.box h2.blue_rhs{	
	background: url(images/header_blue_rhs.gif) no-repeat left top;	
	}
	
	.box h2.orange_rhs{	
	background: url(images/header_orange_rhs.gif) no-repeat left top;
	}
		
	.box h2.grey_rhs{	
	background: url(images/header_grey_rhs.gif) no-repeat left top;
	}
	
	.wide h2 {width:440px;}
	
	.box h3{
	color:black;
	padding:8px 0 0px 14px;
	margin:0;
	}
	
	
	.box h4{
	font-size: 90%;
	padding:0.7em 0 0.1em 0;	
	font-weight: normal;
	}
	
	.bgpic .left .box .newsboxhome h4{ /*home page news section */
	font-size: 100%;
	font-weight: bold;	
	padding:0.4em 0 0.1em 0;	
	}
	
	.box p{
	padding: 3px 14px 14px 14px;
	margin:9px 0 4px 0;
	}
	

	

	.box .newsboxhome p{padding: 0 0 0 0; background: white; /*black;color:red;*/ }
	
	.newsbox{
		width: 207px;
		margin: 0 0 12px 12px;	
		background: /*red*/ white;	
	}
	
	.box .newsbox p{
		padding: 0px; 
	}
	
	.dots2 hr{display:none}	
		
	.newsboxarchive{
		width: 207px;
		margin: 0 0 12px 12px;	
		background: white;	/* added to see if it makes the text/links in the news/submit section slightly bigger on home news pages*/			
	}
		
	.box .newsboxarchive p{padding: 0 0 0 0; background: white; /*black;color:red;*/ font-size:95%;}
		
	.newsboxhome{
		background:white none repeat scroll 0;
		margin:0 0 0 0px;
		padding:6px 0 0 0;
		width:207px;
	}
	.dots2 {
		background:url(images/spacing_line.gif) repeat-x left center; 
		margin-top: 10px; 
		padding: 0px; 
	}
	
	.box p{
		margin: 8px 14px 10px 15px;
		padding: 0px;
	}
	
	.owl_top{
		height: 275px;
	}
	.owl_top p{
		margin: 5px 14px 11px 15px;
		padding: 0px;
	}
	 .owl{
		
		height:84px;
		width:227px;
		background:url(images/owl.gif) no-repeat;	
		/*margin-bottom: 14px;		*/
	 }
	
	.rssbox1 {
		width: 100px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
				
	.rssbox2 {
		background: url(images/rss_button.gif) no-repeat;
		padding-left:20px;
		margin-top: 25px;
		width: 100px;
		font-size: 85%;
		float: left;
	}

				
	.rssboxtext{
		padding: 0 0 0 0;
		background: blue;
	}
	
	
	.ecard{
		margin-top:13px;
	}
	
	.box .newsfeedstop {
		width: 105px;
		padding: 25px 0 5px 115px;
		margin: 0 0 0 0;
		font-size: 95%;
	}

	.box .newsfeedstop p{
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		background: green;	
	}
	
	.box .newsfeeds {
		width: 105px;
		padding: 0 0 0px 115px;
		margin: 0 0 0 0;
		font-size: 95%;
	}

	.box .newsfeeds p{
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		background: red;
	}	
	
	.box .newsfeedstext {
		width: 83px;
		padding: 0 0 5px 135px;
		margin: 0 0 0 0;
		font-size: 95%;	
	}

	.box .newsfeedstext p{
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
	}		
	
	.gap{padding: 0 6px 0 0;}
			
	.basket, .cart	{
		padding: 4px 6px 0px 10px;
	 	width: 45px;
		height: 39px;
	   	float: left
	}
			 
	.baskettext, .carttext {	
		padding: 13px 0 5px 0;
		width: 140px;
		float: left;
	}	
				
	.carttext p	{
		font-size: 100%;
		margin: 0;
		padding: 0 0 0.4em 0;
	}	 
							 
	.carttext ul{
		margin:0 0 10px 0px;
		padding:0;
	}
	
	.carttext li {
		list-style-type:disc;
		margin:0 0 4px 18px;
		padding:0;
		list-style-image: url(images/bullet.gif);
	} 	
				
	.shopdescription .bttnspace, shopheadermain .bttnspace {
		margin: 0 10px 0 0;
		display: inline;
		float: left;
	}			 			 
	
	.text12px {
		font-size: 104%;
		padding:0 0 .3em 0;	
		font-weight: normal;
	}
	
	.textgooglemap {
		font-size: 50px;
		font-weight: normal;
		color:#CC0066;
		margin: 0 0 0 0;
		padding: 0 0 0 0;	
		background: yellow;	
	}
	
	.wideimage {
		width: 260px;
		float: left;
		margin: 5px 0 0 10px;
	}
	
	.widetextarea {
		padding:0px;
		width: 170px;
		float: left;
		font-size:100%;
	}
	
	.widetextarea p{
		color: #333;
		font-size:100%;	
	}
	
	.smalltextarea{
		width: 110px;
		float: left;
		margin: 0px 0 0 10px;	
		font-size:100%;	
	}
	
	.vidgallery{
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.bannerwidth{
		float: left;
		width: 466px;
		padding: 5px 0 5px 0; 
		margin: 0 0 5px 0; 	
	}
	
	.mediavideo1{
		float: left;
		width: 275px;
		padding: 0 60px 20px 0; 
		margin: 0 0 0 0;	
	}	
	
	.mediavideo1 p{
		font-size:100%;	
		padding: 0 0 0.3em 0; 
		margin: 0 0 0 0;
		width: 275px;
	}
	
	.mediavideo2{
		float: left;
		width: 275px;
		padding: 0 0 20px 0; 
		margin: 0 0 0 0; 		
	}	
	
	.mediavideo2 p{
		padding: 0 0 0.3em 0; w
		margin: 0 0 0 0;
		width: 275px;
	}	
	
	.mediavideoyoutube{
		float: left;
		width: 275px;
		height: 232px;
		padding: 0 0 8px 0;
	}	
	
	.mediavideoyoutube iframe, .mediavideo1 iframe, .mediavideo2 iframe{
		max-width:272px;
		max-height:232px;
	}
	
	.mediahr {background:url(images/mediahr.gif) repeat-x left center; height:1px; padding:0 0 0 0; margin:10px 0 0 0; width:600px; }
	.mediahr hr{display:none}		
	
/* CONTENT  ---------------------------------------------------- */

/* new testing? */
	#content ul{
	margin:0 0 10px 0;
	padding:0;
	}
	
	#content li {
	list-style-type:disc;
	margin:0 0 4px 18px;
	padding:0;
	width: 99%;
	list-style-image: url(images/bullet.gif);
	}

#Mcontainer {
	width:580px;
	float:left;
	padding:0 53px 20px 0;
	overflow:hidden;
}
	
#sitemapcontainer {
	width:580px;
	float:left;
	padding:0 53px 20px 0;
	overflow:hidden;
}
	
#sitemapcontainer ul{
	padding:0 0 0 0;
	font-size: 100%;
}
	
#sitemapcontainer li{
	font-size: 100%;
}	
	
.sitemappad{
	margin:0 0 70px 50px;
}		
	
.project{
	margin: 0 0 10px 0;
	clear:both;
	padding:0 0 5px 0;
}	

.project ul{
	margin:0 0 11px 0px;
	padding:0;
	font-size: 100%;	
}

.project li {	
	list-style: none;
	margin:0 0 11px 0;
	padding:0;	
	font-size: 100%;	
}
	
.project img.left{
	margin:3px 15px 8px 0px;
	float: left;
}	

.project img.right{
	margin:3px 15px 8px 0px;
	float: left;
}
	
.projectwide{
	margin: 0 0 10px 0;
	clear:both;
	padding:0px 12px 5px 0px;
}

.projectwide ul{
	margin:0 0 11px 0px;
	padding:0;	
}

.projectwide li {	
	list-style: none;
	margin:0 0 0 5px;
	padding:0;
	font-size: 105%;
}

	.ecarditem{
		width:150px;
		float: left;
		text-align:center;
		border:1px solid  #CCCCCC;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
	}
	
	
	.shopitem{
		width:126px;
		float: left;
		text-align:center;
		border:1px solid  #CCCCCC;
		margin: 0 15px 15px 0px;
		padding: 7px 7px 0 7px;
	}

	.sponsoritem{
		width:185px;
		float: left;
		text-align:center;
		border:1px solid  #CCCCCC;
		margin: 0 15px 15px 0px;
		padding: 7px 7px 0 7px;
	}

	.sponsoritem p{
		padding: 7px 0 5px 0;
	}

	.shopitem p{
		padding: 7px 0 5px 0;		
		height:30px;
	}		
	
	.shopdetailall{
		float: left;
		text-align:left;
		margin: 0 0 0 0;
	}

	.shopdetail{
		width:250px;
		float: left;
		text-align:center;
		border:1px solid  #CCCCCC;
		margin: 0 10px 10px 0px;
		padding: 10px;
	}

	.shopdetail img{
		padding: 0 0 0px 0;
	}		
	
	.shopdescription{
		width:615px;
		float: left;
		text-align:left;
		margin: 0 0 20px 0px;
	}	
	.shopcart{
		width:160px;
		height:22px;
		float: left;
		text-align:center;
		background: url(images/swappable/cart.gif) no-repeat 7px 5px;
		padding: 0 0px 10px 60px;
	}	
	
	
/* table -------------------------------------------------- */
	table#cart {
		background-color:#ECECEC;
		width: 630px;
		font-size:105%;
	}

	table#cart td {
		background-color:#fff;	
		margin: 0px;
	}

	.thumb{
		width:82px;
		height:82px;
		float: left;
		margin: 0 0px 10px 10px;
		padding: 0px;
	}
	
	.thumb1{
		width:82px;
		height:82px;
		float: left;
		margin: 0 0px 10px 0px;
		padding: 0px;
	}
			
	.banner{
		width:468px;
		height:60px;
		float: left;
		margin: 0 0 35px 0;
		padding: 0px;
	}
	

	.thumb img{
		width:82px;
		height:82px;
		border:1px solid  #CCCCCC;
	}
	
	.thumb1 img{
		width:82px;
		height:82px;
		border:1px solid  #CCCCCC;
	}
	
	#homevideo {
		width:227px;
		height:190px;
		background:#fff;
	}
		
	#homevideo p {
		margin: 10px;
	}
	
	.wallpaper {
		float: left;
		width: 205px;
		padding: 0 15px 20px 0;
    }
	
	.wallpaper img {
		float: left;
		padding: 9px 9px 9px 9px;
		margin: 0 0 5px 0;
		border: 1px solid #CCCCCC;
    }	

	.walldetail {
		float: left;
		width: 67px;
		height: 15px;
		padding: 0 0 0 0;
		text-align: center;
		border-right: 1px solid #999999;
		font-size:80%;		
    }
	
	.walldetailend {
		float: left;
		width: 67px;
		height: 15px;
		padding: 0 0 0 0;
		text-align: center;
		font-size:80%;	
   }					
	
/* MAIN NAV  ---------------------------------------------------- */
	#nav {
		width:925px;
		height:31px;	
		padding: 0 25px 0 25px;
		text-align: left;
		font: small;
		background: url(images/n_bg.gif) repeat;
	}

	#nav ul {
		margin:0;	
		padding:0;
	}
	
	#nav  li {	
		list-style-type:none;
		margin:0;
		padding:0;
		float:left	
	}
	
	#nav li a, #nav li a:visited{	
		display: block;		
		background-repeat:no-repeat;	
		background-position:0 0px;	
		height:31px;
		text-indent:-3000em;		
	}
		
	#nav li#n_home a:hover, #nav li#n_about a:hover, #nav li#n_news a:hover, #nav li#n_projects a:hover, #nav li#n_wherewework a:hover, 
	#nav li#n_sponsoranimal a:hover, #nav li#n_getinvolved a:hover, #nav li#n_media a:hover, #nav li#n_donate a:hover, #nav li#n_shop a:hover
	{background-position:-140px 0px;}
	
	#nav li#n_home a, #nav li#n_home a:visited{	background-image:url(images/n_home.gif); width:70px;}
	#nav li#n_home2 a, #nav li#n_home2 a:visited{	background-image:url(images/n_home2.gif); width:70px;}	
	
	#nav li#n_about a, #nav li#n_about a:visited{	background-image:url(images/n_about.gif); width:86px;}
	#nav li#n_about2 a, #nav li#n_about2 a:visited{	background-image:url(images/n_about2.gif); width:86px;}
	
	#nav li#n_news a, #nav li#n_news a:visited{	background-image:url(images/n_news.gif); width:67px;}
	#nav li#n_news2 a, #nav li#n_news2 a:visited{	background-image:url(images/n_news2.gif); width:67px;}		
	
	#nav li#n_projects a, #nav li#n_projects a:visited{	background-image:url(images/n_projects.gif); width:80px;}
	#nav li#n_projects2 a, #nav li#n_projects2 a:visited{	background-image:url(images/n_projects2.gif); width:80px;}
	
	#nav li#n_wherewework a, #nav li#n_wherewework a:visited{	background-image:url(images/n_wherewework.gif); width:123px;}
	#nav li#n_wherewework2 a, #nav li#n_wherewework2 a:visited{	background-image:url(images/n_wherewework2.gif); width:123px;}
	
	#nav li#n_sponsoranimal a, #nav li#n_sponsoranimal a:visited{	background-image:url(images/n_sponsoranimal.gif); width:140px;}
	#nav li#n_sponsoranimal2 a, #nav li#n_sponsoranimal2 a:visited{	background-image:url(images/n_sponsoranimal2.gif); width:140px;}
	
	#nav li#n_getinvolved a, #nav li#n_getinvolved a:visited{	background-image:url(images/n_getinvolved.gif); width:105px;}
	#nav li#n_getinvolved2 a, #nav li#n_getinvolved2 a:visited{	background-image:url(images/n_getinvolved2.gif); width:105px;}
	
	#nav li#n_media a, #nav li#n_media a:visited{	background-image:url(images/n_media.gif); width:110px;}
	#nav li#n_media2 a, #nav li#n_media2 a:visited{	background-image:url(images/n_media2.gif); width:110px;}
	
	#nav li#n_donate a, #nav li#n_donate a:visited{	background-image:url(images/n_donate.gif); width:75px;}
	#nav li#n_donate2 a, #nav li#n_donate2 a:visited{	background-image:url(images/n_donate2.gif); width:75px;}
	
	#nav li#n_shop a, #nav li#n_shop a:visited{	background-image:url(images/n_shop.gif); width:65px;}
	#nav li#n_shop2 a, #nav li#n_shop2 a:visited{	background-image:url(images/n_shop2.gif); width:65px;}	
	
	
/* SUB NAV  ---------------------------------------------------- */	

	ul.subnav {
		margin:0 10px 0 10px;
		padding:2px 0 3px 0;
		list-style:none;
	}
	
	ul.subnav li{
		padding:6px 0 5px 3px;
		border-bottom:1px dotted #ccc;
		height:15px; 
		margin: 0 0 0 0;
	}
	
	ul.subnav li.noborder {border-bottom:0px;}

	ul.subnav li.sub {
		padding:4px 0 4px 12px; 
		border-bottom:0px;
		height:15px; 
		margin: 0 0 0 0;
	}

	ul.subnav li.subsublast {
		padding:0;	
		border-bottom:1px dotted #ccc;
		height:15px; margin: 0 0 1px 0;
	}
	
	.sublastbg{
		border-bottom:1px dotted #ccc;
		height:1px;
		margin: 0;
		padding: 0 0 5px;
		left: 0px;
		clear: left;
		max-width: 207px;
	}
		
	.sublastbgtop{
		border-top:1px dotted #ccc;	
	}

	.subnav .blacklink{
		color: #000000;
	}
	.subnav .blacklink a{
	color: #000000;
	}


/* FOOTER  ---------------------------------------------------- */

	#footer{
		width:975px;
		background:url(images/bg_bottombanner_top.gif) no-repeat left 15px;
		margin: 0px 0px 0px 0px;
		padding: 32px 0px 5px 0px;
		clear:both;
		color:#FFF;		
	}

	#footerbot{
		width:975px;
		height:20px;
		background:url(images/bg_bottombanner_bot.gif) no-repeat left top;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		color:#FFF;		
	}

	#footer a, #footer a:visited{	
		color:#FFF;	
		text-decoration:none;
	}
		
	#footer a:hover{			
		text-decoration:underline;
		color:#FFF;	
	}
		
	#footer p {
		margin:0;
		padding:0px 20px 0px 20px;
		line-height:1.3em;
		color:#FFF;
		font-size: 85%;
	}	
	
	
	#wwwmap{
	    width: 640px;
	    height: 300px;
	    border:1px solid #dcdcdc;
		background: #99b3cc;
		font-size:85%;
		overflow:hidden;
	}
	
	#formerror{
		padding: 10px 5px 5px 5px;
		margin: 0 0 15px 0;
		background-color: #F4B0BC;
		border: 1px solid #cc3300;
	}
	
	#formerror h2{
		color: #cc3300;
	}
	
	#formerror p{
		font-size: 100%;
	}
  
	.formzero {
	  margin: 0 0 0 0;
	  padding: 1px 0 7px 0;
	}
  
	.formzero p{
		padding-bottom: 0;
	}
  
	.gallerycomment{
		padding-top:5px;
		width: 640px;
		height: 30px;	
	}

  
  
  
  
  /* ************************************************************************************************ */
  /* ************************************************************************************************ */
  /* ************************************************************************************************ */
  /* ************************************************************************************************ */
  /* ************************************************************************************************ */
  /* NOT SURE IF WE NEED THESE?????? NB */
	
	
	#content h1 {	
		font-size:170%;
		color:#000;	
		padding:0 0 0em 0;
		margin:0 0 0em 0;
		
	}

	#content h2{
		font-size:175%;
		color:#dc6e0e;
		padding:0 0 0 0;
		margin:20px 0 10px 0;
		font-weight: normal;
		letter-spacing: 0.04em; 	/*horozontal spacing of letters*/
	}
	
	.box h3	{
		font-size:105%;
		color:#1a6dca;	/*bright blue*/
		margin:0px 0 0px;
		font-weight: bold;	
	}
	
	#Mcontainer h3{
		font-size:115%;	
	}
	
	h3 .overview{
		color:#dc6e0e;
	}
	
	#content h4 { /* dark grey for cms area, next down form h3 subtitle*/
		font-size:100%;
		color:#333;	
		padding:0 0 .5em 0;
		margin:0 0 0 0;
		font-weight: bold;	
	}
	
	#content h5 {
		font-size:110%;
		color:#dc6e0e;	
		padding:0 0 .4em 0;
		margin:0 0 .3em 0;
		font-weight: normal;		
	}
	

	h5 .overview{
		color:#dc6e0e;
	}
	
	.title_description p{
		color:#dc6e0e;	
		padding:0 0 .6em 0;
		margin:0 0 .3em 0;
	}
	
	#content h6 {
		font-size:105%;
		color:#999999; 	
		padding:0 0 .6em 0;
		margin:0 0 .3em 0;
	}
	
	h6.news{
		font-weight: normal;
	}

	p span{
		color:red;
		font-weight:bold;
	}

	.smalltext {
		font-size: 88%;	
		/* width: 80%;	 */
	}	
	
	/* font-size? */
	p.greytext {
		color: #999;
		font-size:110%;
		padding:0 0 0 0;
		margin:10px 0 .3em 0;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
	}
	
	.tabledata {
		text-align: left;
		background-color:#fff;	
	}

	.tabletoprow {
		text-align: left;
		background-color:#fff;	
		font-weight: bold;
		color:#dc6e0e; /* iar orange */
	}

	.tableleftcol {
		font-weight: normal;
		text-align: left;
		background-color:#fff;	
	}	
  
	#contentwide{
		float: left;	
		margin: 0px 0px 14px 0px;	
		padding: 6px 0px 0 29px;
		width: 672px;
		background: #FFF;
	}
	
	#contentwallpaper{
		float: left;	
		margin: 0px 0px 14px 0px;	
		padding: 0 0px 0 0px;
		width: 672px;
		background: #FFF;
	}

	#contentwallpaper p{
		width: 560px;
	}
	
	.inthenewstitle{
		font-weight: bold;
	}
.preference h3{
	margin:20px 0px 5px 0px;
}

.donation_disabled {
	color:gray;
}

.youtube {
	margin: 0 0 14px 0;
	padding: 0 0 0 0;
	/*border-bottom: blue 1px solid;*/
	}
	.right .youtube {
	margin: 0 0 0 0;
	/*border-bottom: red 1px solid;*/
	}