body               { color: #000000; font-size: 10pt; line-height: normal; font-family: Arial, Helvetica, Geneva, Swiss, Verdana, SunSans-Regular; text-decoration: none; background-color: #DFE5C2; }
h1                 { color: #7A4599; font-weight: bold; font-size: 18pt; font-family: Arial, Helvetica, Geneva, Verdana, Swiss, SunSans-Regular; text-align: center; }
h2                 { color: #777; font-style: normal; font-weight: bold; font-size: 14pt; font-family: Arial, Helvetica, Geneva, Swiss, Verdana, SunSans-Regular; text-decoration: none; text-align: center; }
h3                 { color: #888888; font-weight: 800; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Verdana, Swiss, SunSans-Regular; text-decoration: none; }
.top a:link        { color: #FFFFFF; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; text-align:center; }
.top a:hover       { color: #FFFFFF; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; text-align: center; background-color: #611808; }
.top a:visited     { color: #FFFFFF; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; text-align: center; }
.left a:link       { color: #FFFFFF; font-weight: 700; font-size: 10pt; line-height: 11pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
.left a:visited    { color: #FFFFFF; font-weight: 700; font-size: 10pt; line-height: 11pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
.left a:hover      { color: #777777; font-weight: 700; font-size: 10pt; line-height: 11pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; background-color: #ffff99; }
.body a:link       {  font color: #777777 font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
.body a:visited    { color: #777777; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration:none; }
.body a:hover      { color: #777777; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; background-color: #ffff99; }
.special a:link    { color: #0D50B5; font-size: 8pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: underline; }
.special a:visited { color: #0D50B5; font-size: 8pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
.special a:hover   { color: #0D50B5; font-size: 8pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; background-color: #ffff99; }
a:link             { color: #0D50B5; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: underline; }
a:visited          { color: #0D50B5; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
a:hover            { color: #0D50B5; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; background-color: #ffff99; }
.smalllink a:link          { color: #0D50B5; font-size: 8pt; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: underline; }
.smalllink a:visited       { color: #0D50B5; font-size: 8pt; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; }
.smalllink a:hover         { color: #0D50B5; font-size: 8pt; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; background-color: #ffff99; }
.nodecoration a:hover      { background-color: transparent; color: transparent; text-decoration: none; }
.smalltable { font-size: x-small; }

/* For the volunteer signup sheet */
.volunteersign {table-layout:fixed;text-align: center; border-spacing:1px; background-color:#0000;}
.volunteersign tbody {background-color:#FFFFFF; color:#000000;}

.volunteersign td, .volunteersign th {border: 1px solid black; padding: 0px; font-size: 10pt; height:40px;}
.volunteersign th { border: 1px solid white; background-color:#000000; color:#FFFFFF; font-weight: bold; width:75px; vertical-align: middle;}

.tablealigncenter td, tablealigncenter th {text-align: center;}

th.vleftcol, td.vleftcol {position: absolute; left:0px; width:150px; text-align: left; vertical-align: middle;}
th.vleftcol {background-color:#000000; color:#FFFFFF;}
td.vleftcol {background-color:#BBBBBB; color:#000000;}

th.SkipCol {width: 20px; background-color: #FFFFFF; border: 0px solid #FFFFFF;}

.volunteersignouter { position:relative; width:898px; }
.volunteersigninner { overflow:scroll; margin-left:155px;}

/* For the pulldown Menus */
#navbar         { list-style:none; font-weight:normal; margin-bottom:2px; /* Clear floats */ float:left; width:100%;
                  font-size: 8pt;
                /* Bring the navbar above everything else--uncomment if needed. */
                position:relative; z-index:5; */ }

#navbar li      { float:left; margin-right:0px; position:relative; }
#navbar a       { text-align: left; display:block; padding:2px; color:#ffffff; background:#aa4b35; text-decoration:none; }
#navbar a:hover { color:#ffffff; background:#611808; text-decoration: none; }



#navbar ul{
    /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:#aa4b35;
    list-style:none; position:absolute;
    display: none;
}

#navbar ul li{
    /* Introducing a padding between the li and the a give the illusion spaced items */
    padding-top:1px; float:none; }

#navbar ul a{
    /* Stop text wrapping and creating multi-line dropdown items */
    white-space:nowrap; }

#navbar li:hover ul{
    /* Display the dropdown on hover */
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }

#navbar li:hover li{
    float: none; }

#navbar li:hover a{
    /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#611808; }

#navbar li:hover ul a{
    /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
    background: none; }

#navbar li:hover ul li a:hover{
    /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#611808; }

 #navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	color: #ffffff; }