@charset "UTF-8";

/* THEME-RELATED ENTRIES (DIV SECTIONS) --------------------------------------------- */
a {
	color: #090;						/* BACKGROUND COLOR */
}
/* ---------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (DIV SECTIONS) --------------------------------------------- */
.themeColor {
	background-color: #090;					/* BACKGROUND COLOR */
	color: #fff;
}

.themeBG {
	background-image: url(main.gif);
	background-repeat: repeat-y;
}

.home {
	width: 150px; height: 170px;
	background-image: url(home.gif);
	background-repeat: no-repeat;
	float: left;
}

.header {
	width: 850px; height: 100px;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	float: right;
}

.bottom {
	background-color: #090;
	background-image: url(bottom.gif);
	background-repeat: no-repeat;
}
/* ---------------------------------------------------------------------------------- */

/* FRONT-PAGE RELATED ENTRIES (DIV SECTIONS) ---------------------------------------- */
.rotatingEvent .eventHeader { background-color: #090; }         /* BACKGROUND COLOR */

.rotatingEventFooter .counter IMG#eventbutton1 { background-image: url('images/event1.gif'); }
.rotatingEventFooter .counter IMG#eventbutton2 { background-image: url('images/event2.gif'); }
.rotatingEventFooter .counter IMG#eventbutton3 { background-image: url('images/event3.gif'); }
.rotatingEventFooter .counter IMG#eventbutton4 { background-image: url('images/event4.gif'); }
.rotatingEventFooter .counter IMG#eventbutton5 { background-image: url('images/event5.gif'); }

.rotatingEventFooter .playpause IMG#playpause { background-image: url('images/play-pause.gif'); }
/* ---------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (SIDE-MENU ENTRIES) ---------------------------------------- */
ul.sideMenu li,
ul.sideMenu li a { border-color: #060; }			/* BORDER COLOR - Darker than BG */
ul.sideMenu li a:hover { background-color: #090; }     		/* BACKGROUND COLOR */
ul.sideMenu a:hover { background-color: #090; color: #FFF; }	/* BACKGROUND COLOR */
/* ---------------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (HEADER ENTRIES) ------------------------------------------- */
H1, H2 { color: #090; }						/* BACKGROUND COLOR */
/* ---------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (CALENDAR ENTRIES) ----------------------------------------- */
.calendarHeader td IMG { background-image: url('images/calendar-navigate.gif'); }

.calendarTable { border: 1px outset #060; }		    	/* BORDER COLOR - Darker than BG */

.calendarTable td { border: 1px inset #060; }	    		/* BORDER COLOR - Darker than BG */
.calendarTable td#today { background-color: #9F9; }		/* TODAY COLOR - Lighter than BG, but not EVENT COLOR */
.calendarTable td .day { color: #090; }				/* BACKGROUND COLOR */
.calendarTable td .event,
.calendarTable td .more { background-color: #0C0; }		/* EVENT COLOR - Lighter than BG */

.balloon li a,
.balloon li a:visited { color: #000; font-weight: bold; }	/* TEXT COLOR - Over EVENT COLOR */

.balloon dl { border: 2px solid #060; }			    	/* BORDER COLOR - Darker than BG */

.balloon dt { background-color: #090; color: #FFF;}		/* BACKGROUND COLOR */

.balloon dl a:visited { color:  #090; }				/* BACKGROUND COLOR */

.balloon dl dd .eventTime { background-color: #9F9; }		/* TODAY COLOR - Lighter than BG, but not EVENT COLOR */

.balloon dl dd .eventFull { border-top: 1px solid #090; }	/* BACKGROUND COLOR */

.balloon li:hover dl dd .eventTime,
.balloon li a:hover dl dd .eventTime { background-color: #9F9; }	/* TODAY COLOR - Lighter than BG, but not EVENT COLOR */

.balloon li:hover dl dd .eventFull,
.balloon li a:hover dl dd .eventFull { border-top: 1px solid #090;}	/* BACKGROUND COLOR */
/* ---------------------------------------------------------------------------------- */

/* THEME-RELATED ENTRIES (DROPDOWN MENUS) ------------------------------------------- */
ul.dropdown a:hover {
	border-top-color: #060;			    		/* BORDER COLOR - Darker than BG */
	border-left-color: #060;		    		/* BORDER COLOR - Darker than BG */
	background-color: #090;			     		/* BACKGROUND COLOR */
	color: #FFF;
}

/* SECOND LEVEL */
ul.dropdown ul a.dir:hover { /* proposal */
	background-color: #090;			     		/* BACKGROUND COLOR */
	background-image: url(images/comnav-arrowon.png);
	color: #FFF;
}

ul.dropdown a.open:hover {
	background-color: #090;			     		/* BACKGROUND COLOR */
	color: #FFF;
}
ul.dropdown ul a.open:hover {
	background-image: url(images/comnav-arrowon.png);
	color: #fff;
}

ul.dropdown li:hover > a.dir:hover {
	background-color: #090;			     		/* BACKGROUND COLOR */
	color: #FFF;
}
ul.dropdown ul li:hover > a.dir:hover {
	background-image: url(images/comnav-arrowon.png);
	color: #FFF;
}
/* ---------------------------------------------------------------------------------- */