body{
padding:0px;
margin:0px;
background:#FFFFFF;
}

#container{
margin: 0 auto 0 auto;
padding:0px;
width: 800px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
background:#FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#popup-container{
margin: 0 auto 0 auto;
padding:5px 10px 5px 10px;
width: 800px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
background:#FFFFFF;
}

#popupbox {
background-color:#BFFFBF;
width: 400px;
}

#popupboxhillbank {
background-color:#BFFFBF;
width: 600px;
}

.popuptext{
padding:0px 0px 0px 5px;
}

.contactform{
width:370px;
margin: 0 auto 0 auto;
padding-top:10px;
}

#wagdayreminder{
float:right;
font-size:12px;
text-align:center;
padding-right:20px;
}

.clear{
clear:both;
}

#header{
background:#BFFFBF;
height:160px;
}

#logo{
width: 350px;
float: left;
padding-left:5px;
background:#BFFFBF;
}

#links{
float: left;
width:350px;
background:#BFFFBF;
padding-top:8px;
}

#content{
width:800px;
}

.logo{
border:0px;
}

.linksection{
float: left;
width:160px;
line-height:15px;
}

.link {
text-decoration:none;
color:#000000;
font-size:110%;
}

.link:hover{
text-decoration:none;
color:#0000FF;
font-size:110%;
}

.current{
color:#0000FF;
text-decoration:none;
font-size:110%;
}

.current:hover{
text-decoration:none;
color:#0000FF;
font-size:110%;
}

.merch{
width:130px;
text-align:center;
padding-top:5px;
}

.pens{
background:url(../images/fundraising/pensrollover.gif) repeat 0px 0px; 
width: 83px; 
height: 84px; 
display: block; 
margin: 0 auto 0 auto;
}

.pens:hover{
background: url(../images/fundraising/pensrollover.gif) repeat 0px -88px;
}

.bugs{
background:url(../images/fundraising/bugsrollover.gif) repeat 0px 0px; 
width: 83px; 
height: 84px; 
display: block; 
margin: 0 auto 0 auto;
}

.bugs:hover{
background: url(../images/fundraising/bugsrollover.gif) repeat 0px -88px;
}

.tshirts{
background:url(../images/fundraising/tshirtsrollover.gif) repeat 0px 0px; 
width: 83px; 
height: 84px; 
display: block; 
margin: 0 auto 0 auto;
}

.tshirts:hover{
background: url(../images/fundraising/tshirtsrollover.gif) repeat 0px -88px;
}

.eventlink {
text-decoration:none;
color:#000000;
}

.eventlink:hover{
text-decoration:none;
color:#0000FF;
}

.eventcurrent{
color:#0000FF;
text-decoration:none;
}

.eventcurrent:hover{
text-decoration:none;
color:#0000FF;
}

#gradient{
float: left;
width:800px;
height:50px;
background-image: url(../images/gradient.jpg);
padding: 0px;
}

#statement{
font-size:15px;
padding-left:5px;
color:#000000;
float:left;
}

#left{
float:left;
padding-top:10px;
padding-left:0px;
width:130px;
height:600px;
}

#leftevent{
float:left;
width:160px;
padding-top:50px;

}

#rightevent{
float: left;
width:640px;
}

#middle{
float: left;
padding-top:20px;
width:380px;
padding-left:50px;
}

#counter{
text-align:center;
padding:15px 0px 0px 0px;
}

#counter img{
border: 0px;
}


#top{
float:left;
width:370px;
text-align: center;
padding-top:20px;
padding-bottom:15px;
padding-left:60px;
line-height:15px;
word-spacing:1px;

}

#top p{
font-size:12px;
}

#righttop{
float:left;
width:220px;
padding-top:10px;
padding-left:10px;
}

#right{
float: left;
padding-top:20px;
width:230px;
}

#footer{
padding-top:40px;
padding-bottom:10px;
font-size:10px;
margin: 0 auto 0 auto;
width:600px;
}

#footer a{
padding: 0px 5px 0px 5px;
color:#000000;
text-decoration:none;
}

#footer a:hover{
color:#0000BB;
text-decoration:none;
}

#notepad{
margin: 0 auto 0 auto;
width:150px;
text-align:center;
}

#notepadtitle{
width:2
}

.nameandshame{
background:url(../images/nameandshame.gif) no-repeat 0px 0px;
width:128px; 
height: 20px;
display: block; 
margin: 0 auto 0 auto;
}



.notepad{
background:url(../images/notepaddouble.jpg) repeat 0px 0px; 
width: 96px; 
height: 98px; 
display: block; 
margin: 0 auto 0 auto;
}

.notepad:hover{
background: url(../images/notepaddouble.jpg) repeat 0px -97px;
}

.centerimage{
text-align:center;
width:150px;
}

.textual{
color: #0000FF;
text-decoration:none;
}

.textual:hover{
color: #000000;
text-decoration:underline;
}

.sectiontitle{
font-size:16px;
color:#000000;
text-align:center;
padding-bottom:20px;
}

