body {
background: #f57126;
font: 12px/1.4em arial, helvetica, sans-serif;
color: #333;
margin:10px 0 10px 0;
padding:0;
}

#maincontainer {
width: 935px;
margin: 0 auto;
border: 2px solid #000;
background: #fff;
}

#header {
border-bottom: 3px solid #333;
height: 90px;
background: url(images/titlebanner.jpg) no-repeat 15.5em -0.3em;
}

#header img {
margin: 5px
}

#contentwrapper {
float: left;
width: 100%;
}

#footer {
clear: left;
}

a {
  color:#c84700;
  text-decoration: none;
}

a:hover {
  color: #666;
text-decoration: underline;
}

a img {
border: none
}


/* Styling for main Content */

#contentcolumn {
margin: 0 170px 0 180px;
}

#datatext {
width:540px;
margin: 30px 10px 5px 10px
}

#title {
background: #fff url(images/title.gif) no-repeat;
height: 50px;
margin-top: 20px;
margin-left: 80px;
}

#search {
width: 100%;
background: #fff url(images/search.gif) no-repeat 10.0em 1.5em;
text-align: center
}

.contentleft {
  float: left;
  width: 230px;
  margin-left: 20px;
  font-size: 12px;
  font-family: arial,helvetica,sans-serif;
  background: #fff
}

.contentleft img, .contentright img {
float:left;
margin-right: 10px;
padding: 0
}

.contentleft p, .contentright p {
line-height: 1.6em;
}

.contentleft a, .contentright a {
font-weight: bold
}

.SitesTitle {
width: 180px;
background: #fff url(images/paw6.gif) no-repeat 0.2em 0;
margin:0;
padding: 0;
border-bottom: 1px solid #ccc;
text-align: right;
color: #6B690D;
font: bold 1.06em arial,helvetica,sans-serif;
margin-bottom: 10px;
}

.contentright {
  float: left;
  width: 230px;
  margin-left: 50px;
  background: #fff;
  font-size: 12px;
  font-family: arial,helvetica,sans-serif;
}

.UrgentTitle {
width: 170px;
background: #fff url(images/paw9.gif) no-repeat 0.2em 0;
margin-right: 0;
padding: 0;
border-bottom: 1px solid #ccc;
  text-align: right;
  color: #6B690D;
font: bold 1.06em arial,helvetica,sans-serif;
margin-bottom: 5px;
}

#contentbottom {
float: left;
  width: 564px;
  margin: 0px;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
}

#contentcolumn h1 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 13px;
color: #42280F;
margin: 0;
font-weight: bold;
padding: 2px 10px 2px 60px;
}

#contentcolumn h2 {
font-size: 14px;
padding: 0;
font-weight: bold;
margin-top: 30px;
text-align:center;
}

h3 {
font-size: 11px;
padding: 0;
font-weight: bold;
margin-top: 10px;
text-align:center;
}

h4 {
margin: 0 0 20px 30px;
width: 500px;
font-size: 10px;
padding: 0;
text-align:center;
border-bottom: 1px dashed #ccc;
}

#contentbottom p {
  margin: 0px 5px 8px 20px;
  padding: 0;
}

#contentbottom hr {
  border: 0;
 color: #999;
background-color: #999;
height: 1px;
margin: 20px;
margin-right: 30px
}

ul li {
  margin: 2px 0 6px 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  }
  
ul li a {
  padding-left: 25px;
  }

#contentcolumn ul {
  padding: 5px 0 5px 5px ;
  float: left;
 margin-left: 20px;
  width: 535px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#contentcolumn li {
  margin: 5px 5px 1px 10px;
  float: left;
  width: 160px;
  height: 25px;
  padding-bottom: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#orgs { background-image: url(images/orgs.gif); }
