body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	background-repeat: repeat;
	background-color: #FFFF99;
}
#container {
	width: 750px;
	background-color: #FFFFFF;
	position: relative;
	border: 1px solid #999999;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#pageheader {
	width: 748px;
	position: relative;
	background-color: #006633;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
}

#navbar {
	width: 748px;
	position: relative;
	background-color: #339900;
	border: 1px solid #339900;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFF00;
	height: 18px;
	padding: 2px 0px 0px;
}

#navbar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFF00;
	text-decoration: none;
}

#navbar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFF00;
	text-decoration: none;
}

#navbar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFF00;
	text-decoration: none;
}

.selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFF00;
	text-decoration: none;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#pagecontent {
	width: 748px;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
}
#contenttable {
	width: 736px;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #996600;
	vertical-align: top;
	left: 6px;
}

#contenttable a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #996600;
	text-decoration: none;
}

#contenttable a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #996600;
	text-decoration: none;
}

#contenttable a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #996600;
	background-color: #FFFF00;
	text-decoration: none;
}
.formtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	position: relative;
}
#calendar {
	width: 502px;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#calendar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#calendar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#calendar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

/* caption determines the style of
   the month/year banner above the calendar. */

caption
     {
     font-family:arial,helvetica;
     font-size:11px;
     color: black;
     font-weight: bold;
     }

/* .calendar determines the overall formatting style of the calendar,
   acting as the default unless later overruled. */

.calendar
     {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	/*
	border: 1px solid #000099;
	border-collapse: collapse;
	*/

}

.free {
	background-image:url(calendar/day.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

.booked {
	background-image:url(calendar/booked.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

.start {
	background-image:url(calendar/start.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

.end {
	background-image:url(calendar/end.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

.xover {
	background-image:url(calendar/xover.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

.reserved {
	background-image:url(calendar/reserved.gif);
	background-position: center center;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}
.blank {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px outset #0000FF;
}

/* .calendarlink determines the formatting of those days linked to
   content. */

.calendarlink
     {
     color: white;
     }

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.header
     {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
     }

/* .day determines the formatting of each day displayed in the
   calendar. */

.day
     {
	background-color: #999999;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
     }
.day td {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	 
}
/* .linkedday determines the formatting of a date to which content is
   available. */

.linkedday
     {
     background-color: #8080ff;
     text-align: center

     }