body{background: url(../images/mainBackground.gif) repeat-x #010166; margin: 0; padding: 0; font-family: Verdana, Arial, Times New Roman;}

/* HEADER AND NAVIGATION */
#header{width: 625px; border: #FFF 3px solid; height: 246px; margin: 0 auto; margin-top: 50px; background: url(../images/headerBackground.gif) top repeat-x #010166;}
#subHeader{width: 585px; height: 210px; border: #FFF 3px solid; margin: 15px auto;}
#subHeader ul{color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 14px; list-style-type: none; margin: 38px 0 0 380px; padding: 0;}
#subHeader ul li a.nav:link, a.nav:visited{color: #FFF; text-decoration: none;}
#subHeader ul li a.nav:hover, a.nav:active{color: #FFF; text-decoration: underline;}

/* NEWS SECTION */
#news{width: 625px; padding: 5px 0; color: #FFF; font-size: 12px; margin: 0 auto;}
#news ul{margin: 0; padding: 0; display: inline;}
#news ul li{display: inline; padding-right: 15px;}
#news ul li.first{list-style-type: none;}
#news ul li.item{background: url(../images/newsBullet.gif) no-repeat; padding-left: 8px;}

/* CONTENT */
#content{width: 606px; border: #FFF 3px solid; margin: 0 auto; background: url(../images/bodyBackground.gif) top repeat-x #3e39a0; padding: 10px; color: #FFF; font-size: 12px;}
#content p{line-height: 150%;}
#content p.vol{line-height: 100%; margin: 0; padding: 0;}

/* FOOTER / ISCLAIMER */
#disclaimer{width: 635px; padding: 5px 0; color: #FFF; font-size: 12px; margin: 0 auto; text-align: right;}
#disclaimer p{margin: 0; padding: 0;}

h1{font-size: 18px; width: 75%; border-bottom: 2px solid #FFF;}
h2{font-size: 14px;}

/*Contact Us Form Alignment */
fieldset{width: 60%; margin: 0 auto;}
label{width: 135px; font-weight: bold; float: left; margin-bottom: 15px;}
label .volunteer{width: 135px; font-weight: bold; float: left; margin-bottom: 0;}
.textBox{background: none; border: 1px solid #FFF; color: #FFF; float: right; margin-bottom: 15px; font-family: Verdana, Arial, Times New Roman;}
.textBox2{background: none; border: 1px solid #FFF; color: #FFF; margin-bottom: 10px; font-family: Verdana, Arial, Times New Roman;}
.button{border: none; font-family: Verdana, Arial, Times New Roman; float: right; margin: 0 0 0 20px;}
.button2{border: none; font-family: Verdana, Arial, Times New Roman; float: left; margin: 0 20px 0 0;}

/*Schedule of Events Page */
#leftColumn2{width:325px; float:left;}
#rightColumn2{width:275px; float:right;}
#schedule{width: 614px; border: #FFF 3px solid; margin: 0 auto; background: url(../images/bodyBackground.gif) top repeat-x #3e39a0; padding: 10px; color: #FFF; font-size: 12px; height: 500px;}

/* CALENDAR LISTING */
.calendar{border-top: dashed 1px #ff0000; border-bottom: dashed 1px #ff0000; padding: 5px 0 5px 20px; margin: -1px 0 0 0; height: auto;}
.calendar p.title{font-weight: bold; font-size: 13px; color: #ffffff; margin:0;}
.calendar p{ padding: 0 0 3px 0;}
.calendar p.description{font-weight: normal; font-size: 12px; color: #ffffff; margin:0;}
.calendar ul{padding: 0; margin: 0 0 0 15px; list-style-type: circle;}
.calendar ul li{margin: 0; padding: 0; line-height: 11px; font-weight: normal; font-size: 12px; color: #0e274d;}
.calendar ul li a:link{color: #0e274d; text-decoration: none;}
.calendar ul li a:hover{color: #88521c; text-decoration: underline;}
.calendar ul li a:visited{color: #000000; text-decoration: underline;}
.calendar .header{font-weight: bold; font-size: 11px; color: #FFFFFF; padding-right: 10px;}
.calendar label{width: 30px; float: left; text-align: left;}

a:link, a:visited{color: #FFF; text-decoration: none;}
a:hover, a:active{color: #e26161; text-decoration: underline;}

.thumbnail{float: left; margin: 20px; width: 160px; height: 160px; border: 1px solid #FFF; text-align: center; background: #666666;}