#groups { background-image: url(images/groups.gif); }
#forum { background-image: url(images/forums.gif); }
#resource { background-image: url(images/resources.gif); }
#blog { background-image: url(images/blogs.gif); }
#media { background-image: url(images/media.gif); }
#help { background-image: url(images/help.gif); }
#rescue { background-image: url(images/rescue.gif); }
#pubs { background-image: url(images/pubs.gif); }
#activist { background-image: url(images/activist.gif); }
#images { background-image: url(images/images.gif); }
#legal { background-image: url(images/legal.gif); }
#research { background-image: url(images/research.gif); }
#boycott { background-image: url(images/boycott.gif); }
#education { background-image: url(images/education.gif); }
#online { background-image: url(images/online.gif); }
#music{ background-image: url(images/music.gif); }
#quotes { background-image: url(images/quotes.gif); }
#merch { background-image: url(images/merch.gif); }
#kids{ background-image: url(images/kids.gif); }
#practical { background-image: url(images/practical.gif); }


/* Styling for Right column*/

#right {
float: left;
width: 200px;
margin-left: -201px;
margin-top: 30px;
background-color: #f3f3f3;
border-left: 1px dashed #ccc;
}

#rightText{
font-size: 1.0em;
width: 190px;
margin: 0 5px;
background-color: #f3f3f3
}

/* Loading screen for the Yahoo Pipe*/

/* the loading screen (what shows up before a pipe has loaded) */
div.pipesstyle div.PBajaxwait {	
    position: relative; 
    display: block;
    width: 190px;
    height: 300px; 
    margin-top: -0; 
    background: #f3f3f3 url('http://l.yimg.com/us.yimg.com/i/us/pps/logo_ani_1.gif') 50% 50% no-repeat; 
    opacity: 0.75; 			
    filter: alpha(opacity=75);	
}





/* Body of the Yahoo Pipe */

/* the body of your Pipe */
div.pipesstyle { 			
    position: undefined; 	
    width: 190px; 	
    height: 300px; 					/* only adjusts the height surrounding the pipe (in Firefox 3.6.10). (doesn't get rid of scrollbar). the height issue is buggy depending on the browser you use. use inline styling to override. */
    background-color: #f3f3f3;	
	font-family:verdana;		
    margin: 0; 
    margin-left:3px;			
    padding: 0; 	
}





/* h3 Header for the Pipe */

/* controls the title of the pipe */
div.pipesstyle h3.ybh { 
display:none
}

/* controls the hyperlink for the pipe title (will only display if your pipe is published) */
div.pipesstyle a.ybt { 
    font-weight: bold; 
    color: undefined;	
}





/* Content of the Yahoo Pipe */

/* behind the scenes, placeholder for your entire pipe */
div.pipesstyle div.ybx {	
    visibility: hidden;		
    background-color: transparent;	
    margin: 0;	
    padding: 0;	
    position: relative;		
}

/* controls all of the pipe text */
div.pipesstyle div.pipesText { 
    zoom: 1; 	
    margin-left: 55px;	
	color: inherit; 
}

/* controls all unordered lists in the pipe */
div.pipesstyle ul { 
    display: block; 	
    overflow: hidden; 
    position: relative;	
    width: 300000px; 
    z-index: 2; 
    padding: 0; 	
    margin: auto;
}

/* controls all links in the pipe */
div.pipesstyle a { 
    cursor: pointer; 
    text-decoration: none;	
    color: undefined; 
}





/* Results of the Yahoo Pipe */

/* controls the result's title */
div.pipesstyle div.pipesImgdescription div.pipesTitle {	
    font-size: inherit;				
    font-weight: bold;										
    padding-bottom: 3px;		
    width: 100%;		
}

/* controls the descriptions in your pipe */
div.pipesstyle div.pipesImgdescription {
    display: block; 
    width: 100%; 	
    height: 100%; 	
    color: #undefined;	
}

/* font size for the description */
div.pipesstyle div.pipesImgdescription div.pipesDescription {   
	font-size: 0.92em; 	
}

/* padding of results within the pipe */
div.pipesstyle div.pipesHolder { 
	padding: 5px 5px 5px 0	
}

/* controls the results of the pipe */
div.pipesstyle div.ybr { 
    position: relative;	
    display: block; 	
    font-size: 1em; 	
    margin: 3px 0 0 0; 	
    padding: 0pt; 		
    width: 100%;	
	height: 100%;	
    overflow: auto; 	
    overflow-x: hidden; 
}

