/* site-template */

body {
font-family: Verdana, Arial, sans-serif;
color: #000000;
background-color: #000000; 
padding-right: 30px;
}

p {
color: #000000;
font-size: 80%;
text-decoration: none;
}

#banner {
margin: 0;
padding-left: 0;
}

#banner img {
border: 4px solid white;
}

#menu {
margin: 0px 0px 0px 150px;
}

#nav {
height: 90px;
padding-top: 10px;
padding-left: 30px;
width:100%;
}

#nav ul {
margin: 0px;
list-style-type: none;
clear: both;
background-color: transparent;
text-align: center;
width: 1070px;
}

#nav li {
display: inline;
font-size: 70%;
font-weight: bold;
}

#nav li a:link {
float: left;
width: 12.5em;
color: #FFFF00;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
background-color: #4c7593;
}

#nav li a:visited {
color: #ffffff;
background-color: #808080;
float: left;
width: 12.5em;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
}

#nav li a:hover {
color: #808080;
background-color: #FFF;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

#bin {
width: 100%;
height: 2000px;
position: relative;
}

#news {
position: absolute;
top: 10px;
left: 370px;
padding-left: 50px;
padding-top: 20px;
padding-right: 50px;
padding-bottom: 10px;
width: 61%;
background-color: #d2ff78;
font-size: 75%;
font-family: verdana, arial, sans-serif;
font-weight: bold;
}

#news p {
font-size: 80%;
margin-top: 5px;
margin-bottom: 5px;
}

#news li {
margin-top: 5px;
margin-bottom: 5px;
}

#news h5 {
margin-top: 5px;
margin-bottom: 5px;
}

#news h4 {
margin-top: 5px;
margin-bottom: 5px;
}

#sub {
padding: 20px;
margin-top: 20px;
width: 46%;
background-color: #ccccaa;
}


#wallpaper {
color: #000;
float: left;
width: 25%;
height: 2750px;
margin-top: 30px;
background-color: inherit;
padding-left: 20px;
}

#wallpaper h4 {
color: #800080;
text-decoration: underline;
text-align: center;
}

#wallpaper img {
margin: 10px 10px 10px 20px;
}

#wallpaper ul {
font-size: 70%;
width: 99%;
background-color: #808080;
}

#wallpaper a:link {
color: #fff000;
}

#wallpaper a:hover {
color: #ff0000;
}

#wallpaper a:active {
color: #fff;
}

wallpaper a:visited {
color: #fff;
}

#container {
position: relative;
width: 1200px;
clear: both;
}

#wrap {
float: left;
width: 750px;
margin: 20px 10px 20px 75px;  
color: #000000;
background-color: #E9F47B; /* cream */
}

#history {
background-color: #ff99ff;
padding: 20px;
}

#col2 {
position: absolute;
width: 230px;
top: 50px;
right: 75px;
background-color: #ffffff;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

#calendar {
position: relative;
}

#charities {
background-color: #e9f47b;
padding-left: 30px;
} 

#quote {
color: #b30000;
}

#footer {
position: relative;
clear: both;
background-color: transparent;
margin-top: 30px;
margin-right: 20px;
margin-left: 0px;
padding: 30px 0px 30px 30px;
width: 1200px;
}

h1 {
color: #B37D00; /* orange */
text-decoration: underline;
text-transform: capitalize;
font-weight: bold;
font-size: x-small;
}

h2 {  
color: #000000;
background-color: inherit;
font-size: x-large;
}

h3 {
color: #4B0082;
font-size: medium;
}

h4 {
font-family: 'Book Antiqua', Arial, sans-serif;
color: #008000;
font-size: 90%;
}

h5 {
color: #FF0000;
font-size: 80%;
}



img {
margin-top: 2px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 10px;
}

em {
font-style: oblique;
font-size: xx-small;
color: #080080;
}

.center {
text-align: center;
}

.red {
color: #b30000;
}

.underline {
text-decoration: underline;
}

.hilite {
background-color: #fff000;
margin-left: 140px;
padding: 10px;
width: 55%;
}

.none {
list-style-type: none;
}

.white {
color: #fff;
}

a:link {
color: #996600; 
}
a:visited {
color: #4b0082; /* indigo */
}
a:hover {
color: #b30000; 
}
a:active {
color: #000000; 
}


#wrap a:link {
color: #008000;
}

#wrap a:hover {
color: #330066;
}