a:link
{
color: #fff5cc; 
color: #b79300; 
}
a:visited
{
color: #fff5cc; 
color: #b79300; 
} 
a:active 
{
color: #fff5cc;
color: #b79300; 
}
a.selMonth:link
{
color: #ffeb9e;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
}
a.selMonth:visited
{
color: #ffeb9e;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
} 
a.selMonth:active 
{
color: #ffeb9e;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
}
a.selMonth:hover 
{
color: #000000;
background-color: #ffeb9e;
font-weight: bold;
font-size: 9pt;
text-decoration: underline;
}
a.calItem:link
{
color: #000cb7;
font-weight: normal;
font-size: 8pt;
text-decoration: none;
}
a.calItem:visited
{
color: #000cb7;
font-weight: normal;
font-size: 8pt;
text-decoration: none;
} 
a.calItem:active 
{
color: #000cb7;
font-weight: normal;
font-size: 8pt;
text-decoration: none;
}
a.calItem:hover 
{
color: #000cb7;
background-color: #fff242;
font-weight: normal;
font-size: 8pt;
text-decoration: underline;
}
a.eventNav:link
{
color: #a90e13;
font-weight: bold;
font-size: 7pt;
text-decoration: none;
}
a.eventNav:visited
{
color: #a90e13;
font-weight: bold;
font-size: 7pt;
text-decoration: none;
} 
a.eventNav:active 
{
color: #a90e13;
font-weight: bold;
font-size: 7pt;
text-decoration: none;
}
a.eventNav:hover 
{
color: #a90e13;
background-color: #ffe370;
font-weight: bold;
font-size: 7pt;
text-decoration: underline;
}
body
{
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
background-color: #2b005b;
background-image: url(images/_Background.jpg);
color: rgb(0,0,0);
}
p
{
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
color: rgb(0,0,0);
}
td
{
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
color: rgb(0,0,0);
}
h1, h2, h3, h4, h5, h6
{
font-family: Comic Sans MS, Arial, Helvetica;
}
h1
{
color: #a90e13;
font-size: 16pt;
}
h2
{
color: #410089; 
font-size: 16pt;
}
h3
{
color: #a90e13;
font-size: 14pt;
}
h4
{
color: #410089;
font-size: 14pt;
}
h5
{
color: #a90e13;
font-size: 12pt;
}
h6
{
color: #410089;
font-size: 12pt;
}
/************************ Menu Styles ******************/
.MenuBar 
{
width: 622px;
height: 50px;
background-color: #FFFFFF;
background-image: url(images/MenubarBackground.jpg);
background-repeat: no-repeat;
vertical-align: top;
}
.StaticMenuItem
{
width: 100px;
height: 25px;
font-family:  Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
color: #ffffff;
}
.StaticMenuHover
{
color: #15002d;
font-family: Comic Sans MS, Verdana, Arial;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
}
a.StaticMenuItem:link
{
color: #15002d;
font-family: Comic Sans MS, Verdana, Arial;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}
a.StaticMenuItem:visited
{
color: #15002d;
font-family: Comic Sans MS, Verdana, Arial;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}
a.StaticMenuItem:current
{
color: #15002d;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}
a.StaticMenuItem:hover
{
color: #f7ffcc;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}
.DynamicMenu
{
background-color: #b586e9;
padding: 0px;
border: 2px solid #2b005b;
}
.DynamicMenuItem
{
background-color: #b586e9;
padding: 3px;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
text-align: left;
color: #ffffff;
}
.DynamicMenuHover
{
color: #15002d;
background-color: #e4ccff;
padding: 3px;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
text-align: left;
}
a.DynamicMenuItem:link
{
color: #2b005b;
background-color: transparent;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
a.DynamicMenuItem:visited
{
color: #2b005b;
background-color: transparent;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
a.DynamicMenuItem:current
{
color: #2b005b;
background-color: transparent;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
a.DynamicMenuItem:hover
{
color: #2b005b;
background-color: transparent;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
.Feedback
{
font-size: 11pt;
font-weight: bold;
color: #a90e13;
}

/*************************** Layout Styles ************************/
.MainTable
{
background-color: #ffffff;
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
border: 1px #cc9eff solid;
padding: 0px;
width: 768px;
height: 100%;
}
.TopLeftCorner 
{
width: 146px;
height: 141px;
background-color: #FFFFFF;
background-image: url(images/TopLeftCorner.jpg);
background-repeat: no-repeat;
}
.Header 
{
width: 622px;
height: 91px;
background-color: #FFFFFF;
background-image: url(images/HeaderBackground.jpg);
background-repeat: no-repeat;
vertical-align: top;
}
.BottomLeftCorner 
{
width: 146px;
height: 45px;
background-color: #FFFFFF;
background-image: url(images/BottomLeftCorner.jpg);
background-repeat: no-repeat;
}
.Footer 
{
width: 622px;
height: 45px;
background-color: #FFFFFF;
background-image: url(images/FooterBackground.jpg);
vertical-align: top;
background-repeat: no-repeat;
}

.LeftSidebar
{
width: 146px;
height: 100%;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
vertical-align: top;
background-color: #ffffff;
background-image: url(images/LeftSidebarBackground.jpg);
background-repeat: repeat-y;
}
.RightSidebar
{
width: 12px;
height: 100%;
vertical-align: top;
background-color: #ffffff;
background-image: url(images/RightSidebarBackground.jpg);
background-repeat: repeat-y;
}
.ContentArea
{
vertical-align: top;
width: 610px;
height: 100%;
padding-top: 7px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 7px;
background-color: #ffffff;
}
.InfoMatte
{
background-color: #f7f5d4;
background-image: url(images/InfoMatteBackground.jpg);
background-repeat: repeat-y;
width: 135px;
color: Black;
font-size: 8pt;
margin-left: 11px;
vertical-align: top;
}
.InfoMatteBorder
{
border-left: 1px solid #c1aec1;
border-right: 1px solid #c1aec1;
vertical-align: top;
padding: 4px;
color: Black;
font-family: Verdana, Arial, Helvetica;
font-size: 7pt;
}
.InfoMatteText
{
color: Black;
font-family: Verdana, Arial, Helvetica;
font-size: 7pt;
}

.smallText
{
color: Black;
font-family: Verdana, Arial, Helvetica;
font-size: 6pt;
}
.smallText1
{
color: Black;
background-color: #f0f0f0;
font-family: Verdana, Arial, Helvetica;
font-size: 6pt;
}

/************************ Calendar and Events classes *********************/
.calHeader
{
background-color: #410089;
background-image: url(images/CalGradientBackdrop.gif);
background-repeat: repeat-x;
font-weight: bold;
font-size: 8pt;
color: #ffeb9e;
height: 30px;
border: 0px none #000000;
}
.calTitle
{
background-color: #ffffff;
color: #a90e13;
border: 0px solid #5b4800;
}
.calLabel
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 9pt;
font-weight: bold;
color: #000000;
background-color: #ffeb9e;
border: 1px solid #5b4800;
}
.calCell
{
background-color: #fcf7cf;
}
.calCellAddItem
{
background-color: #fcf7cf;
cursor:pointer;
}
#datePicker
{
display: none;
position: absolute;
border: solid 2px black;
background-color: White;    
}
#startDatePicker
{
display: none;
position: absolute;
border: solid 2px black;
background-color: White;    
}
#endDatePicker
{
display: none;
position: absolute;
border: solid 2px black;
background-color: White;    
}
.EventBubble
{
width: 300px;
height: 200px;
padding: 0px;
border: 0px solid #000000;
margin: 0px;
}
.EventBubbleText
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 9pt;
font-weight: normal;
color: #fcffcc;
padding-left: 2px;
padding-right: 8px;
vertical-align: top;
width: 100%;
}
.EventBubbleComments
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 7pt;
font-weight: normal;
color: #fcffcc;
padding-left: 14px;
padding-right: 10px;
padding-top: 5px;
vertical-align: top;
width: 100%;
}
.EventBubbleLabel
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 9pt;
font-weight: bold;
color: #f9ff9e;
padding-left: 14px;
padding-right: 8px;
vertical-align: top;
}
.EventBubbleTitle
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 11pt;
font-weight: bold;
color: #f9ff9e;
padding-left: 10px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 5px;
vertical-align: top;
text-align: center;
}
.EventPopUp
{
background-image: url(images/EventBubble.gif);
background-repeat: no-repeat;
color: #410089;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 200px;
z-index: 99;
visibility: hidden;
cursor: pointer;
}
.EventItem
{
margin: 0px 0px 1px 0px;
border: 0px solid #d31218;
width: auto;
font-size: 8pt;
background-color: #d31218;
color: #FFFFFF;
cursor: pointer;
}
.AltEventItem
{
margin: 0px 0px 1px 0px;
width: 100%;
font-size: 8pt;
background-color: #a90e13;
color: #FFFFFF;
cursor: pointer;
}
.CalDayOfMonth
{
color: #2b005b;
font-family: Comic Sans MS, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-align: right;
margin: 0px 0px 5px 0px;
}
.tabs
{
position: relative;
top: 1px;
left: 10px;
}
.tab
{
border: solid 1px black;
background-color: #92dcff;
padding: 2px 10px;
font-weight: bold;
}
.selectedTab
{
background-color: #70baff;
border-bottom: solid 1px #70baff;
font-weight: bold;
}
.tabContents
{
border: solid 1px black;
padding: 10px;
background-color: #70baff;
color: Black;
}
.eventEntry
{
border: none 0px White;
padding: 0px;
width: 550px;
margin-left: auto;
margin-right: auto;
}
/**************************** Newsletter Classes *********************/
.newsContents
{
border: solid 2px #0060b7;
padding: 10px;
background-color: #d6e5f4;
color: #ffda42;
}
.newsTabs
{
position: relative;
top: 1px;
left: 10px;
}
.newsTab
{
border: solid 2px #0060b7;
padding: 2px 10px;
background-color: #f4eed6;
color: #000000;
}
.newsTabsSelected
{
border: solid 2px #0060b7;
padding: 4px 15px;
border-bottom: none 0px #0060b7;
background-color: #d6e5f4;
}