/* background color of odd results */
div.pipesstyle div.ybr li.ybi.odd { 
	background-color: #f3f3f3;	
}

/* controls the individual results */
div.pipesstyle div.ybr li.ybi { 
    background-color: #f3f3f3; 	
    margin: 0; 				
    padding: 5px 5px 5px 0; 	
    list-style: none; 		
    list-style-position: outside;	
    overflow: hidden; 	
    text-indent: 0; 	
}





/* Images in the Yahoo Pipe */

/* controls the image thumbnail placeholder */
div.pipesstyle div.pipesImgdescription div.pipesThumbnail {	
    position: relative;	
    float: left;						
    margin-bottom: 3px;		
}

/* controls the image thumbnail */
div.pipesstyle div.pipesImgdescription div.pipesThumbnail img {  
    position: static;						
    width: 50px;			
    height: 50px;									
    border: 1px solid #eee;					
}

/* controls the placeholder surrounding all small thumnails at the bottom of a result */
div.pipesstyle ul.pipesSmallthumb { 
    margin: 10px 0 0;
    padding: 0;	
    width: auto;	
}

/* controls the placeholders for individual small thumbnails at the bottom of a result */
div.pipesstyle ul.pipesSmallthumb li {  
    border: 1px solid #eee;	
    display: block;	
    float: left;			
    height: 32px;				
    list-style-image: none;		
    list-style-position: outside;
    list-style-type: none;	
    overflow: hidden;		
    padding: 2px;	
    width: 32px;	
}

/* controls the small thumbnails at the bottom of a result */
div.pipesstyle ul.pipesSmallthumb li a img {
    height: 32px;		
    width: 32px;	
    cursor: pointer;	
    border: 0px;	
    position: static;	
    left: inherit;	
    right: inherit;	
}

/* the color of the border when you hover over a small thumbnail */
div.pipesstyle ul.pipesSmallthumb li:hover {
	border: 1px solid red; 
}





/* Footer of the Yahoo Pipe */

/* controls the footer */
div.pipesstyle div.ybf { 
    display: none; 		
 
}

/* controls the footer text in the pipe */
div.pipesstyle div.ybad {	

    display: none; 
}

/* controls the pipes logo in the footer */
div.pipesstyle a.yba { 

        display: none; 
}

/* "Y! Pipes" in the footer */
div.pipesstyle a.ybaa { 
    color: inherit; 	
    text-decoration: underline; 
}

/* the little "TM" (trademark symbol) after "Powered by Y! Pipes" in the footer */
div.pipesstyle sup.ybas {	
    font-size: 100%;
    color: inherit;	
}

/* controls "Get This" in the footer (will only display if your pipe is published) */
div.pipesstyle a.gt { 
    position: absolute; 
    height: 16px; 			
    display: inline; 	
    color: inherit; 	
    font-size: 9px; 	
    font-weight: bold; 		
    line-height: 22px; 	
    right: 12px; 	
    cursor: pointer; 
    text-decoration: underline; 
}

/* Controls the ">>" after "Get This" in the footer (will only display if your pipe is published) */
div.pipesstyle div.gts { 
    position: absolute; 
    height: 16px; 	
    display: inline; 	
    color: inherit; 	
    font-size: 12px; 	
    font-weight: bold; 
    line-height: 20px; 	
    right: 2px; 	
    cursor: none; 	
    text-decoration: none; 
}



#headline, #video, #positive, #books, #animals, #calendar, #countertitle {
color: #6B690D;
font: bold 1.06em arial,helvetica,sans-serif;
margin-bottom: 10px;
text-align:center;
border-bottom: 1px solid #ccc;
} 

#headline {
background-image: url(images/knewsticker.png) no-repeat; 
margin-right: 15px;
}

#video {
margin-top: 20px
}

#books {
margin-top: 20px
}

#positive {
margin-top: 20px
}

