html, body {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
}

/*These rules apply to the layout of the calendar page. */
td#Header  { background-color: #094E4D; background-image: url("../header/calendar/header.jpg"); background-repeat: no-repeat; height: 108px }

td#Footer  { color: #F9C90E; font-size: 24px; font-family: Arial; background-color: #094E4D; background-image: url("../header/calendar/footer.jpg"); background-repeat: no-repeat; height: 35px }
 
td#Footer a:link  { color: #F9C90E }
td#Footer a:visited  { color: #F9C90E }
td#Footer a:hover  { color: #ffffff }
td#Footer a:active  { color: #F9C90E }

td#Nav  { background-color: #094E4D }

td#Nav ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

td#Content {
 height: 100%;
 width: 100%;
 padding: 5px;
 border-color: #000000;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
}

/*This applies to the navigation the year/month/day views. */
td.CAL_NAV    { color: #094E4D; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 20px }

td.CAL_NAV a:link  { color: #094E4D }
td.CAL_NAV a:visited  { color: #094E4D }
td.CAL_NAV a:hover  { color: #000000 }
td.CAL_NAV a:active  { color: #094E4D }

/*These rules are for the montly view. */
table#VGC_MONTH {
 height: 100%;
 width: 100%;
 table-layout: fixed;
 border-color: #000000;
 border-width: 0 0 1px 1px;
 border-style: solid;
}

table#VGC_MONTH td, th {
 padding: 0px;
 border-color: #000000;
 border-width: 1px 1px 0 0;
 border-style: solid;
}

table#VGC_MONTH th {
 height: 25px;
}

/*these rules provide scrolling inisde month cells*/
table#VGC_MONTH td div {
 position: relative;
 height: 100%;
}

table#VGC_MONTH td div div {
 position: absolute;
 width: 100%;
 height: 100%;
 top:0;
 left:0;
 overflow: auto;
 margin: 2px;
}

table#VGC_MONTH tr td div div ol { 
font-size: 10px; 
list-style-type: circle; 
display: inline 
}

/* These apply to the 'view day/month/year' links. */
table#VIEW_MENU tr th  {
 color: #000;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
 font-weight: bolder;
 text-decoration: none 
}

table#VIEW_MENU tr td ul li a   {
 color: #ffffff;
 font-size: 12px;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
 margin: 6px 
}   

table#TODAY_VIEW th {
 border-width: 0px;
}

/*These rules are for the yearly view. */
table.VGC_MINI_MONTH  {
 margin: 5px;
 border-style: solid;
 border-width: 0 0 1px 1px;
 border-color: #000000 
}

table.VGC_MINI_MONTH td, th   { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #016F6D; border-style: solid; border-width: 1px 1px 0 0; border-color: #000000 }

table.VGC_MINI_MONTH td  {
 color: #000;
 font-size: 12px;
 font-family: Arial;
 background-color: #ffffff 
}   

table.VGC_MINI_MONTH th a   { color: #ffffff; text-decoration: none }
table.VGC_MINI_MONTH th a:link {color: #ffffff; text-decoration: none }
table.VGC_MINI_MONTH th a:visited { color: #ffffff; text-decoration: none }
table.VGC_MINI_MONTH th a:hover { color: yellow; text-decoration: none }
table.VGC_MINI_MONTH th a:active { color: #ffffff; text-decoration: none }

td.mini_blank a { font-weight: bold; }

td.mini_day a { font-weight: bold; }

td.mini_day ol li a  { 
font-size: 12px; 
font-family: Arial; 
font-weight: normal; }

/*These rules are for the dayly view. */
table#DAY_GRID { 
border-color: #000000;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
}

table#DAY_GRID th {
 border-color: #000000;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
}

ul#DAY_LIST {
font-size: 12px;
font-weight: bold;
font-family: Helvetica;
}
a#EVENT_URL{
font-size: 12px;
font-weight: bold;
font-family: Helvetica;
}

td.DAY_EVENT   { background-color: #ffc20b; border: solid 1px #000000 }

td.DAY_EVENT a {
color: #000000; 
font-size: 12px; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
font-weight: bold; 
text-decoration: none }
}
td.DAY_EVENT a:link { color: #000000; }
td.DAY_EVENT a:visited { color: #000000; }
td.DAY_EVENT a:hover { color: #000000; }
td.DAY_EVENT a:active { color: #000000; }

/*These rules are for the event details view. */
h2#EVENT_TITLE { color: #000000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

span.EVENT_TIME { color: #000000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px;}

span#EVENT_DURATION { color: #000000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; }

span#EVENT_DESCRIPTION  { color: #000000; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

a:link   { color: teal; text-decoration: none }
a:visited   { color: teal; text-decoration: none }
a:hover   { color: black; text-decoration: none }
a:active   { color: teal; text-decoration: none }