html, body, td, th, p, select, input, div { color: #000000; font: normal 12px Verdana, Helvetica, Arial, sans-serif; }

h1 { color: #3366cc; font-size: 16pt; font-weight: bold;}

a { color: #3366cc; text-decoration: underline; }
a:hover { text-decoration: none; }

.separator { clear: both; width: 90%; margin: 0px auto; background: #FFFFFF url('graphics/dot.gif') repeat-x bottom; }

.body_main { padding: 0px 20px 20px 20px; background: url('graphics/background_vslice.jpg') repeat-x top left #E9F4C9; }

.default_content { padding: 20px; }

.jccTitle { color: #F05C28; font-size: 30px; font-weight: bold; }
.jccHomeWebpage { padding: 10px 40px 10px 20px; }

.jccNewsTitle { padding: 10px 0px 10px 20px; font-size: 25px; font-weight: bold; color: #99CC00; }
.jccNews { padding: 0px 20px 0px 40px; }

.newsListHeadline { font-weight: bold; font-size: 15px; color: #0068A8; text-decoration: none; }
.newsListHeadline:hover { text-decoration: underline; }

.newsListPublishline {font-size: 0pt; visibility:hidden;}
.newsPublished {font-size: 0pt; visibility:hidden;}
.newsListMoreLink { font-weight: bold; color: #8330AC; text-decoration: none; }
.newsListMoreLink:hover { text-decoration: underline; }
.newsHeadline { font-weight: bold; }

.jccCalendarTitle { font-size: 22px; color: #006EAB; padding: 10px 0px 10px 5px; }
.jccCalendar { padding-left: 5px; }

.jccEventsTitle { font-size: 22px; color: #CC0066; padding: 10px 0px 10px 5px; }
.jccEvents { padding-left: 20px; }

.eventHeadline { font-weight: bold; font-size: 15px; color: #CC0066; text-decoration: none; }
.eventHeadline:hover { text-decoration: underline; }

.eventMoreLink { font-weight: bold; color: #CC0066; text-decoration: none; }
.eventMoreLink:hover { text-decoration: underline; }

#header1 { width: 780px; height: 211px; background: url('graphics/header2.jpg') no-repeat top left #FFFFFF; }
#header1 .div1 { float: left; padding: 10px 10px 0px 15px; }
#header1 .div2 { float: left; padding: 3px 0px 0px 0px; }
#header1 .div2 a { color: #000000; text-decoration: none; }
#header1 .div2 a:hover { text-decoration: underline; }
#header1 .div3 { clear: both; padding: 10px 0px 0px 15px; }

#header2 { width: 780px; background: #00718c; height: 30px; border-bottom: 1px solid #ffffff; }

#header2Row2 { width: 780px; background: #99cd00; height: 30px; border-bottom: 1px solid #ffffff; }

#content { clear: both; width: 780px; background-color: #FFFFFF; }

#footer1 { width: 780px; height: 54px; background: #0068A8; }
#footer1 .div1 { margin: 10px 0px 0px 15px; }
#footer1 .div2 { color: #FFFFFF; font-weight: bold; font-size: 10px; margin: 5px 0px 0px 15px; }
#footer1 .div3 { float:right; margin-top: 10px; }

#footer2 { width: 780px; padding: 5px; }
#footer2 .div1 { float: left; font-size: 10px; }

#search { clear: both; line-height: 30px; height: 30px; }
#search .queryLabel { float: left; vertical-align: middle; color: #FFFFFF; font-weight: bold; padding-top: 6px; }
#search .searchInput { float: left; vertical-align: middle; padding: 3px 5px 0px 5px; }
#search .submit { float: left; vertical-align: middle; padding-top: 5px; }

.menuHeaderPipeLink { text-decoration: none; font-size: 10px; }
.menuHeaderPipeLink:hover { text-decoration: underline; }

.menuPipe { color: #FFFFFF; }
.menuPipeLink { color: #FFFFFF; text-decoration: none; }
.menuPipeLink:hover { text-decoration: underline; }

.menuFooterPipe { color: #FFFFFF; }
.menuFooterPipeLink { color: #FFFFFF; text-decoration: none; font-size: 10px; }
.menuFooterPipeLink:hover { text-decoration: underline; }

.datebox { font-weight: bold; font-size: 10px; }

.WXSmalltext { font-size: 10px; }
.WXSmalltextHigh { font-size: 10px; font-weight: bold; }


/* MenuBegin:menu_top */
ul.menu_top { margin: 0; border: 0; padding: 0; list-style: none; line-height: 30px; }
ul.menu_top li { z-index:999; margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_top ul { margin: 0; border: 0; padding: 0; list-style: none; width: 212px; display: none; position: absolute; top: 30px; left: 0; }
ul.menu_top ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_top a { color: #fff; background: #99cd00; text-decoration: none; width: 128px; border-right: 1px solid #fff; text-align: center; padding: 0px 2px; font: bold 13px/30px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_top a:hover,
ul.menu_top li:hover a,
ul.menu_top a:hover,
ul.menu_top li.over a { color: #000; background: #c1c4c8; text-decoration: none; }
ul.menu_top a.last { border-right: 0; }


ul.menu_top .item2 a { background:#0067a9;  }
ul.menu_top .item3 a { background:#cd0069; }
ul.menu_top .item4 a { background:#ef5c28; }
ul.menu_top .item5 a { background:#67009a; }
ul.menu_top .item6 a { background:#00718c; width: 107px; }
/* ul.menu_top .item6 a:hover { width: 111px; } */


/* 2nd Level */
ul.menu_top li:hover li a,
ul.menu_top li.over li a { width:200px; padding:2px 5px; text-align:left; color: #fff; background: #c1c4c8; text-decoration: none; border: 1px solid #fff; border-bottom:0; float: none; font: bold 11px Verdana, Geneva, sans-serif;}
ul.menu_top li:hover li a:hover,
ul.menu_top li:hover li:hover a,
ul.menu_top li.over li a:hover,
ul.menu_top li.over li.over a { width: 200px; text-decoration:none; color:#000000; background:#c1c4c8; }
ul.menu_top li:hover li:hover li a.first,ul.menu_top li.over li.over li a.first { border-bottom: 1px solid #fff; }

ul.menu_top li.item1 li a { background:#99cd00; }
ul.menu_top li.item2 li a { background:#0067a9; }
ul.menu_top li.item3 li a { background:#cd0069; }
ul.menu_top li.item4 li a { background:#ef5c28; }
ul.menu_top li.item5 li a, ul.menu_top li.item5 .item6 a { background:#67009a; }
ul.menu_top li.item6 li a { background:#00718c; }
ul.menu_top li.item5 .item6 a:hover { text-decoration:none; color:#000000; background:#c1c4c8;}


/* 3rd Level */
ul.menu_top li:hover li:hover li a,
ul.menu_top li.over li.over li a { }
ul.menu_top li:hover li:hover li a:hover,
ul.menu_top li:hover li:hover li:hover a,
ul.menu_top li.over li.over li a:hover,
ul.menu_top li.over li.over li.over a { }
ul.menu_top li:hover li a.first,ul.menu_top li.over li a.first {  }

/* 4th Level */
ul.menu_top li:hover li:hover li:hover li a,
ul.menu_top li.over li.over li.over li a {  }
ul.menu_top li:hover li:hover li:hover li a:hover,
ul.menu_top li.over li.over li.over li a:hover {  }
ul.menu_top li:hover li:hover li:hover li a.first,ul.menu_top li.over li.over li.over li a.first {  }

ul.menu_top ul ul,
ul.menu_top ul ul ul { display: none; position: absolute; top: 0; left: 211px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_top li:hover ul ul,ul.menu_top li:hover ul ul ul,ul.menu_top li.over ul ul,ul.menu_top li.over ul ul ul { display: none; }
ul.menu_top li:hover ul,ul.menu_top ul li:hover ul,ul.menu_top ul ul li:hover ul,ul.menu_top li.over ul,ul.menu_top ul li.over ul,ul.menu_top ul ul li.over ul { display: block; }
ul.menu_top .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_top */

/* MenuTopBegin: */
/*
#menu_top ul { padding:0; margin:0; list-style:none; }
#menu_top li { position:relative; float:left; vertical-align:middle; z-index:99; }
#menu_top a { float:left; border-right: 1px solid #ffffff; background-color:#99cd00; text-decoration:none; color:#ffffff; padding: 0px 2px 0px 2px; width: 128px; height: 30px; display:block; font-size: 13px; font-weight: bold; text-align:center; vertical-align: middle; line-height: 30px; }
#menu_top a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8; }
#menu_top a.last { border-right: 0; }
 
#menu_top .item2 a { background-color:#0067a9;  }
#menu_top .item2 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top .item3 a { background-color:#cd0069; }
#menu_top .item3 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top .item4 a { background-color:#ef5c28; }
#menu_top .item4 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top .item5 a { background-color:#67009a; }
#menu_top .item5 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top .item6 a { background:#00718c; width: 107px; }
#menu_top .item6 a:hover { background-color:#c1c4c8; color:#000000; width: 111px; }

#menu_top ul ul { left:-999em; position: absolute; width: 200px; }
#menu_top ul ul li { padding-bottom: 0px; }
#menu_top li:hover, #menu_top li.over {  }
#menu_top li:hover ul, #menu_top li.over ul { width:200px; top:30px; left:-1px; }
#menu_top ul ul a { border:1px solid #ffffff; font-size: 11px; border-bottom:0; padding-left: 5px; width: 200px; height: 20px; line-height: 20px; text-align: left; }
#menu_top ul ul a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8; }
#menu_top ul ul a.last { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;  }

#menu_top ul ul .item6 a, #menu_top ul ul .item6 a:hover { width: 200px; }
#menu_top .item1 ul a { background-color:#99cd00;  line-height: 20px; }
#menu_top .item2 ul a { background-color:#0067a9; line-height: 20px; }
#menu_top .item3 ul a { background-color:#cd0069; line-height: 20px; }
#menu_top .item4 ul a { background-color:#ef5c28; line-height: 20px; }
#menu_top .item5 ul a, #menu_top .item5 .item6 a { background-color:#67009a; line-height: 20px; }
#menu_top .item6 ul a { background-color:#00718c; line-height: 20px; width: 200px; }
#menu_top .item6 ul a:hover { width: 200px; }
#menu_top .item5 .item6 a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8;}

#menu_top li:hover ul ul, #menu_top li.over ul ul { left:-999em; position: absolute; border: 0; }
#menu_top li:hover li:hover ul, #menu_top li.over li.over ul { width: 200px; top:2px; left:190px; }
#menu_top ul ul ul, #menu_top ul ul ul { width: 200px; }
*/
/* MenuTopEnd: */

/* MenuBegin:menu_top_row2 */
ul.menu_top_row2 { margin: 0; border: 0; padding: 0; list-style: none; line-height: 30px; }
ul.menu_top_row2 li { z-index:99; margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_top_row2 ul { margin: 0; border: 0; padding: 0; list-style: none; width: 212px; display: none; position: absolute; top: 30px; left: 0; }
ul.menu_top_row2 ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_top_row2 a { color: #fff; background: #00718C; text-decoration: none; width: 128px; border-right: 1px solid #fff; text-align: center; padding: 0px 2px; font: bold 13px/30px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_top_row2 a:hover,
ul.menu_top_row2 li:hover a,
ul.menu_top_row2 a:hover,
ul.menu_top_row2 li.over a { color: #000; background: #c1c4c8; text-decoration: none; }
ul.menu_top_row2 a.last { border-right: 0; }

ul.menu_top_row2 .item2 a { background:#67009A;  }
ul.menu_top_row2 .item3 a { background:#EF5C28; }
ul.menu_top_row2 .item4 a { background:#cd0069; }
ul.menu_top_row2 .item5 a { background:#0067a9; }
ul.menu_top_row2 .item6 a { background:#99cd00; width: 107px; }
/* ul.menu_top_row2 .item6 a:hover { width: 111px; } */

/* 2nd Level */
ul.menu_top_row2 li:hover li a,
ul.menu_top_row2 li.over li a { width:200px; padding:2px 5px; text-align:left; color: #fff; background: #c1c4c8; text-decoration: none; border: 1px solid #fff; border-bottom:0; float: none; font: bold 11px Verdana, Geneva, sans-serif;}
ul.menu_top_row2 li:hover li a:hover,
ul.menu_top_row2 li:hover li:hover a,
ul.menu_top_row2 li.over li a:hover,
ul.menu_top_row2 li.over li.over a { width: 200px; text-decoration:none; color:#000000; background:#c1c4c8; }
ul.menu_top_row2 li:hover li:hover li a.first,ul.menu_top_row2 li.over li.over li a.first { border-bottom: 1px solid #fff; }

ul.menu_top_row2 li.item1 li a { background:#00718C; }
ul.menu_top_row2 li.item2 li a { background:#67009A; }
ul.menu_top_row2 li.item3 li a { background:#EF5C28; }
ul.menu_top_row2 li.item4 li a { background:#cd0069; }
ul.menu_top_row2 li.item5 li a, ul.menu_top_row2 li.item5 .item6 a { background:#0067a9; }
ul.menu_top_row2 li.item6 li a { background:#99cd00; }


/* 3rd Level */
ul.menu_top_row2 li:hover li:hover li a,
ul.menu_top_row2 li.over li.over li a { }
ul.menu_top_row2 li:hover li:hover li a:hover,
ul.menu_top_row2 li:hover li:hover li:hover a,
ul.menu_top_row2 li.over li.over li a:hover,
ul.menu_top_row2 li.over li.over li.over a { }
ul.menu_top_row2 li:hover li a.first,ul.menu_top_row2 li.over li a.first {  }

/* 4th Level */
ul.menu_top_row2 li:hover li:hover li:hover li a,
ul.menu_top_row2 li.over li.over li.over li a {  }
ul.menu_top_row2 li:hover li:hover li:hover li a:hover,
ul.menu_top_row2 li.over li.over li.over li a:hover {  }
ul.menu_top_row2 li:hover li:hover li:hover li a.first,ul.menu_top_row2 li.over li.over li.over li a.first {  }

ul.menu_top_row2 ul ul,
ul.menu_top_row2 ul ul ul { display: none; position: absolute; top: 0; left: 211px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_top_row2 li:hover ul ul,ul.menu_top_row2 li:hover ul ul ul,ul.menu_top_row2 li.over ul ul,ul.menu_top_row2 li.over ul ul ul { display: none; }
ul.menu_top_row2 li:hover ul,ul.menu_top_row2 ul li:hover ul,ul.menu_top_row2 ul ul li:hover ul,ul.menu_top_row2 li.over ul,ul.menu_top_row2 ul li.over ul,ul.menu_top_row2 ul ul li.over ul { display: block; }
ul.menu_top_row2 .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_top_row2 */


/* MenuTopRow2Begin: */
/*
#menu_top_row2 ul { padding:0; margin:0; list-style:none; }
#menu_top_row2 li { position:relative; float:left; vertical-align:middle; z-index:999; }
#menu_top_row2 a { float:left; border-right: 1px solid #ffffff; background-color:#00718C; text-decoration:none; color:#ffffff; padding: 0px 2px 0px 2px; width: 128px; height: 30px; display:block; font-size: 13px; font-weight: bold; text-align:center; vertical-align: middle; line-height: 30px; }
#menu_top_row2 a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8; }
#menu_top_row2 a.last { border-right: 0; }
 
#menu_top_row2 .item2 a { background-color:#67009A; }
#menu_top_row2 .item2 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top_row2 .item3 a { background-color:#EF5C28; }
#menu_top_row2 .item3 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top_row2 .item4 a { background-color:#cd0069; }
#menu_top_row2 .item4 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top_row2 .item5 a { background-color:#0067a9; }
#menu_top_row2 .item5 a:hover { background-color:#c1c4c8; color:#000000; }
#menu_top_row2 .item6 a { background:#99cd00; width: 107px; }
#menu_top_row2 .item6 a:hover { background-color:#c1c4c8; color:#000000; width: 111px; }

#menu_top_row2 ul ul { left:-999em; position: absolute; width: 200px; }
#menu_top_row2 ul ul li { padding-bottom: 0px; }
#menu_top_row2 li:hover, #menu_top_row2 li.over { }
#menu_top_row2 li:hover ul, #menu_top_row2 li.over ul { width:200px; top:30px; left:-1px; }
#menu_top_row2 ul ul a { border:1px solid #ffffff; font-size: 11px; border-bottom:0; padding-left: 5px; width: 200px; height: 20px; line-height: 20px; text-align: left; }
#menu_top_row2 ul ul a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8; }
#menu_top_row2 ul ul a.last { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;  }

#menu_top_row2 ul ul .item6 a, #menu_top_row2 ul ul .item6 a:hover { width: 200px; }
#menu_top_row2 .item1 ul a { background-color:#00718C;  line-height: 20px; }
#menu_top_row2 .item2 ul a { background-color:#67009A; line-height: 20px; }
#menu_top_row2 .item3 ul a { background-color:#EF5C28; line-height: 20px; }
#menu_top_row2 .item4 ul a { background-color:#cd0069; line-height: 20px; }
#menu_top_row2 .item5 ul a, #menu_top_row2 .item5 .item6 a { background-color:#0067a9; line-height: 20px;}
#menu_top_row2 .item6 ul a { background-color:#99cd00; line-height: 20px; width: 200px; }
#menu_top_row2 .item6 ul a:hover { width: 200px; }
#menu_top_row2 .item5 .item6 a:hover { text-decoration:none; color:#000000; background-color:#c1c4c8;}

#menu_top_row2 li:hover ul ul, #menu_top_row2 li.over ul ul { left:-999em; position: absolute; border: 0; }
#menu_top_row2 li:hover li:hover ul, #menu_top_row2 li.over li.over ul { width: 200px; top:2px; left:190px; }
#menu_top_row2 ul ul ul, #menu_top_row2 ul ul ul { width: 200px; }
*/
/* MenuTopRow2End: */

#empoweredBy { width: 200px; float: right; font-size: 11px; }
#empoweredBy a { font-size: 11px; color: #707070; text-decoration: none; }
#empoweredBy a:hover { text-decoration: underline; }

/* Calendar Starts */
#Calendar { font-size: 12px; background: #ffffff; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: #ffffff; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #4e2e92; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #0067a9; }
.calGrid tr.calWeek td { font-weight: bold; text-align: center; }
.calDayOn a { color: #4e2e92; font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #4e2e92; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a { color: #4e2e92; }

/* Month at a Glance */
#calendarDetail table { width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background-color: #4e2e92; text-align: center;  vertical-align: middle; }
#calendarDetail .calendarMonths a { display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { background-color: #99cd00; color: #ffffff; }
#calendarDetail .calendarDays { border-collapse: collapse; table-layout: fixed; }
#calendarDetail .calendarDays .title { font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; }
#calendarDetail .calendarDays .normal { display: none; }
#calendarDetail .calendarDays td { text-align: center; border: 1px solid #000000; font-weight: bold; }
#calendarDetail .calendarDays .weekdays { font-size: 10px; height: 30px; background-color: #0067a9; color: #ffffff; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eeeeee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #4e2e92; padding-left: 5px; color: #ffffff; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 2px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background-color: #0067a9; padding-left: 2px; color: #ffffff; overflow:hidden; }
#calendarDetail .calendarDays .eventOn a { font-weight: normal; color: #ffffff; font-size: 9px; font: Verdana, Helvetica, Arial, sans-serif; }


/* Photo Album */

.photoAlbumImage IMG {vertical-align:bottom;}



.directoryclassesheader {color:#FFFFFF; font-weight:bold; background:#00718c;}
.profileOdd { background:#f0f0f0; vertical-align:top; }
.profileEven { background:#ffffff; vertical-align:top; }
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; }
.documentsRowOdd { }
.documentsRowEven { background: #ccc; }
.documentsListWrapper th {border-bottom: 1px solid #ccc; }
.documentsListWrapper td {padding: 3px;}
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */