a {
	color: #0000CD;
	font-weight: bolder;
	text-decoration: none;
}

a:visited {
	color: #0066CC;
}

a:hover {
	color: #0000CD;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

body {
	background-color: #E9E9E9;
	color: #000000;
	font-family: Verdana, Genova, Arial, Sans-serif;
	font-size: 80%;
	margin: 10px;
	padding: 0px;
	text-decoration: none;
}

h1 {
	font-size: 140%;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2 {
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 {
	font-size: 110%;
}

hr {
	background-color: transparent;
	color: #000000;
	height: 1px;
}

p,h1,h2 {
	font-family: Verdana, Genova, Arial, Sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px 20px 0px 5px;
}

table {
}

table {
	margin-left: 5px;
}

table, td {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 12px;
	padding: 3px 2px;
}

.content{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	line-height: 150%;
	margin-left: 212px;
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 586px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.pg_content{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	line-height: 150%;
	margin-left: 212px;
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 786px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.contentbox	{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
	vertical-align: top;
}

.header{
	margin-bottom: 10px;
	width: 800px;
}

.slimline	{
	background-color: #FFCC00;
	border: 1px solid #000000;
}

#footer{
	color: #666666;
	font-size: xx-small;
	padding-top: 5px;
}

#menu {
	background-color: transparent;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#menu li a, #menu li a:hover, #menu li a:active {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	text-indent: 5px;
	width: 200px;
}

#menu li a:hover, #menu li a:active {
	background-color: #FFD83D;
	color: #4D00FF;
}

#menu ul, #menu li{
	display: inline;
}

#navigation{
	background-color: #FFCC00;
	border: 1px solid #000000;
	float: left;
	width: 200px;
}

/* ***** */
/* Calendar CSS */

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
 }

/* Month and Year Row Setup */
.monthYearRow {
    line-height: 17pt;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-image: url(monthBg.gif);
	}
/* Month and Year Text Setup */
.monthYearText {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;
	}
/* Day Name Setup */
.dayNamesText {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #433D27;
	background-image: url(dayBg.gif);
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
    }
/*

/* OverLIB popup text size */
.oLib {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
    }
/*

---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-image:  url(cdef.gif);
	background-color: #EEEEEE;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-image:  url(cdef5.gif);
	background-color: #EBEBEB;
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:  url(cdef2.gif);
	background-color: #F5E0D8;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:  url(cdef2.gif);
	background-color: #F5E0D8;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:  url(cdef2.gif);
	background-color: #F5E0D8;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:  url(cdef2.gif);
	background-color: #F5E0D8;
	}
/* form styles */	
label
{
width: 6em;
float: left;
text-align: right;
margin-right: 2em;
display: block
}