#animals {
margin-top: 20px;
margin-right: 25px;
}

#calendar {
margin-top: 20px;
margin-right: 25px;
}

#countertitle{
margin-top: 20px;
margin-right: 10px;
}

#right p {
padding-bottom: 10px;
border-bottom: 1px solid #333;margin: 5px 0 5px 0;
}

#right p.small {
font-size: 9px;
line-height: 1.4em
}

img.logo {
margin: 10px 0 10px 0;
padding-left: 20px
}


/* Text for news link */

#newslink {
font:1.0em arial, helvetica, sans-serif;
}


/* Styling for Left column*/

#left {
float: left;
width: 175px;
margin-left: -930px;
margin-top: 30px;
border-right: 1px solid #ccc;
}

#event, #campaign, #appeal, #links, #vegan, #news, #books, #animal, #share {
color: #6B690D;
font: bold 1.06em arial,helvetica,sans-serif;
margin-bottom: 10px;
text-align:center;
border-bottom: 1px solid #ccc;
} 

#event {
background: url(images/paw18.gif) no-repeat;
margin-right: 25px;
}

#vegan {
background: url(images/paw7.gif) no-repeat;
margin-top: 20px;
margin-right: 50px;
}

#campaign {
background: url(images/paw4.gif) no-repeat;
margin-top: 20px;
margin-right: 10px;
}

#appeal {
background: url(images/paw10.gif) no-repeat;
margin-top: 20px;
margin-right: 40px;
}

#links {
background: url(images/paw4.gif) no-repeat;
margin-top: 20px;
margin-right: 40px;
}

#news {
background: url(images/paw1.gif) no-repeat;
margin-top: 20px;
margin-right: 20px;
}

#share {
background: url(images/paw1.gif) no-repeat;
margin-top: 20px;
margin-right: 20px;
}


#left p {
margin: 5px 0 5px 0;
}

.sidetitle {
margin: 0;
padding: 0;
font-weight: bold;
}


#left ul li {
  margin: 2px 0 6px 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  }
  
  #left ul {
  padding: 0 ;
  float: left;
 margin: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#left li {
  margin: 0;
  float: left;
  padding-bottom: 5px;
}

#left ul li a {
  padding-left: 25px;
  }
  
#left li a{
  margin: 0;
  float: left;
  padding: 5px 0 5px 0;
  font: normal 0.9em Arial,Helvetica,sans-serif;
  text-decoration: none;
}

#one { background-image: url(images/favicons/buav.ico); }
#two { background-image: url(images/favicons/anti-snaring.ico); }
#three { background-image: url(images/favicons/rescue/animalsindistress.ico); }
#four { background-image: url(images/favicons/speak.ico); }
#five { background-image: url(images/favicons/vpsg.ico); }

#left li a:hover {
  text-decoration: underline;
}

/* Nav Bar and Footer Styles */
#topnav, #footer {
clear: both;
  margin: 0;
  padding: 0;
  background: #333;
  color: #fff;
  font: bold 11px Arial,Helvetica,sans-serif;
}

#topnav a, #footer a {
margin: 0;
padding: 0;
  text-decoration: none;
  color: #fff;
  margin-right: 6.8em;
  margin-left: 6.5em;
  font-family: Arial,Helvetica,sans-serif;
}

#topnav a:hover, #footer a:hover {
text-decoration: underline;
color: #f57126
}


/* pawprint lines on left  */

#line {
padding-top: 20px
}

img.pic {
margin-top: 30px;
margin-left: 30px
}

/* Animal Kill Counter*/

#counter {
  width: 160px; 
margin:auto;
  color: #fff; 
  background-color: #333; 
  font-size: 1.1em; 
  padding: 4px 0 4px 10px;
}

.smallText {
font: 9px verdana, arial, helvetica, sans serif;
text-align: center
}

.banner {
margin-bottom: 40px;
text-align: center
}

/* Recommended Books Image */

img.book {
margin-left: 20px
}

/* Ongoing Campaigns Logo */

img.camp {
margin-left:20px
}

img.fav {
margin-right:10px
}