﻿html {font-size: 125%
    }

body {margin:0px; padding: 0px;
    font: 65% "Trebuchet MS", verdana, arial, sans-serif;
    line-height: 1.1;
    }
    
table {margin-left: auto;
    margin-right: auto;
    }
   
* {margin: 0; padding: 0;}

.navlink { color: #fff; font-size: 0.8em ; font-weight: normal; font-style:
normal; text-decoration: none; padding: 0 1em 0 1em}

.navlink a:link { color: #fff; text-decoration: none;}

.navlink a:visited { color: #ccc5ad; text-decoration: none;}

.navlink a:hover { color: #ccc5ad; text-decoration: underline;}

.navlink h1 { color: #fce19d; font-size: 1.1em; font-weight: bold ;
line-height: 1.1; padding-top: 0.8em;}

.content {font-size: .9em;
    line-height: 1.3;
    padding: 1em 1em 1em 1em;}
   
.content p {margin-top: .6em;}

.content img {margin: 4px 4px 3px 4px;}
   
.content table {font-size: 1em;
    margin:  0 ;}
   
.content tr, .content td {padding-left: 2px;}
   
.content a:link {font-size: 1em;
    color: #5C5643;
    text-decoration: underline;}
   
.content a:visited {font-size: 1em;
    color:#5C5643;
    text-decoration: underline;}
   
.content a:hover {font-size: 1em;
    color: #999;
    text-decoration: none;}
   
.content h1 { font-size: 1.65em;
    color: #8d2346;
    margin-top: .2em;}
   
.content h2 {font-size: 1.3em;
    color: #912248;
    margin-top: .4em;}
   
.content h3 {font-size: 1.1em;
    line-height: 1;
    color: #5C5643;
    margin-top: .8em;}
   
.content ol, .content ul {font-size: 1em;
    margin-top: 1em;
    margin-left: 1.5em;
    line-height: 1.4;}
   
.content ol ul, .content ul ol, .content ol ol, .content ul ul, .content ol
a, .content ul a
    {font-size: 1em;
     margin-top: 0}
     
     /* The cells at the beginning or end of the month that do not contain days. */
.mup_nonMonthCell {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* The weekend day cell. */
.mup_weekendCell {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* The week day cell. */
.mup_weekdayCell {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
}
/* Highlights the weekdays that have events. */
.mup_weekdayEventCell {
	background : #fff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekenddayEventCell {
	background :#fff  ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekendEventCell {
	background : #fff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
/* Weekend day of week header. */
.mup_weekendDOWHeader {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* Weekday day of week header. */
.mup_weekdayDOWHeader {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	border-right: #aaaaaa 1px solid ;
	border-bottom: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* The year selection cell. */
.mup_yearFooter
{
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 9pt;
	text-align : center ;
}
/* The border around the month header. */
.mup_monthHeaderBorder {
	background : #eeeeee ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 10pt;
	border-right : #aaaaaa 1px solid ;
	border-top : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	text-align : center ;
}
/* The month header. */
.mup_monthHeader {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 10pt;
	text-align : center ;
}
/* The previous button, on the month header. */
.mup_monthHeaderPrev {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	text-align : center ;
}	
/* The next button, on the month header. */
.mup_monthHeaderNext {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	text-align : center ;
}
/* The background for the event display. */
.mup_eventDispBkg {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
	border-right : #aaaaaa 1px solid ;
	border-top : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
}
/* The event display. */	
.mup_eventDisplay {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* The event display date header. */
.mup_eventDisplayDate {
	font-size : 12pt ;
	font-weight : bold ;
	background : transparent ;
	font-family : Arial ;
	text-align : center ;
	border-bottom : #aaaaaa 1px solid ;
}
/* Display for the event title. */
.mup_eventDisplayEventTitle {
	font-weight : bold ;
	background : transparent ;
	font-family : Arial ;
	font-size : 10pt;
	text-align : left ;
}
/* Display for the event location. */
.mup_eventDisplayLocation {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* Display for event times. */
.mup_eventDisplayTimes {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
/* Displays the event’s long description. */
.mup_eventDisplayLongDesc {
	background : transparent ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 10pt;
	text-align : left ;
}
.mup_hiddenEvent {
	visiblity : hidden ;
	position : absolute ;
	display : none ;
}
.mup_weekdayLoggedInCell {
	background : #eeffff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}
.mup_weekenddayLoggedInCell {
	background : #dedeff ;
	font-family : Arial ;
	font-weight : normal ;
	font-size : 8pt;
	text-align : center ;
	border-right : #aaaaaa 1px solid ;
	border-bottom : #aaaaaa 1px solid ;
	border-left : #aaaaaa 1px solid ;
	cursor : pointer ;
}



/*****************************************************************************************/
/*                                                                                       */
/*                         Month View (month)                                            */
/*                                                                                       */
/*****************************************************************************************/
/* Weekend day of week header. */
.mv_weekendDOWHeader {
	background : #ccc5ad ;
	font-family : arial ;
	font-weight : bold ;
	font-size : 8pt;
	/*border-top : #c9bda5 1px solid ;*/
	border-bottom : #aaaaaa 1px solid ;
	border-right: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* Weekday day of week header. */
.mv_weekdayDOWHeader {
	background : #ccc5ad ;
	font-family : Arial ;
	font-weight : Bold ;
	font-size : 8pt;
	/*border-top : #c9bda5 1px solid ;*/
	border-bottom : #aaaaaa 1px solid ;
	border-right: #aaaaaa 1px solid ;
	border-left: #aaaaaa 1px solid ;
	text-align : center ;
}
/* Month header. */
.mv_MonthHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    BACKGROUND: #ccc5ad;
    FONT-FAMILY: Arial ;
}
/* Month header background. */
.mv_MonthHeaderBkg
{
    border-right : #c9bda5 2px solid ; /* Did not change these borders*/
    border-top : #c9bda5 2px solid ;
    border-left : #c9bda5 2px solid ;
    font-weight: bold ;
    font-size: 8pt ;
    background: #ccc5ad ;
    font-family: arial ;
}
/* The button for moving the calendar to the next month. */
.mv_MonthHeaderNext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #ccc5ad;
    FONT-FAMILY: Arial ;
    text-align : right ;
}
/* The button for moving the calendar to the previous month. */
.mv_MonthHeaderPrev
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #ccc5ad;
    FONT-FAMILY: Arial ;
    text-align : left ;
}
/* The cells at the beginning or end of the month that do not contain days. */
.mv_NonMonthBorder
{
    border-right: #c9bda5 1px solid ;
    border-top: #c9bda5 1px solid ;
    /* background: #F0E9C5 ; */
    background : #e0e0e0 ;
    border-left: #c9bda5 1px solid ;
    border-bottom: #c9bda5 1px solid ;
}

.mv_NonMonthCell
{
    font-weight: normal;
    font-size: 9pt;
    /* background: #F0E9C5; */
    background : #e0e0e0 ;
    font-family: arial ;
    border-top : #c9bda5 1px solid;
    border-bottom : #c9bda5 1px solid;
    border-left : #c9bda5 1px solid;
    border-right : #c9bda5 1px solid;
}

.mv_DateNonMonthDayCell
{
    font-weight: bold;
    font-size: 9pt;
    /* background: #F0E9C5; */
    background : #e0e0e0 ;
    border-bottom: #000000 1px solid;
    font-family: arial
}
/* The cells where the numerical weekdays appear. */
.mv_DateCell
{
    font-weight: bold;
    font-size: 9pt;
    background: #ccc5ad;
    border-left: #c9bda5 1px solid;
    border-bottom: #c9bda5 1px solid;
    font-family: arial ;
}
/* The cells where the numerical weekend days appear. */
.mv_DateCellWeekend
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #ccc5ad;
    BORDER-LEFT: #c9bda5 1px solid;
    BORDER-BOTTOM: #c9bda5 1px solid;
    FONT-FAMILY: Arial ;	
}
/* The cells where today’s numerical day appears. */
.mv_DateCellToday
{
    /* background : #C5DAEF ; */
    background : #f0e9c5;
    /* border-left : #c9bda5 1px solid ; */
    border-left : #aaaaaa 1px solid ;
    /* border-bottom : #c9bda5 1px solid ; */
    border-bottom : #aaaaaa 1px solid ;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The weekend cells that hold the Add Event and View Event buttons. */
.mv_DateCellEmptyWeekend
{
    background : #ccc5ad;
    border-bottom : #c9bda5 1px solid ;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The today cell that holds the Add Event and View Event buttons. */
.mv_DateCellEmptyToday
{
    /* background : #C5DAEF ; */
    background : #f0e9c5;
    /* border-bottom : #c9bda5 1px solid ; */
    border-bottom : #aaaaaa 1px solid ;
    font-family: Arial ;
    font-size : 9pt ;
    font-weight : bold ;
}
/* The weekday cells that holds the Add Event and View Event buttons. */
.mv_DateCellEmpty
{
    font-weight: bold;
    font-size: 9pt;
    background: #;
    border-bottom: #c9bda5 1px solid;
    font-family: arial
}
/* The popup window that appears when the event is hovered over. 
.mv_eventContainer
{
    visibility: hidden ;
    position:absolute;
    
}*/
/* The today cell that holds listed events. */
.mv_dayBorderToday
{
	/*
    border-right: #c9bda5 2px solid ;
    border-top: #c9bda5 2px solid ;
    background: #c5daef ;
    border-left: #c9bda5 2px solid ;
    border-bottom: #c9bda5 2px solid ;
    */
    border-right: #aaaaaa 2px solid ;
  /*  border-top: #aaaaaa 2px solid ;*/
    background: #f0e9c5 ;
    border-left: #aaaaaa 2px solid ;
    border-bottom: #aaaaaa 2px solid ;
}
/* The weekday cell that holds listed events. */
.mv_dayBorder
{
    border-right: #c9bda5 1px solid ;
    border-top: #c9bda5 1px solid ;
    background: #ccc5ad ;
    border-left: #c9bda5 1px solid ;
    border-bottom: #c9bda5 1px solid ;
}
/* The Weekend day cell that holds listed events. */
.mv_dayBorderWeekend
{
    border-right: #c9bda5 1px solid ;
    border-top: #c9bda5 1px solid ;
    background: #ccc5ad ;
    border-left: #c9bda5 1px solid ;
    border-bottom: #c9bda5 1px solid ;
}
/* The event title cell. 
.mv_eventTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: transparent ;
    FONT-FAMILY: Arial;
    
}*/
/* Today’s event title cell. */
.mv_DayCellToday
{
	background : transparent ;
	font-family : Arial ;
    font-weight : bold ;
    font-size : 9pt ;
}
.mv_DayCell
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BACKGROUND: transparent ;
    FONT-FAMILY: Arial
}
/* The font for the event pop-up. 
.mv_TodayCell
{visibility:hidden;}
/* The border for the event pop-up. 
.mv_eventPopup
{ visibility:hidden;}*/

/*****************************************************************************************/
/*                                                                                       */
/*                         Single Day View (day)                                         */
/*                                                                                       */
/*****************************************************************************************/


/* The cells that are defined as workday hour cells. */
.dv_HourCell {
	background : #ccc5ad ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
/* The evening and morning hour cells. */
.dv_HourCellEve {
	background : #e0e0e0 ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
/* An event listed on the daily calendar. */
.dv_EventTitle {
	background : #f0e9c5 ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
	cursor : pointer ;
}
/* The borders of the hour cells. */
.dv_BorderCell {
	background : #fff ;
}
.dv_HourLayer
{
	
}
.dv_HiddenEventLayer 
{
	position : absolute ;
	visibility : hidden ;
}
.dv_EventLayer
{
	background: transparent ;
	position: absolute;
}
.dv_Event {
	background : transparent ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
.dv_EventTransparent {
	background : transparent ;
	font-family : Arial, Arial Narrow, Times New Roman ;
	font-size : 9pt ;
	font-weight : Bold ;
}
.dv_DayHeaderBkg{
	background : #f0e9c5 ;
	color : #0033AA ;
	font-family : Arial ;
	font-size : 11pt ;
	font-weight : bold ;
	border-left: solid 1 #0033AA ;													
	border-top: solid 1 #0033AA ;
	border-bottom: solid 1 #0033AA ;
	border-right: solid 1 #0033AA ;
}
/* The button for moving the calendar to the next day. */
.dv_DayHeaderNext{
	background : #f0e9c5 ;
	color : #ccc5ad ;
	font-family : Arial ;
	font-size : 9pt ;
	font-weight : bold ;
	text-align : right ;
}
/* The button for moving the calendar to the previous day. */
.dv_DayHeaderPrev{
	background : #f0e9c5 ;
	color : #ccc5ad ;
	font-family : Arial ;
	font-size : 9pt ;
	font-weight : bold ;
	text-align : left ;
}
/* The day header for the calendar. */
.dv_DayHeader {
	background : #ccc5ad ;
	color : #0033AA ;
	font-family : Arial ;
	font-size : 11pt ;
	font-weight : bold ;
	text-align : center ;
}
.dv_DayHeaderTransparent {
	background : transparent ;
	font-family : Arial ;
	font-size : 11pt ;
	font-weight : bold ;
}
.dv_LongDescriptionHidden {
	visibility : hidden ;
	position : absolute ;
}
.dv_LongDescriptionVisible {
	position : relative ;
	visibility : visible ;
	background-color : #f0e9c5 ;
}
	
.evt_TitleCell 
{
		background : #C5DAEF ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 12pt;
		text-align : center ;
		border-top : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_DateCell 
{
		background : #C5DAEF ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 9pt;
		text-align : center ;
		border-top : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_ViewDayCell 
{
		background : #C5DAEF ;
		font-family : Arial ;
		font-weight : normal ;
		font-size : 10pt;
		text-align : left ;
		border-bottom : #A39986 1px solid ;
		border-left : #A39986 1px solid ;
		border-right : #A39986 1px solid ;
}
.evt_ViewEvent 
{
		background : #C5DAEF ;
		font-family : Arial ;
		font-weight : bold ;
		font-size : 10pt;
		text-align : left ;
}

/*****************************************************************************************/
/*                                                                                       */
/*                         Event Type Control (used in month display)                    */
/*                                                                                       */
/*****************************************************************************************/
/* The background of the event type control cell. */
.etCtrl_Background {
    border-right : #c9bda5 2px solid ;
    border-top : #c9bda5 2px solid ;
    border-left : #c9bda5 2px solid ;
    border-bottom : #c9bda5 2px solid ;
    font-size: 9pt ;
    background: #A5B7C9 ;
    font-family: Arial ;
}
/* The instructions cell for event type control. */
.etCtrl_InstructCell {
	background: transparent ;
	font-family: Arial ;
    font-size: 9pt ;
    font-weight : bold ;
    text-align : right ;
    vertical-align : top ;
}
/* The cell the selection box is displayed in. */
.etCtrl_SelCell {
	background: transparent ;
	font-family: Arial ;
    font-size: 9pt ;
    text-align : left ;
    vertical-align : top ;
}
/* The event type selection box. */
.etCtrl_selectBox {
	background : #c5daef ;
}
