/* CSS Document */
/****************************** Block Level Tags ********************************/
BODY {color:#000000; font: 9pt "Arial";}
P { font: 9pt "Arial"; font-weight: normal; color: #333333;}
FONT { font: "Arial"; font-weight: normal; }
DL { font: 9pt "Arial"; font-weight: normal; color: #333333;}
DT { font: 9pt "Arial"; font-weight: normal; color: #333333;}
DD { font: 9pt "Arial"; font-weight: normal; color: #333333;}
UL { font: 9pt "Arial"; font-weight: normal; color: #333333;}
LI { font: 9pt "Arial"; font-weight: normal; color: #333333;}
TH { font: 9pt "Arial"; font-weight: normal; color: #333333;}
TD { font: 9pt "Arial"; font-weight: normal; color: #333333;}
/********************************** Header Tags **********************************/

H1 { font-family: "Arial"; color: #000099;}
H2 { font-family: "Arial"; color: #000099;}
H3 { font-family: "Arial"; color: #000099;}
H4 { font-family: "Arial"; color: #000099;}
H5 { font-family: "Arial"; color: #000099;}

/********************************** Anchor Tags **********************************/

A { font: 9pt "Arial";font-weight: normal;color: #000099;text-decoration:underline;} 
A:hover {font: 9pt "Arial";font-weight: normal;color: #666666;text-decoration: none;}

.footer a:link {font: 8pt "Arial";font-weight: bold;color: #333333;text-decoration: none;}
.footer a:active {font: 8pt "Arial";font-weight: bold;color: #333333;text-decoration: none;}
.footer a:visited {font: 8pt "Arial";font-weight: bold;color: #333333;text-decoration: none;}
.footer a:hover {font: 8pt "Arial";font-weight: bold;color: #333333;text-decoration:underline;}
.footer {font: 8pt "Arial";font-weight: bold;color: #333333;text-decoration:none;}


.big {font: 10pt "Arial";font-weight:bold;color: #000000;}
/********************************** Other **********************************/

.form {padding: 4px; font-size: 12px; font-weight: bold; color: #000000; background: #0066CC; border: 1px solid #666666; border-bottom: 1; background-color: #9FD18A; font: Arial; width="300"}
.input { font-size:12px;  border: 1px solid #666666; vertical-align: top;}
.button { font-size:12px;  border: 1px solid #666666; vertical-align: top; width="125"}
/********************************** Background Images **********************************/

.page{ padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:5px;}
.pageRight{ padding-left:5px; padding-top:5px; padding-right:15px; padding-bottom:5px;}
.sectionHead {font: 9pt "Arial"; font-weight:bolder; color: #333333;}
.sectionStyle{background-color:#FFFFFF; border:1px solid #666666; padding:2px; width:570px;}

.sectionCalendar {font: 9pt "Arial"; font-weight:bolder; color: #333333;}
.sectionCalendarStyle{background-color:#ffffff; border:1px solid #666666; padding:2px; width:175px;}

/******* 						 *******/
/******* 						 *****/
/******* Subnavigation Styles ******/
/******* 						 *****/
/******* 						 *******/

/** LIVING **/

.classLiving{
position:absolute;
visibility: hidden;
border:0;
border-bottom-width: 0;
font:normal 12px arial;
line-height: 18px;
z-index: 100;
background-color: #CCCCCC;
width: 158px;
border-left:solid 2px #0000CC;
}

.classLiving a{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
z-index: 100;
color:#000000;
}

.classLiving a:visited{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
z-index: 100;
color:#000000;
}

.classLiving a:hover{ /*hover background color*/
background-color:#CCCCCC;
color:#333333;
z-index: 100;
font:arial;
}

/** VISITING **/

.classVisiting{
position:absolute;
visibility: hidden;
border:0;
border-bottom-width: 0;
font:normal 12px arial;
line-height: 18px;
z-index: 100;
background-color: #FF9999;
width: 160px;

}

.classVisiting a{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classVisiting a:visited{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classVisiting a:hover{ /*hover background color*/
color:#990000;
font:arial;
}

/** CITY **/

.classCity{
position:absolute;
visibility: hidden;
border:0;
border-bottom-width: 0;
font:normal 12px arial;
line-height: 18px;
z-index: 100;
background-color: #FFCC99;
width: 160px;

}

.classCity a{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classCity a:visited{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classCity a:hover{ /*hover background color*/
color:#CC6600;
font:arial;
}

/** BUSINESS **/

.classBusiness{
position:absolute;
visibility: hidden;
border:0;
border-bottom-width: 0;
font:normal 12px arial;
line-height: 18px;
z-index: 100;
background-color: #9EB274;
width: 160px;

}

.classBusiness a{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classBusiness a:visited{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classBusiness a:hover{ /*hover background color*/
color:#3D5806;
font:arial;
}

/** CALENDARS **/

.classCalendars{
position:absolute;
visibility: hidden;
border:0;
border-bottom-width: 0;
font:normal 12px arial;
line-height: 18px;
z-index: 100;
background-color: #D6FEAE;
width: 158px;
border-right:solid 2px #0000CC;
}

.classCalendars a{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classCalendars a:visited{
width: 100%;
display: block;
border-bottom:0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 10px;
font:arial;
color:#000000;
}

.classCalendars a:hover{ /*hover background color*/
color:#6A884B;
font:arial;
}