BODY { background-color:#FFFFFF; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-width:0px; margin-height:0px; padding:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; padding-top:0px; }
INPUT { background-color:#B7C7EF; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }
SELECT { background-color:#B7C7EF; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }

#menu { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#FFFFFF; }
#menu a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#FFFFFF; text-decoration:none; }
#menu a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#D5C6AA; text-decoration:none; }

#small { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }
#small input { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small select { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
#small a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#D5C6AA; text-decoration:underline; }

#title { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#000000; font-weight: bold; }
#title a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#title a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#c30c3e; font-weight: bold; text-decoration:none; }

#viewmode td.on { background-color:#C30C3E; border-top:1px solid #D5C6AA; border-left:1px solid #000000; border-right:1px solid #c30c3e; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#000000; font-weight:bolder; text-decoration:none; cursor : pointer; }
#viewmode td.off { background-color:#D5C6AA; border-top:1px solid #C30C3E; border-left:1px solid #000000; border-right:1px solid #C30C3E; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#000000; font-weight:bolder; text-decoration:none; cursor : pointer; }

#viewmode a { background-color:#D5C6AA; border-top:1px solid #C30C3E; border-left:1px solid #000000; border-right:1px solid #C30C3E; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#FFFFFF; font-weight:bolder; text-decoration:none; }
#viewmode a:hover { background-color:#C30C3E; border-top:1px solid #D5C6AA; border-left:1px solid #000000; border-right:1px solid #C30C3E; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#FFFFFF; font-weight:bolder; text-decoration:none; }

#nav { background-color:#C30C3E; }
#calnav { background-color:#D5C6AA; }

#date { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#date a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#date a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#D5C6AA; font-weight: bold; text-decoration:underline; }

#dateCells td.active { background-color:#FFFFFF; border:1px solid #C30C3E; }
#dateCells td.empty { background-color:#FFFFFF; border:1px solid #C30C3E; }
#dateCells td.today { background-color:#D5C6AA; border:1px solid #C30C3E; }
#dateCells td.weekend { background-color:#cccccc; border:1px solid #C30C3E; }
#dateCells td.calendar_header { background-color:#C30C3E; font-family: Verdana,Tahoma,Arial; font-size:10pt; color:#000000; font-weight: bolder; border:1px solid #C30C3E; }
#dateCells .weeknum { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }
#dateCells .daynum { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }
#dateCells a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#dateCells a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#D5C6AA; font-weight: bold; text-decoration:underline; }

#miniDateCells table { border:1px solid #C30C3E; }
#miniDateCells td.active { background-color:#FFFFFF; border:1px solid #C30C3E; }
#miniDateCells td.empty { background-color:#cccccc; border:1px solid #C30C3E; }
#miniDateCells td.full { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; background-color:#D5C6AA; border 1px solid #C30C3E; }
#miniDateCells td.header { background-color:#C30C3E; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; font-weight: bold; border:1px solid #FFFFFF; }
#miniDateCells td.monthHeader { background-color:#000000;  }
#miniDateCells .month { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells .month:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
#miniDateCells a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#D5C6AA; text-decoration:underline; }
#miniDateCells .day { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; text-decoration:none; }

#midDateCells td.active { background-color:#FFFFFF; border:1px solid #C30C3E; }
#midDateCells td.empty { background-color:#CCCCCC; border:1px solid #C30C3E; }
#midDateCells td.full { background-color:#D5C6AA; border:1px solid #D5C6AA; }
#midDateCells td.header { background-color:#D5C6AA; border:1px solid #FFFFFF; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; font-weight: bold; border:1px solid #FFFFFF;}
#midDateCells td.monthHeader { background-color:#C30C3E; }
#midDateCells .month { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells .month:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }
#midDateCells a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#D5C6AA; font-weight:bold; text-decoration:underline; }
#midDateCells .day { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }

#eventDetails{ position:absolute; width:300px; border:1px solid #000000; padding:2px; background-color:#FFFFFF; visibility:hidden; z-index:10000; font-family:Verdana,Tahoma; font-size:9pt; color:#000000; }

#generalBox table { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#FFFFFF; border:1px solid #000000; }
#generalBox td { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#FFFFFF; }
#generalBox .alttd { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#CFCFCF; }
#generalBox .headtd { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; font-weight:bold; color:#FFFFFF; background-color:#C30C3E; }
#generalBox INPUT { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#E4D8C3; }
#generalBox SELECT { background-color:#E4D8C3; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:8pt; color:#000000; }
#generalBox a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; text-decoration:none; }
#generalBox a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#D5C6AA; text-decoration:underline; }
#generalBox .error { color:#F00000; font-weight:bold; }

#events .calendar { background-color:#C30C3E; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12pt; color:#FFFFFF; font-weight:bold; }
#events .title { background-color:#C30C3E; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12pt; color:#FFFFFF; font-weight:bold; }
#events .heading { text-align:right; background-color:#CCCCCC; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; font-weight:bold; }
#events .data { background-color:#FFFFFF; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; }
#events a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; text-decoration:none; }
#events a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#D5C6AA; text-decoration:underline; }

#editorBox table { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#FFFFFF; border:none; }
#editorBox .button { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#CCCCCC; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; cursor:pointer; }
#editorBox TEXTAREA { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; color:#000000; background-color:#E4D8C3; }

#copyright { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:7pt; color:#BBBBBB; }
#copyright a { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:7pt; color:#BBBBBB; text-decoration:none; }
#copyright a:hover { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:7pt; color:#D5C6AA; text-decoration:underline; }

#holiday { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11pt; color:#C30C3E; font-weight: bold; text-decoration:none; }

/*Added*/


/*Menu sytles*/
/*main headings*/
UL {
	PADDING:0px; 
	MARGIN:0px; 
	LIST-STYLE-TYPE: none;
        font-family:Arial, Tahoma, Verdana, sans serif;
        font-weight:bold;
        font-size:11px;
	background-color:#C30C3E;
}


/*This floats the menu so they appear side by side and not on top of eachother.*/
UL LI {
	POSITION: relative;
	float:left;
	/*width:150px;*/
	line-height:140%;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none; 
	POSITION: absolute;
	background-color:#C30C3E;
	line-height:140%;
	padding-top:1px;
}

/*This changes the top level menu's links*/
UL LI A {
	PADDING:3px;
	DISPLAY: block;
	color:#D5C6AA;
	TEXT-DECORATION: none;
}


/*Don't change anything in the IE5-mac hack. Do not put comment tags in side the hack*/
/* Hides from IE5-mac */
*HTML UL LI {
	FLOAT: left; 
	HEIGHT: 1%;
}

*HTML UL LI A {
	HEIGHT: 1%;
}
/* End hide from IE5-mac */


/*This changes the hover for all links in the menu div*/
UL LI A:hover {
	BACKGROUND:#D5C6AA;
	color:#FFFFFF;
}

LI UL LI A:hover  {
	background-color:#D5C6AA;
	color:#C30C3E;
}


/*This changes the submenu links*/
LI UL LI A {
	PADDING:3px;
	color:#D5C6AA;
}


/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
LI:hover UL {
	DISPLAY: block;
}

LI.over UL {
	DISPLAY: block;
}
/*Please note that each of the main menus can have a class added to them and then each given a different width. The 
same can be done for the submenus. Each sub UL can be given a class and then each given a different width */

.home  {
	width:51px;
}

.why  {
	width:61px;
}

.facility  {
	width:60px;
}

.services  {
	width:67px;
}

.member  {
	width:95px;
}

.calendars  {
	width:78px;
}

.employment  {
	width:90px;
}

.resources  {
	width:80px;
}

.contact-us  {
	width:80px;
}

.site-map  {
	width:70px;
}

/*Sub Menu widths*/

.sub-why  {
	width:140px;
}

.sub-facility  {
	width:80px;
}

.sub-services  {
	width:130px;
}

.sub-member  {
	width:85px;
}

.sub-resources  {
	width:70px;
}
