html {
background-color: #FFFFFF;
}

body {
width: 960px;
background-color: #FFFFFF;
margin-top: 10px;
}

a:link {
font-family: verdana, arial, sans-serif;
color: #006600;
text-decoration: none;
}

a:hover {
color: #009900;
}

a:visited {
font-family: verdana, arial, sans-serif;
color: #004400;
text-decoration: none;
}

img {
border: 0px;
}

.imgright {
float: right;
}

.imgleft {
float: left;
}

li {
font-family: verdana, arial, sans-serif;
}

.wrapper {
width: 960px;
}


.header {
color: #000;
background-color: #FFFFFF;
text-align: left;
}

.contentwrapper {
width: 960px;
}

.sidebar {
background-color: #FFFFFF;
width: 145px;
float: left;
}

.sidebarbutton {
border: 1px solid #BBB;
width: 140px;
background: url(images/navbar/chromebg3.gif) center center repeat-x;
padding: 4px 0;
margin: 0;
text-align: center;
}

.sidebarbuttontext {
color: #000;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
}

.sidebarbuttontext a {
color: #000;
text-decoration: none;
font-family: verdana, arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
}

.sidebarbuttontext a:hover {
color: #006600;
}

.collectionbox {
padding-top: 10px;
background-color: #EFD;
width: 140px;
text-align: center;
padding-bottom: 10px;
}

.collectioncredit {
color: #000;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
}

.collectioncredit a:hover {
color: #000;
}

.missedcollectionbox {
padding-top: 10px;
background-color: #DDEECC;
width: 140px;
text-align: center;
padding-bottom: 10px;
}

.maincontent {
width: 800px;
color: #000;
background-color: #FFFFFF;
margin-left: 150px;
margin-right: 0px;
}

.maincontentheading {
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
}

.maincontenttext {
font-family: verdana, arial, sans-serif;
font-size: 1em;
}

.indexpageboxwrapper {
width: 800px;
height: 245px;
}

.indexpagebox {
text-align: center;
float: left;
width: 260px;
height: 240px;
margin: 0px;
padding: 0px;
background: url(images/indexpage/indexpagebox.jpg);
background-repeat: no-repeat;
}

.indexpageheading {
margin: 20px;
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
}

.indexpagetext {
margin: auto;
line-height: 32px;
width: 236px;
font-family: verdana, arial, sans-serif;
font-size: 1.4em;
border: solid 1px #339933;
background: url(images/indexpage/indexpagetextbg.jpg) center center;
background-repeat: repeat-x;
}

.indexpagetext a:hover {
color: #009900;
}

.whatiskerbsidebox {
float: left;
width: 260px;
height: 240px;
margin: 0px;
background: url(images/indexpage/indexpageboxbox_over.jpg);
background-repeat: no-repeat;
}

.whatiskerbsidebox a:hover {
opacity: 0;
filter: alpha(opacity=0);
zoom: 1;
}

.socentbox {
float: left;
width: 260px;
height: 240px;
margin: 0px;
background: url(images/indexpage/indexpagesocentbox_over.jpg);
background-repeat: no-repeat;
}

.socentbox a:hover {
opacity: 0;
filter: alpha(opacity=0);
zoom: 1;
}

.newsbox {
word-wrap: break-word;
font-family: verdana, arial, sans-serif;
text-align: left;
margin: 10px;
height: 220px;
overflow-y: scroll;
}

.newstext {
font-family: verdana, arial, sans-serif;
font-size: 1em;
}

.collectiondo {
padding: 5px;
float: left;
text-align: left;
width: 375px;
height: 120px;
background-color: #66FF66;
margin-bottom: 10px;
}

.collectiondont {
padding: 5px;
float: right;
text-align: left;
width: 375px;
height: 120px;
background-color: #FF3333;
margin-bottom: 10px;
}

.collectiontext {
width: 365px;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}

.contactform {
background-color: #FFFFFF;
font-family: verdana, arial, sans-serif;
float: left;
text-align: left;
width: 300px;
font-size: 1em;
}

.contactaddress {
width: 435px;
float: left;
text-align: left;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}

.contactmap {
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 1em;
border-style: solid;
border-color: #DDEECC;
}

.calendarwrapper {
margin: 5px;
float: left;
border-style: solid;
border-width: 3px;
border-color: #EEFFDD;
}

.calendar {
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 0.9em;
background-color: #DDEECC;
}

.calendar td {
width: 28px;
height: 20px;
}

.calendar-month {
background: url(images/navbar/chromebg3.gif) center center repeat-x;
padding: 4px;
font-weight: bold;
}

.calendar-collectionday {
font-family: verdana, arial, sans-serif;
color: #DDEECC;
font-weight: bold;
background: url(images/content/collectioncalendar/collectiondaybackground.gif) center center no-repeat;
}

.donationbox {
padding: 3px;
vertical-align: top;
width: 250px;
height: 400px;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 1em;
float: left;
border-style: solid;
border-width: 3px;
border-color: #DDEECC;
}

.postcardthumb {
border-style: solid;
border-width: 2px;
border-color: #CCDDBB;
width: 100px;
height: 138px;
float: left;
}

.disclaimerwrapper {
clear: both;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}

.pattable {
text-align: center;
width: 400px;
border: 1px;
border-style: solid;
border-color: #006600;
}

.pattd {
border: 1px;
border-style: solid;
border-color: #006600;
}

#fixed[id] {
display: block;
position: fixed;
overflow:auto;
bottom: 0px;
left: 0px;
z-index: 0;
margin: 0px;
clear: both;
}

.pagetoplink {
text-align: left;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
}

.footer {
width: 960px;
color: #000;
background-color: #FFFFFF;
font-family: verdana, arial, sans-serif;
text-align: center;
clear: both;
margin-top: 20px;
}

/* Start Drop-Down Menu */

.chromestyle{
background-color: #FFFFFF;
font-family: verdana, arial, sans-serif;
width: 99%;
font-size: 0.8em;
font-weight: bold;
}

.chromestyle:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 958px;
background: url(images/navbar/chromebg3.gif) center center repeat-x;
padding: 4px 0;
margin: 0;
text-align: center;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #ADED7C;
}

.chromestyle ul li a:hover{
background: url(images/navbar/chromebg3-over.gif) center center repeat-x;
}

.chromestyle ul li a[rel]:after{
content: " v";
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ADED7C; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
font-size: 0.8em;
z-index:100;
background-color: #FFFFFF;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #ADED7C;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000;
}

.dropmenudiv a:hover{
background-color: #EEFFDD;
color: #009900;
}

.dropmenudiv a:visited{
width: 100%;
display: block;
text-indent: 3px;
text-decoration: none;
font-weight: bold;
color: #004400;
}

.dropmenudiv a:visited:hover {
color: #009900;
}

/* End Drop-Down Menu */