/* START: General CSS styles */
a,a:link, a:active, a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #860006;
}
html,body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #520100;
}
td,th,ol,ul,li,input,select,textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
ul {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 30px 40px;
}
p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
span,form,script {
	margin: 0px auto;
	padding: 0px;
}
/* END: General CSS styles */

/* START: Structural styles */
.main {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image:url(../assets/main_bg.gif);	
	background-repeat:repeat-x;
}

.header {
	width: 1000px;
	height: 160px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.mainContent {
	width: 848px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image:url(../assets/main_content_bg.jpg);	
	background-repeat: repeat-x;
	text-align:left;
}

.landingSection, .calendarSection {
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image:url(../assets/landing_section_bg.gif);	
	background-repeat: repeat-y;	
}
.sideNavigation {
	width: 185px;
	display: inline;
	float: left;
}
.sideNavigation a:link, .sideNavigation a:active, .sideNavigation a:visited {
	font-weight: bold;
	color: #000000;
	display:block;
	margin: 8px 0px 0px 15px; 
	padding: 0px 15px 4px 15px; 
	text-decoration: none;
}
.activeNavigation {
	font-weight: bold;
	color: #FF0000;
	display:block;
	margin: 8px 0px 0px 15px; 
	padding: 0px 15px 4px 15px; 
	text-decoration: none;
	background-image:url(../assets/nav_arrow.gif);background-repeat: no-repeat;	
}
.sideNavigation a:hover {
	color: #520100;
}
.landingContent {
	width: 662px;
	background-color: #FFFFFF;	
	padding: 20px 38px 20px 38px;
	background-image:url(../assets/landing_content_bg.gif);	
	background-repeat: repeat-x;	
}

.calendarContent {
	width: 800px;
	background-color: #FFFFFF;	
	padding: 20px 38px 20px 38px;
	background-image:url(../assets/landing_content_bg.gif);	
	background-repeat: repeat-x;	
}

html>body .landingContent 
{
	width:575px;
}

.landingContent h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.breadCrumbs {
	font-weight: bold;
	color: #797979;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 8px 0px;
	border-bottom-color: #797979;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.breadCrumbs a:link, .breadCrumbs a:active, .breadCrumbs a:visited, .breadCrumbs a:hover {
	color: #797979;
	text-decoration: none;
}
.footer {
	background-color: #3C3C3C;
	width: 848px;
	height: 88px;
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.logo {
	width: 559px;
	height: 107px;
	z-index: 0;
	margin: 0px;
	padding: 0px;
}

.screen {
	position:relative;
	left: 160px;
	top: 0px;
	width: 155px;
	height: 148px;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	float: left;
	background:#670001;
}

.districtCalendar {
	position:relative;
	left: 225px;
	top: 10px;
	width: 70px;
	height: 63px;
	z-index: 3;
	margin: 0px;
	padding: 0px;	
	float: left;
}

.contacts {
	position:relative;
	left: 130px;
	top: 100px;
	width: 78px;
	height: 23px;
	z-index: 4;
	margin: 0px;
	padding: 0px;
	float: left;	
}

.navigation {
	position:relative;
	left: 135px;
	top: -20px;
	width: 440px;
	height: 29px;
	z-index: 5;
	border-top: solid 1px #FFFFFF;
}
.markCalendar {
	position:relative;
	left: 20px;
	top: 10px;
	width: 114px;
	height: 104px;
	z-index: 6;	
	float: left;
	background:#3C3C3C;
}
.teaserLine {
	left: 50px;
	top: 10px;
	background-color: #FFFFFF;
	width: 1px;
	height: 68px;
}
.teaserContent {
	position:relative;
	left: 98px;
	top: 10px;
	width: 475px;
	height: 88px;
	float:left;	
}
.teaserPhoto {
	position:relative;
	left: 470px;
	top: -58px;
	width: 155px;
	height: 88px;
	z-index: 9;	
	float:left;
}

.home_message
{
	font-size:18pt;
	color:#333333;
	padding:40px;
}
/* END: Structural styles */


/* START: Input form styles */
.dataLabel {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
}	
.dataField {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 3px;

}
.validationText {
	color: #FF0000;
}	


#CalendarNav FORM {MARGIN-BOTTOM: 2px}
#CalendarDateNav {FONT-WEIGHT: bold; FONT-SIZE: 1.6em; MARGIN-BOTTOM: 0em; FONT-STYLE:normal;width:800px;}
#CalendarDetail {MARGIN-TOP: 40px}
#CalendarDetail H1 {FONT-SIZE: 1.5em; MARGIN-BOTTOM: 0.5em; FONT-STYLE: italic}
#CalendarDetail H2 {FONT-WEIGHT: normal; FONT-SIZE: 1.1em; MARGIN-BOTTOM: 0.3em; FONT-STYLE: italic}
#CalendarDetail .detailHead {FONT-WEIGHT: bold}
#CalendarDetail PRE {MARGIN-TOP: 0px; FONT-FAMILY: Verdana, Verdana,Arial, Helvetica, sans-serif}

.dayOfWeek {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; FONT-WEIGHT: bold;}
.dayOfWeek A {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; FONT-WEIGHT: bold;}
.dayOfWeekToday {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; FONT-WEIGHT: bold;}
.dayOfWeekToday A {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; FONT-WEIGHT: bold;}
.calendarHead {FONT-WEIGHT: bold}
.longDescription {MARGIN-TOP: 0.7em; MARGIN-BOTTOM: 0.7em; WIDTH: 65%}
.teaser {MARGIN-TOP: 0.7em; MARGIN-BOTTOM: 0.7em; WIDTH: 65%}
.registration {MARGIN-TOP: 1em}
.RSVP {MARGIN-TOP: 1em}
.backward a
{
	text-decoration:none;
}

#CalendarMonth {MARGIN-TOP: 0px;width:775px;}
#CalendarMonth TABLE.caltable {HEIGHT: 100%;}
#CalendarMonth TABLE.calTable {border: none;}
#CalendarMonth TD.headerDisplay {border: none;}
#CalendarMonth TD.nullDay {border: 1px solid #000000; BACKGROUND: #AAAAAA;}
#CalendarMonth TD.nullDay A {COLOR: #FFFFFF; TEXT-DECORATION: none;}
#CalendarMonth TD.monthDay {border: 1px solid #000000;}
#CalendarMonth TD.monthDay A {COLOR: #520100; TEXT-DECORATION: none}
#CalendarMonth TD.monthDayWeekend {BACKGROUND: #CCCCCC; border: 1px solid #000000;}
#CalendarMonth TD.monthDayWeekend A {COLOR: #520100; TEXT-DECORATION: none;}
#CalendarMonth TD.monthDayToday {BACKGROUND: #E2CA81; border: 1px solid #000000;}
#CalendarMonth TD.monthDayToday A {COLOR: #520100; TEXT-DECORATION: none;}
#CalendarMonth TD.viewWeek {border: 1px solid #000000; BACKGROUND: #520100; BORDER-BOTTOM-COLOR: #FFFFFF; COLOR: #FFFFFF;}
#CalendarMonth TD.viewWeek A {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
#CalendarMonth TD.viewWeek A:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-WEIGHT: bold; }
#CalendarMonth UL.events {MARGIN-BOTTOM: 0px;}
#CalendarMonth TD.viewMore A {TEXT-DECORATION: underline;}
.white {
  color: #FFFFFF
 }

.gray {
  color: #777777
 }

.red {
	color: #B22222
}

.green {
	color: green
}

.yellow {
	color: #878800
}

.orange {
	color: #D2691E
}
/* ED: Input form styles */