/* Ocelo.css - Site specific CSS for the O-Cel-O EWCD site */
a.lsn{text-decoration:none;font:0.9em/1.2 verdana,sans-serif;}
a.lsn:visited{color:#800080;}
a.lsn:hover{text-decoration:underline;}

a.lsnHd{font-weight:bold;text-decoration:none;font-size:0.9em;}
a.lsnHd:hover{text-decoration:underline;}
.lsnHd{font-weight:bold;font-size:0.9em;}

a.lsnCrnt{text-decoration:none;color:#000;font:0.9em/1.2 verdana,sans-serif;}
a.lsnCrnt:visited{text-decoration:none;color:#000;}
a.lsnCrnt:hover{text-decoration:underline;color:#800080;}
a.lsnCrnt:active{text-decoration:underline;color:#F00;}

/*  added custom green o-cel-o colors */
td.lsnHead{font: bold verdana,sans-serif;background-color:#99CC99;}/*font size not = 1.0em can't go here because we nest this style - compounds the sizing*/
td.lsn{font:0.9em verdana,sans-serif;background-color:#CCE6B4;}

.lsnHead{line-height:1.2;padding-left:5px;}
.lsnHeadOn{border-left:5px solid #F00;}

td.lsnHead a.lsnCrnt{font-weight:bold;}

.lsn0{font-family:verdana,sans-serif;font-size: 0.9em;font-weight:bold;border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:10px;padding-top:1px;padding-bottom:1px;background-color:#CCE6B4;}
.lsn1{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:5px;padding-top:1px;padding-bottom:1px;background-color:#CCE6B4;}
.lsn2{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:19px;padding-top:1px;padding-bottom:1px;background-color:#CCE6B4;}
.lsn3{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:33px;padding-top:1px;padding-bottom:1px;background-color:#CCE6B4;}
.lsn99{border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;background-color:#CCE6B4;}

.lsnOn{border-left:5px solid #F00;layer-background-color:#FFF;background-color:#FFF;}
.lsnOn1{padding-left:0px;padding-top:1px;padding-bottom:1px;}
.lsnOn2{padding-left:14px;padding-top:1px;padding-bottom:1px;}
.lsnOn3{padding-left:28px;padding-top:1px;padding-bottom:1px;}

.lsnChild{display:none;background-color:#CCE6B4;}

/* NEW EWCD CUSTOM NAV STYLES */

/* NAV TOP IMAGE */
#visual_siteID {
	display: block; margin: 0px 4px 0px 5px;
}
/* NAV BACKGROUND */
#lsnwrap {
	background-color: #CCE6B4;
}
/* PLACE TITLE */
#lsnwrap h4 {
	margin: 0;
	border-left: 4px solid #99CC99;
	padding: 4px 0 5px 3px;
	background-color: #99CC99;
}
#lsnwrap h4 a {color: #30C; font-weight: bold;}
#lsnwrap h4 a:hover {color: #30C; text-decoration:underline;}

#lsnwrap h4.selected {
	border-left-color: #99CC99;
}
#lsnwrap h4.selected a {
	color: #30C;
}
#lsnwrap h4.selected a:hover {
	color: #30C;
	text-decoration: underline;
}
/* FIRST LABEL */
#lsnwrap h5.first {border: none; padding-top: 1px;}

/* OTHER LABELS & SEPERATOR LINE COLOR */
#lsnwrap h5 {
	margin: 0 11px 0 7px;
	border-top: 1px solid #ccc;
	padding: 6px 0 2px 0;
}

/**************************
*     All Sub-Options     *
**************************/

/* INACTIVE BACKGROUND COLOR */
#lsnwrap ul li {
	background-color: #CCE6B4;
}
/* INACTIVE 4PX BORDER & LINK COLORS*/
#lsnwrap ul li a {
	border-left: 4px solid #CCE6B4;
	color: #30C;
}

/* ACTIVE BACKGROUND, 4PX BORDER & TEXT COLORS */
#lsnwrap ul li.selected a {
	color: #30C;
	background-color: #FFFFFF;
	border-left-color: #FF0000;
}
 
/* ? */
#lsnwrap ul li.selected a.innerselect {color: #30C;}

/* ITEMS WITHIN THE SELECTED LINK'S VISITED COLOR */
#lsnwrap ul li.selected ul a:visited {
	color: #30C;
}
/* ITEMS WITHIN THE SELECTED LINK */
#lsnwrap ul li.selected ul a {
	background-color: #CCE6B4;
	border-left-color: #CCE6B4;
	color: #800080;
}

/* fun stuff description */
.FunStuffR{font-family:verdana,sans-serif; font-size: 0.9em; font-weight:normal; padding: 0px 5px 0px 10px; line-height:160%;}
.FunStuffL{font-family:verdana,sans-serif; font-size: 0.9em; font-weight:normal; padding: 0px 10px 0px 5px; line-height:160%;}
/* END NEW EWCD STYLES */