/*********************************************** Layout Styles *********************************************/
div#wrapper
{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-image: url(images/Wrapper_Background.jpg);
}
div#header
{
position: relative;
width: 1000px;
height: 122px;
background-image: url(images/Header.jpg);
background-color: #1a2839;
}
div#sidebar
{
position: relative;
float: left;
width: 188px;
min-height: 585px;
padding-left: 10px;
background-image: url(images/Sidebar_Background.jpg);
background-color: #1a2839;
}
div#contentArea
{
position: relative;
float: left;
width: 785px;
min-height: 585px;
padding: 10px 8px 10px 8px;
background-color: #ffffff;
border-right: solid 1px #1a2839;
}
div#contentAreaHomePage
{
background-image: url(images/ContentAreaBackground_1.jpg);
position: relative;
float: left;
width: 801px;
min-height: 585px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
border-right: solid 1px #1a2839;
}
div#contentAreaHomePage2
{
background-image: url(images/ContentAreaBackground_2.jpg);
padding: 320px 10px 0px 10px;
background-repeat: no-repeat;
}

div#footer
{
position: relative;
width: 1000px;
height: 53px;
clear: both;
background-image: url(images/Footer.jpg);
background-color: #000000;
}

/************************************************** Element Styles *****************************************************/
a:link
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
color: #000000;
text-decoration: none;
}
a:visited
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
color: #000000;
text-decoration: none;
}
a:active
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
color: #000000;
text-decoration: none;
}
a:hover
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
color: #000000;
text-decoration: underline;
}
a.Navigation:link
{
font-family: Times New Roman, Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 14pt;
color: #a47d3e;
text-decoration: none;
}
a.Navigation:visited
{
font-family: Times New Roman, Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 14pt;
color: #a47d3e;
text-decoration: none;
}
a.Navigation:active
{
font-family: Times New Roman, Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 14pt;
color: #a47d3e;
text-decoration: none;
}
a.Navigation:hover
{
font-family: Times New Roman, Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 14pt;
color: #a47d3e;
text-decoration: underline;
}

.NavigationCell
{
color: White;
width: 190px;
vertical-align: top;
padding-top: 10px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
body
{
/* background-image: url(images/background_faded.gif); */
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
color: #000000;
background-color: #8b6931;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
}
table
{
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
color: #000000;
}
td
{
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
color: #000000;
}
p
{
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
color: #000000;
}
hr
{
color: #980000
}
h1
{
font-family: Verdana, Arial, Helvetica;
font-size: 16pt;
font-weight: bold;
color: #3c497b;
}
h2
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 14pt;
color: #980000;
}
h3
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 12pt;
color: #980000;
}
h4
{
font-family: Verdana, Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
padding-top: 20px;
margin-bottom: 1px; 
padding-bottom: 1px; 
}
h5
{
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 10pt;
color: #980000;
}
h6
{
font-weight: bold;
font-family: Verdana, Arial, Helvetica;
font-size: 8pt;
color: #980000;
}
/************************************************ Classes ****************************************************/
.banner
{
margin-left: 198px;
}
.requiredfield
{
font-family: Verdana, Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
font-style: italic;
color: #C02525;
}
.hiliteA
{
background-color: #e8d6b3;
}
.hiliteB
{
background-color: #dabd85;
}
.catalogueContents
{
border: solid 1px black;
width: 95%;
margin-left: auto;
margin-right: auto;
background-color: #e0e9ea;
padding: 10px;
}
.catalogueMenu
{
position: relative;
top: 1px;
left: 25px;
}
.catalogueMenuItem
{
background-color: #e8e5e2;
border: solid 1px black;
padding: 2px 10px;
}
.catalogueMenuSelectedItem
{
background-color: #e0e9ea;
border-bottom: solid 1px white;
}

/************************ 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: #c09f53;
border: 1px solid #5b4800;
}
.calCell
{
background-color: #f1edda;
}
.calCellAddItem
{
background-color: #f1edda;
cursor:pointer;
}
#rangePicker
{
display: none;
width: 550px;
margin-left: auto;
margin-right: auto;
border: solid 2px black;
background-color: White;    
}
#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: #fee8d4;
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: #fee8d4;
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: #fee8d4;
padding-left: 14px;
padding-right: 8px;
vertical-align: top;
}
.EventBubbleTitle
{
font-family: Verdana, Arial, MS Sans Serif;
font-size: 11pt;
font-weight: bold;
color: #fee8d4;
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;
float: left;
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: #808dc1;
color: #FFFFFF;
cursor: pointer;
}
.AltEventItem
{
margin: 0px 0px 1px 0px;
width: 100%;
font-size: 8pt;
background-color: #6172b2;
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: #ccb174;
padding: 2px 10px;
font-weight: bold;
}
.selectedTab
{
background-color: #e5d7b8;
border-bottom: solid 1px #70baff;
font-weight: bold;
}
.tabContents
{
border: solid 1px black;
padding: 10px;
background-color: #e5d7b8;
color: Black;
}
.eventEntry
{
border: none 0px White;
padding: 0px;
width: 550px;
margin-left: auto;
margin-right: auto;
}
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;
}