/* Added by John 3-19-10 to remove blue icon from calendars */
img.jev_help {display:none;!important}
Table.contentpaneopen, Table.contentpane {width: 100%; min-width: 100%;}

/* Visibility Toggle C S S part  - requires js, body onload (in js file) and html spans also */
 .toggle {
	color: #111;
	font-size: 9pt;
}
.hotspot {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
}
.hotspotall {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
	font-weight: bold;
}
/* Toggle off */

.clear { clear: both; }
.br1 { line-height: 10px; }
.br2 { line-height: 8px; }
.br3 { line-height: 3px; }
.br4 { line-height: 33px; }
.br5 { line-height: 5px; }

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 30; }
.sf-menu { line-height:	.9; /*width: 536px;*/ }
.sf-menu ul { position:	absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 8em; top: .5em; /* match top ul list item height */ z-index: 90; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu { float: left; }
.sf-menu li ul {  }
.sf-menu li {  }
.sf-menu li li li {  }
.dd { z-index: 99; }
.dd-list a, .dd-list a:visited, .dd-list a:hover, .dd-list a:active { background: url(/templates/PCLhome/images/dd-li-bg.gif) no-repeat top left !important; padding-left: 15px; padding-bottom: 5px; color: #000; text-decoration: none; }

/* Library Information */
#libraryinfo { background: url(/templates/PCLhome/images/nav-info.gif) no-repeat; width: 167px; height: 32px; }
#libraryinfo a { z-index: 1; }
#libraryinfo:hover, #libraryinfo.sfHover, #libraryinfo a:focus, #libraryinfo a:hover, #libraryinfo a:active { background: url(/templates/PCLhome/images/nav-info-on.gif) no-repeat; }
#libraryinfo li.sfHover, #libraryinfo li a:focus, #libraryinfo li a:hover, #libraryinfo li a:active { background: none; }
#sf-ul1 { padding-top: 21px; margin-left: -105px; }
#sf-ul1links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul1links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul1links2 { position: absolute; top: 110px; left: 250px; width: 175px; }
#sf-ul1links3 { position: absolute; top: 310px; left: 30px; width: 175px; }
#sf-ul1links4 { position: absolute; top: 310px; left: 250px; width: 175px; }
#sf-ul1links5 { position: absolute; top: 15px; left: 451px; }
#sf-ul1links5 div { width: 213px; height: 58px; margin-bottom: 3px; cursor: pointer; }
#dd-libraryinfo { background: url(/templates/PCLhome/images/dd-libraryinfo.jpg) no-repeat; width: 679px; height: 404px; z-index: 10; margin-top: 3px; }

/* Kids' Corner */
#kidscorner { background: url(/templates/PCLhome/images/nav-kids.gif) no-repeat; width: 107px; height: 32px; }
#kidscorner a { z-index: 2; }
#kidscorner:hover, #kidscorner.sfHover, #kidscorner a:focus, #kidscorner a:hover, #kidscorner a:active { background: url(/templates/PCLhome/images/nav-kids-on.gif) no-repeat; }
#kidscorner li.sfHover, #kidscorner li a:focus, #kidscorner li a:hover, #kidscorner li a:active { background: none; }
#sf-ul2 { padding-top: 21px; margin-left: -105px; }
#sf-ul2links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul2links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; }  /* change header to a link: line above top: 0px, add this line, height is line above's previous height */
#sf-ul2links2 { position: absolute; top: 110px; left: 250px; width: 175px; }
#sf-ul2links3 { position: absolute; top: 0px; left: 468px; width: 175px; }
#sf-ul2links3 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul2links4 { position: absolute; top: 110px; left: 684px; width: 175px; }
#sf-ul2links5 { position: absolute; top: 230px; left: 15px; width: 285px; height: 57px; }
#sf-ul2links5 div { width: 213px; height: 58px; margin-bottom: 3px; cursor: pointer; }
#sf-ul2links6 { position: absolute; top: 230px; left: 305px; width: 285px; height: 57px; }
#sf-ul2links6 div { width: 213px; height: 58px; margin-bottom: 3px; cursor: pointer; }
#sf-ul2links7 { position: absolute; top: 230px; left: 597px; width: 285px; height: 57px; }
#sf-ul2links7 div { width: 213px; height: 58px; margin-bottom: 3px; cursor: pointer; }
#dd-kidscorner { background: url(/templates/PCLhome/images/dd-kidscorner.jpg) no-repeat; width: 897px; height: 302px; z-index: 10; margin-top: 3px; }
ul.sf-menu #kidscorner:hover ul,
ul.sf-menu #kidscorner.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }

/* Teen Scene */
#teenscene { background: url(/templates/PCLhome/images/nav-teen.gif) no-repeat; width: 96px; height: 32px; }
#teenscene a { z-index: 2; }
#teenscene:hover, #teenscene.sfHover, #teenscene a:focus, #teenscene a:hover, #teenscene a:active { background: url(/templates/PCLhome/images/nav-teen-on.gif) no-repeat; }
#teenscene li.sfHover, #teenscene li a:focus, #teenscene li a:hover, #teenscene li a:active { background: none; }
#sf-ul3 { padding-top: 21px; margin-left: -109px; }
#sf-ul3links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul3links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul3links2 { position: absolute; top: 0px; left: 250px; width: 175px; }
#sf-ul3links2 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul3links3 { position: absolute; top: 190px; left: 30px; width: 175px; }   /* top was 300 before onclick div added */
#sf-ul3links3 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul3links4 { position: absolute; top: 190px; left: 250px; width: 175px; } /* top was 300 before onclick div added */
#sf-ul3links4 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#dd-teenscene { background: url(/templates/PCLhome/images/dd-teenscene.jpg) no-repeat; width: 461px; height: 425px; z-index: 10; margin-top: 3px; }
ul.sf-menu #teenscene:hover ul,
ul.sf-menu #teenscene.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }

/* Programs & Events */
#programs { background: url(/templates/PCLhome/images/nav-programs.gif) no-repeat; width: 154px; height: 32px; }
#programs a { z-index: 2; }
#programs:hover, #programs.sfHover, #programs a:focus, #programs a:hover, #programs a:active { background: url(/templates/PCLhome/images/nav-programs-on.gif) no-repeat; }
#programs li.sfHover, #programs li a:focus, #programs li a:hover, #programs li a:active { background: none; }
#sf-ul4 { padding-top: 21px; margin-left: -194px; }
#sf-ul4links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul4links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul4links2 { position: absolute; top: 0px; left: 250px; width: 175px; }
#sf-ul4links2 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul4links3 { position: absolute; top: 0px; left: 468px; width: 175px; }
#sf-ul4links3 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul4links4 { position: absolute; top: 310px; left: 30px; width: 175px; }
#sf-ul4links5 { position: absolute; top: 310px; left: 250px; width: 175px; }
#sf-ul4links6 { position: absolute; top: 310px; left: 468px; width: 175px; }
#dd-programs { background: url(/templates/PCLhome/images/dd-programs.jpg) no-repeat; width: 679px; height: 438px; z-index: 10; margin-top: 3px; }
ul.sf-menu #programs:hover ul,
ul.sf-menu #programs.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }

/* Research/Homework */
#research { background: url(/templates/PCLhome/images/nav-research.gif) no-repeat; width: 172px; height: 32px; }
#research a { z-index: 2; }
#research:hover, #research.sfHover, #research a:focus, #research a:hover, #research a:active { background: url(/templates/PCLhome/images/nav-research-on.gif) no-repeat; }
#research li.sfHover, #research li a:focus, #research li a:hover, #research li a:active { background: none; }
#sf-ul5 { padding-top: 21px; margin-left: -76px; }
#sf-ul5links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul5links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul5links2 { position: absolute; top: 110px; left: 250px; width: 175px; }
#sf-ul5links3 { position: absolute; top: 290px; left: 30px; width: 175px; }
#sf-ul5links4 { position: absolute; top: 180px; left: 250px; width: 175px; } /* top: 290px before onclick div added */
#sf-ul5links4 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#dd-research { background: url(/templates/PCLhome/images/dd-research.jpg) no-repeat; width: 461px; height: 387px; z-index: 10; margin-top: 3px; }
ul.sf-menu #research:hover ul,
ul.sf-menu #research.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }

/* Books & Reading */
#books { background: url(/templates/PCLhome/images/nav-books.gif) no-repeat; width: 135px; height: 32px; }
#books a { z-index: 2; }
#books:hover, #books.sfHover, #books a:focus, #books a:hover, #books a:active { background: url(/templates/PCLhome/images/nav-books-on.gif) no-repeat; }
#books li.sfHover, #books li a:focus, #books li a:hover, #books li a:active { background: none; }
#sf-ul6 { padding-top: 21px; margin-left: -389px; }
#sf-ul6links1 { position: absolute; top: 110px; left: 30px; width: 175px; }
#sf-ul6links2 { position: absolute; top: 0px; left: 250px; width: 175px; }
#sf-ul6links2 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul6links3 { position: absolute; top: 110px; left: 468px; width: 175px; }
#sf-ul6links4 { position: absolute; top: 310px; left: 140px; width: 175px; }
#sf-ul6links5 { position: absolute; top: 310px; left: 358px; width: 175px; }
#dd-books { background: url(/templates/PCLhome/images/dd-books.jpg) no-repeat; width: 679px; height: 404px; z-index: 10; margin-top: 3px; }
ul.sf-menu #books:hover ul,
ul.sf-menu #books.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }

/* Espanol */
#espanol { background: url(/templates/PCLhome/images/nav-espanol.gif) no-repeat; width: 77px; height: 32px; }
#espanol a { z-index: 2; }
#espanol:hover, #espanol.sfHover, #espanol a:focus, #espanol a:hover, #espanol a:active { background: url(/templates/PCLhome/images/nav-espanol-on.gif) no-repeat; }
#espanol li.sfHover, #espanol li a:focus, #espanol li a:hover, #espanol li a:active { background: none; }
#sf-ul7 { padding-top: 21px; margin-left: -306px; }
#sf-ul7links1 { position: absolute; top: 0px; left: 30px; width: 175px; }
#sf-ul7links1 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul7links2 { position: absolute; top: 110px; left: 250px; width: 175px; }
#sf-ul7links3 { position: absolute; top: 200px; left: 30px; width: 175px; } /*  top 310 before onclick div added  */
#sf-ul7links3 div { width: 175px; height: 110px; margin-bottom: 3px; cursor: pointer; } 
#sf-ul7links4 { position: absolute; top: 310px; left: 250px; width: 175px; }
#dd-espanol { background: url(/templates/PCLhome/images/dd-espanol.jpg) no-repeat; width: 461px; height: 438px; z-index: 10; margin-top: 3px; }
ul.sf-menu #espanol:hover ul,
ul.sf-menu #espanol.sfHover ul { left: -5.8em; top: .5em; /* match top ul list item height */ z-index: 90; }