body				{ margin: 0; padding: 0 }

p					{ font-family: verdana, arial, sans-serif; font-size: x-small; margin: 0 }

h1					{ color: #810102; font-family: arial, verdana, sans-serif; font-size: large; font-weight: normal }
h2					{ color: #810102; font-family: arial, verdana, sans-serif; font-size: medium; margin-bottom: 10 }
h3					{ color: #810102; font-family: verdana, arial, sans-serif; font-size: x-small; font-weight: bold; margin: 0 }

ul					{ margin-top: 0; margin-bottom: 0}

table				{ width: 100%; border-collapse: collapse }
td					{ vertical-align: top; font-family: verdana, arial, sans-serif; font-size: x-small; padding: 0 }
.containerTable		{ height: 100% }

.spacerCell			{ width: 20px; height: 20px }

.redBar				{ background-color: #810102; height: 20px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px }
.banner1			{ width: 118px; height: 210px }
.logo				{ width: 224px }
.banner2			{ width: 289px }
.banner3			{ background-image: url('images/banner_home2.jpg'); background-repeat: no-repeat; background-position: left top}

.menuTable			{ width: auto; }
.menuItem			{ background-color: #B97502; font-weight: bold; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; font-family: verdana, arial, sans-serif; font-size: x-small; color: #FFFFFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-image:url('images/bg_menu.jpg')  }
.menuItemActive		{ background-color: #810102; color: #ffffff; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; font-family: verdana, arial, sans-serif; font-size: x-small; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px  }

a.whitelink			{ color: #000000 }
a.blacklink			{ color: #000000 }

.contentCell		{ border-top: solid 2px #ffffff; font-family: verdana, arial, sans-serif; font-size: x-small; color: #000000; padding: 20px; background-image:url('images/gradient.jpg'); background-repeat:repeat-x; background-position-y:top }

.breadcrumbs		{ font-size: xx-small; font-weight: bold }

.headerCell			{ border-right:1px solid #C0C0C0; border-top:1px solid #808080; background-color: #810102; color: #FFFFFF; font-weight: bold; padding: 5px; border-left-width:1px; border-bottom-width:1px }
.headerCell2		{ border-right:1px solid #C0C0C0; border-top:1px solid #808080; background-color: #666666; color: #FFFFFF; font-weight: bold; padding: 5px; border-left-width:1px; border-bottom-width:1px }
.fpBorderCell		{ padding: 0px; border-left-width: 1px; border-right: 1px solid #808080; border-top-width: 1px; border-bottom: 1px solid #808080; }
.picCell			{ border-left:1px solid #808080; border-top:1px solid #808080; padding:0px; border-bottom:1px solid #808080; width: 200px  }

.footer				{ margin: 0; text-align: center; color: #ffffff; font-size: xx-small }

.calendarTable		{ border:1px solid #810102; border-collapse: separate}
.calendarMonth		{ background-color: #810102; color: #ffffff; font-weight: bold; padding: 5px }
.calendarDay		{ height: 40px; width: 40px; padding: 2px; border:1px solid #810102; color: #666666; font-size: small }
.calendarActiveDay	{ height: 40px; width: 40px; padding: 2px; border:1px solid #810102; background-color: #E6E6E6; color: #666666; font-size: small; font-weight: bold }

.classTable			{ border-collapse: collapse}
.classVenue			{ vertical-align: middle; text-align: center; border:1px solid #333333; background-color: #810102; color: #FFFFFF; font-weight: bold; padding: 5px }
.classDay1			{ padding: 3px; border:1px solid #808080 }
.classDay2			{ padding: 3px; border:1px solid #808080; background-color: #E6E6E6 }

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: center;
	color: #000000;
	background-color: #FFF4CC;
	border: 1px solid #AAAAAA
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #808080;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #810102;
	border: 1px solid #808080;
	color: #ffffff;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #810102;
	border: 1px solid #808080;
	cursor: pointer;
	color: #ffffff;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #FFC600;
	border: 1px solid #808080;
	color: #000000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: x-small;
	color: #810102;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #ffffff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background: #810102;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #FFC600;
	font-weight: bold;
	}
	
input	{ font-family: verdana, arial, sans-serif; font-size: x-small }
select	{ font-family: verdana, arial, sans-serif; font-size: x-small }
textarea	{ font-family: verdana, arial, sans-serif; font-size: x-small }
button	{ font-family: verdana, arial, sans-serif; font-size: x-small }
option	{ font-family: verdana, arial, sans-serif; font-size: x-small }