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 {
 height: 108px;
 background-color: #106289;
 background-image: url('../header/calendar/header.jpg');
 background-repeat: no-repeat;
}

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

td#Nav {
 background-color: #C6D8E6;
}

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

td#Content {
 height: 100%;
 width: 100%;
 padding: 5px;
}

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

/*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: #006079;
 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: #006079;
 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: #d9f3ff; text-decoration: none }
table.VGC_MINI_MONTH th a:link { }
table.VGC_MINI_MONTH th a:visited { }
table.VGC_MINI_MONTH th a:hover { }
table.VGC_MINI_MONTH th a:active  { }

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 {

}

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

td.DAY_EVENT  { 
background-color: #C6D8E6; 
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: #12295f; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none }