/* OVERALL STYLES */
body {
    background-color:#eeb;
}
a{
    font-weight: bold;
}
a:link {
    color: #600;
}
a:visited {
    color: #000;
}
a:hover {
    text-decoration: none;
    color: #009;
}
a:active {
    text-decoration: none
}
/* END OVERALL STYLES */

/* CONTAINER STYLES */
#container {
    border: solid 1em #600;
    margin: 0 auto;
    background-color:#ffc;
    width:80%;
}
/* END CONTAINER STYLES */

/* HEADER STYLES */
#header {
    background-color: #600;
    color:#eeb;
    padding: 0;
    margin: 0;
    float: left;
    width:100%;
}
#header h1{
    margin: 0;
    padding: 4% 0 0 0;
}
#header h2{
    margin:0;
    padding:0;
}
#header a {
    text-decoration: none;
    color: #eeb;
}
#header a:hover{
    text-decoration: underline;
}
#header img {
    width: 20%;
    height: 20%;
    float:left;
    margin: 2%;
}
/* END HEADER STYLE */
/* MAIN NAVIGATION TABS */
#mainnav{
    background-color: #600;
    padding: 1em 0 0 3em;
    margin:0;
}
#navlist {
    clear:both;
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
    font: bold .75em Verdana, sans-serif;
    margin:0;
}
#navlist li { 
    list-style: none;
    margin: 0;
    display: inline;
}
#navlist li a {
    padding: 3px 0.25em;
    margin-left: 1px;
    border: 1px solid #778;
    border-bottom: none;
    background: #ffc77f/*f93*/;
    text-decoration: none;  
}
#navlist li a:link { color: #000; /*#448;*/ }
#navlist li a:visited { color: #600/*67*/; }
#navlist li a:hover {
    color: #600;
    background: #f93;
    border-color: #227;
}
#navlist li a#current {
    color: #000;
    background: #ffc;
    border-bottom: 1px solid #ffc;
}
/* END MAIN NAVIGATION TABS */

/* MAIN AREA STYLE */
#main {
    clear: both;
    padding: 1.5em;
 }
 /* STYLING TO MAKE THE SPAN INTO A FREAKING BOX */

span.box {
    float: left;
    width: 14%;
    border: 1px solid #000;
}
.drop {
    float:left;
    clear:left;
}
/* END STYLING TO MAKE THE SPAN INTO A FREAKING BOX */

/* FORM STYLING */
form{
    font-family: helvetica;
    margin: 0 1%;
}
label {
    font-weight: bold;
    font-family: helvetica;
    font-size: 85%;
}
legend{
    font-weight: bold;
    font-family: helvetica;
}
.editdelmeetings{
    clear: left;
    padding:1em;
}
.editdelmeetings form{
float: left;
}
/* END FORM STYLING */
/*calendar*/
#notes{
    clear:both;
}
h4{
    margin:0;
    padding: .25em;
}
.weekdays h4{
    font-size: 95%;
    font-family:arial;
    background-color: #600;
    color: #ffc;
    margin:0;
}
.weekdays{
    margin: 0;
    padding: 0;
}
.box{
    text-align:center;
}
.box p{
    text-align: left;
    padding: 0 1%;
    margin: 1%;
}
.date, .count{
    background-color: #ffc77f;
}
.count{
    border-top: solid 1px #000;
}
.empty .count, .inactive .count{
    border-color: #999;
    background: #999;
}
.date{
    border-bottom: solid 1px #000;
}
.empty .date, .inactive .date{
    border-color: #999;
    background: #999;
}
.empty,.inactive{
    background: #999;
}
#calendar p{
    margin:0;
    padding: 0 .25em;
}
.max h4,.max .count{
    background: #cce6ff;
}
.initials1 {
   background: #ccf;
}
.initials2 {
   background: #fcc;
}
.initials0 {
   background: #cfc;
}
/* END CALENDAR */
 /* END MAIN AREA STYLE */
 
 /* FOOTER STYLE */
#footer {
text-align:center;
}
/* END FOOTER STYLE */