.latestnews{
background:url(../images/latestnews/latestnews.gif) no-repeat 0px 0px;
width:145px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.sectiontitle-previousnews{
font-size:16px;
color:#000000;
text-align:center;
padding-bottom:20px;
}

.previousnews{
background:url(../images/previousnews.gif) no-repeat 0px 0px;
width:165px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.aboutus{
background:url(../images/aboutus/aboutus.gif) no-repeat 0px 0px;
width:103px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.guestbook{
background:url(../images/guestbook/guestbook.gif) no-repeat 0px 0px;
width:121px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.contactus{
background:url(../images/contactus/contactus.gif) no-repeat 0px 0px;
width:130px; 
height: 30px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.fundraising{
background:url(../images/fundraising/fundraising.gif) no-repeat 0px 0px;
width:126px; 
height: 31px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.councilmail{
background:url(../images/councilmail/councilmail.gif) no-repeat 0px 0px;
width:132px; 
height: 26px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.pressreleases{
background:url(../images/pressreleases/pressreleases.gif) no-repeat 0px 0px;
width:167px; 
height: 26px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.constitution{
background:url(../images/constitution/constitution.gif) no-repeat 0px 0px;
width:142px; 
height: 30px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.links{
background:url(../images/links/links.gif) no-repeat 0px 0px;
width:62px; 
height: 26px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.thanksto{
background:url(../images/thanksto/thanksto.gif) no-repeat 0px 0px;
width:128px; 
height: 26px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.eventsprotests{
background:url(../images/eventsprotests/eventsprotests.gif) no-repeat 0px 0px;
width:205px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.member{
background:url(../images/member/member.gif) no-repeat 0px 0px;
width:203px; 
height: 27px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.whatis{
background:url(../images/puppyguide/whatis.gif) no-repeat 0px 0px;
width:276px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.guide{
background:url(../images/puppyguide/guide.gif) no-repeat 0px 0px;
width:340px; 
height: 32px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.nameandshame{
background:url(../images/nameandshame/nameandshame.gif) no-repeat 0px 0px;
width:183px; 
height: 27px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.nameandshameworldwide{
background:url(../images/nameandshame/nameandshameworldwide.gif) no-repeat 0px 0px;
width:305px; 
height: 27px;
display: block; 
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
}

.title{
padding-top:0px;
padding-bottom:5px;
font-size:15px;
text-align:center;
}

.title a{
color:#000000;
text-decoration:none;
}

.title a:hover{
color:#0000FF;
text-decoration:none;
}

.newstext{
text-align: center;
padding:10px 5px 0px 5px;
}

.text{
padding: 10px 30px 10px 30px;
}

.text p{
padding:0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

.text table{
margin-right: auto;
margin-left:auto;
}

.centertext{
padding: 10px 30px 0px 30px;
text-align: center;
}

.centertext p{
padding:0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

.centertext table{
margin-right: auto;
margin-left:auto;
}

.date{
text-align: center;
}

.newsitem{
padding-bottom:15px;
margin-right: auto;
margin-left:auto;
width:300px;
}

.list{
list-style-type: none;
line-height: 2em;
padding-left:0px;
margin-left:0px;
} 

.pawlist{
list-style-type: circle;
list-style-position: inside;
padding-top:10px;
padding-left:20px;
margin-left:0px;
}

.button{
padding-top:5px;
}

.readbutton{
background:url(../images/readbutton.gif) repeat 0px 0px; 
width: 57px; 
height: 23px; 
display: block; 
margin: 0 auto 0 auto;
}

.readbutton:hover{
background:url(../images/readbutton.gif) repeat 0px -22px;
}

#waggy{
text-align: center;
padding-top: 30px;
padding-bottom:30px;
}

#bebo{
text-align:center;
}

#bebo a{
text-decoration: none;
color: #000000;
}

#bebo a:hover{
text-decoration: none;
color: #0000FF;
}

.bebo{
border:0px;
}

a.waggy{ 
  color: #000000;
  text-decoration:none;
}

.left{
float:left;
padding:0px 5px 5px 0px;
}

.right{
float:right;
padding:0px 5px 5px 0px;
}

#charityinfo{
padding-top:15px;
font-size:10px;
}

#box {
background-color:#BFFFBF;
width: 300px;
}

#previousnewsbox{
background-color:#BFFFBF;
width: 200px;
margin-right: auto;
margin-left:auto;
text-align:center;
}

#previousnewsbox a{
color:#000000;
text-decoration:none;
}

#previousnewsbox a:hover{
color:#0000FF;
text-decoration:none;
}

#previouslinks{
padding-top:5px;
padding-left:30px;
padding-right:30px;
}

#mainarea{
width: 800px;
}

#nameandshameleft{
width:250px;
float:left;
}

.story{
padding-top:0px;
padding-bottom:20px;
padding-bottom:20px;
margin-right: auto;
margin-left:auto;
width:700px;
}

.mainbox {
background-color:#BFFFBF;
width: 700px;
}

.storysmall{
padding-top:0px;
padding-bottom:20px;
padding-bottom:20px;
padding-left:50px;
width:200px;
float:left;
}

.mainboxsmall{
background-color:#BFFFBF;
width: 200px;
}

.storyflash{
padding-top:0px;
padding-bottom:20px;
padding-bottom:20px;
padding-left:10px;
width:490px;
float:left;
}

.mainboxflash{
background-color:#BFFFBF;
width: 490px;
}

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(../images/rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -11px}
b.bbot{background-position: 0 -19px}
b.bbot b{background-position: 100% -30px}

.eventstory{
padding-top:0px;
padding-bottom:20px;
padding-bottom:20px;
margin-right: auto;
margin-left:auto;
width:600px;
}

.eventmainbox {
background-color:#BFFFBF;
width: 600px;
}
