/*
Theme name: JCCOC
Description: JCCOC Theme
*/
body { margin: 0px; line-height: 16px; background: #fff url('images/main_bkgd.gif') repeat-x; }

#navbar2 { width: 500px; }
#navbar2 ul { margin: 0 0 0 20px; padding: 0; list-style: none; list-style-image: none; borer: none; }
#navbar2 ul li { font-family: "Verdana"; font-size: 11px; float: left; margin: 0 0px 0 0; padding: 0; height: 31px; }
#navbar2 ul li a {  margin: 0;  padding: 0px 0 0;  color: #660099;  text-decoration: none;  font-weight: bold;  text-transform: none; line-height: 31px; }
#navbar2 ul li a:hover { color: #006699; }

#navbar1 { width: 500px; }
#navbar1 ul {  margin: 0;  padding: 0;  list-style: none;  list-style-image: none;  borer: none;}
#navbar1 ul li {  font-family: "Verdana";  font-size: 11px;  float: left;  margin: 0 0px 0 0;  padding: 0;  height: 45px;}
#navbar1 ul li a {  margin: 0;  padding: 0px 0 0;  color: #660099;  text-decoration: none;  font-weight: bold;  text-transform: none;  line-height: 55px; }
#navbar1 ul li a:hover {  color: #006699;}

.body_area { background-image:url('images/j_back.gif'); background-repeat:no-repeat; float:none; top:auto; width:800px; margin: 0 auto; }

.top_area1 { FLOAT: left; WIDTH: 689px; TOP: auto; }
.top_area2 { FLOAT: right; WIDTH: 111px; TOP: auto; }
.main_cbar { FLOAT: left; margin-top: 9px; WIDTH: 190px; TOP: auto;  }
.sub_top_bar { height:31px; top:auto; margin-left: 5px; }

#HeaderImage { width:447px;height:223px; border: 4px solid #573F97; margin-left: 21px; margin-top: 12px; }
h3 { color:#5A3F95; font-family:"Helvetica Neue", Arial; font-size:14pt; font-style:normal; font-weight:bold; }

#HeaderTitle { width:641px;height:55px; color:#FFF;  text-align: center; vertical-align: middle; font-family: Interstate, Arial; font-size: 30px; line-height: 55px; }
#HeaderTitle img { margin-top:14px; }
#HeaderTitleContainer { margin: 0 24px 3px 24px; }
.DropShadow {
    float:left;
    background:transparent url('/images/TitleImage-Shadow.png') no-repeat scroll right bottom;
    margin-top: 5px;
    margin-left: 28px;
}
.DropShadow div { 
    background: none; 
    padding: 0;
}
.DropShadow h1 { 
    margin:-5px 5px 5px -5px; 
}

div#content { color:#3C3E3D; font-family:Arial; font-size:10pt; font-style:normal; font-weight:normal; }
div#content ul { margin: 0; padding-left:16px; }
.mainstyle { color:#3C3E3D; font-family:Arial; font-size:10pt; font-style:normal; font-weight:normal; }


.splitLeft  { float: left; width: 311px; padding-right: 20px; padding-left:22px; top: auto; }
.splitRight { float: left; width: 311px; top: auto; } 

.sub_area1 { FLOAT: left; padding-right: 19px; padding-left: 22px; WIDTH: 470px; TOP: auto;  }
.sub_area2 { FLOAT: left; WIDTH: 280px; padding-right: 0px; TOP: auto;  }
.sub_classlist_blue {  FLOAT: left; padding-right: 19px; padding-left: 22px; WIDTH: 250px; margin-right:20px; TOP: auto; background-color:#C2D2E6; margin-top:15px; } 
.sub_classlist_right { float: left; width: 487px; margin-top: 15px; top: auto; }

div#sidebar ul { list-style: none; }
li#righttext { margin-bottom: 20px; }
li#righttext ul { list-style: disc; }
li#righttextbluebox { margin-top:15px; background-color:#C2D2E6; padding:16px; color:#5A3F95; font-family:Arial; font-size:10pt; font-style:normal; font-weight:normal; }
li#righttextbluebox ul { list-style: disc; text-align: left; margin-right:20px;}


/* son of suckerfish navigation from http://www.htmldog.com/articles/suckerfish/dropdowns/ */ 
#nav, #nav ul { /* all lists */ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
    font-size: 11px;  
    width: 18em;  
}

/* all list items */
#nav li { 
    position: relative; 
    float: left; 
    margin-bottom: -1px; 
    width: 18em;
    line-height: 2.7em;
} 
/* second level lists */
#nav li ul { 
    position: absolute; 
    left: -999em; 
    margin-left: 18.05em; 
    margin-top: -2.9em; 
}

/* third and above level lists */
#nav li ul ul {	left: -99em; }

#nav li a, ul#nav ul.children a
 {
    width: 18em;
    w\idth: 17em;
    display: block;
    text-decoration: none;
    background-color: #7FBC23;
    border: 1px solid white;
    padding: 0 0.5em;
    color: #004F64;
    font-family: Verdana;
    background-image: none;
}

#nav li a:hover, ul#nav ul.children a:hover {
    background-color: #004F64; 
    color: white;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li.page-item-2 { background-image:url('images/btn2_about.gif'); background-repeat: no-repeat; background-color: transparent; padding-bottom: 2px; }
#nav li.page-item-2 a { background-image:url('images/btn1_about.gif'); background-repeat: no-repeat; background-color: transparent; border: none; height: 2.7em;; }
#nav li.page-item-2 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-29 { background-image:url('images/btn2_preschool.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px; }
#nav li.page-item-29 a { background-image:url('images/btn1_preschool.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em;; }
#nav li.page-item-29 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-31 { background-image:url('images/btn2_youth.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px; }
#nav li.page-item-31 a { background-image:url('images/btn1_youth.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em;; }
#nav li.page-item-31 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-33 { background-image:url('images/btn2_sports.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px;  }
#nav li.page-item-33 a { background-image:url('images/btn1_sports.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em;; }
#nav li.page-item-33 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-35 { background-image:url('images/btn2_adult.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px;  }
#nav li.page-item-35 a { background-image:url('images/btn1_adult.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em; }
#nav li.page-item-35 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-37 { background-image:url('images/btn2_arts.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px;  }
#nav li.page-item-37 a { background-image:url('images/btn1_arts.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em; }
#nav li.page-item-37 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-39 { background-image:url('images/btn2_events.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px;  }
#nav li.page-item-39 a { background-image:url('images/btn1_events.gif'); background-repeat: no-repeat; background-color: transparent;border: none; height: 2.7em;; }
#nav li.page-item-39 a:hover { background: transparent none repeat scroll 0 0; }
#nav li.page-item-3 { background-image:url('images/btn2_membership.gif'); background-repeat: no-repeat; background-color: transparent;padding-bottom: 2px;  }
#nav li.page-item-3 a { background-image:url('images/btn1_membership.gif'); background-repeat: no-repeat; background-color: transparent; border: none; height: 2.7em;; }
#nav li.page-item-3 a:hover { background: transparent none repeat scroll 0 0; }

ul#nav li.page_item ul.subnav li { background-image: none; }
ul#nav li.page_item ul.subnav li.page_item a { background-image: none; border: 1px solid white; background-color: #7FBC23; }
ul#nav li.page_item ul.subnav li.page_item a:hover { background-image: none; background-color: #004F64; }
.MoreMenu { top: -1.8em; left: 16em; width:10px; height: 10px; padding:0; margin:0; position:relative;display:block; background-image: url('images/arrows1.gif'); background-repeat: no-repeat; background-position: center; }


/* homepage customizes */
#navbar1home { width: 400px; margin-left: 20px; }
#navbar1home ul {  margin: 0;  padding: 0;  list-style: none;  list-style-image: none;  borer: none;}
#navbar1home ul li {  font-family: "Verdana";  font-size: 11px;  float: left;  margin: 0 0px 0 0;  padding: 0;  height: 45px;}
#navbar1home ul li a {  margin: 0;  padding: 0px 0 0;  color: #660099;  text-decoration: none;  font-weight: bold;  text-transform: none;  line-height: 55px; }
#navbar1home ul li a:hover {  color: #006699;}

.top_bar { height:55px; top:auto; }
.the_j { float:left; top:auto; width:150px; }
.center_content { float:left; top:auto; width:439px; margin-left: -3px; margin-right: 3px;}
.links_bar { background-color:#D9000D; height:28px; width:800px; background-image: url('images/main_quicklinks.gif'); background-position: center center; background-repeat: no-repeat; }
.body_area2 { width: 810px; margin-left: auto; margin-right: auto; margin-top: 20px; }    

.homecontent h2 { background-color: #D9000D; color:white; padding: 5px 0; font-size: 14px; text-align: center; margin: 0 0 20px; }

#HomeLeft { width: 33%; float: left;  color: #6F787F; font-family: Verdana; font-size: 9px; font-weight: bold; }
div#HomeLeft ul {  margin: 0 16px 0 0;  padding: 0;  list-style: none;  list-style-image: none;  border: none; font-weight: bold; }
#HomeLeft ul li { clear:both; height: 80px; }
#HomeLeft ul li a img { border: none; float:left; padding-right: 10px; }
#HomeLeft a { color: #6F787F; text-decoration: none; }
#HomeLeft p { margin-right: 16px; }


#HomeRight { width: 33%; float: left; color: #6F787F; font-family: Verdana; font-size: 9px; }
#HomeRight ul {  margin: 0;  padding: 0;  list-style: none;  list-style-image: none;  border: none; font-weight: bold; line-height: 30px; }
#HomeRight a { color:#6F787F; text-decoration:none; } 
#HomeRight ul li ul { line-height: 12px; list-style:none; margin:0 0 0 5px; padding:0; }
#HomeRight ul li ul li ul li { font-weight: normal; }
div#HomeRight h2 { margin:0 0 10px; }
div.HomeCalMonth { border-bottom: 1px solid #DDD; padding-bottom: 2px; padding-top: 10px; clear:both; margin-bottom: 8px; }
div.HomeCalDate { width: 30px; float: left; 100%; text-align: left; }
div.HomeCalText { width: 205px; float: left; text-align: left; margin-bottom: 5px; }
div.HomeCalText a:hover { font-weight: bold; }

div.HomeCenter { width: 33%; float: left; font-family: Verdana; font-size: 9px; color: #6F787F; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
div.HomeCenter div.entry { min-height:400px; height: auto !important; height: 400px; }
div#content div.HomeCenter ul {  margin: 0;  padding-left: 16px; padding-right:16px;  list-style: none;  list-style-image: none;  border: none; }
div.HomeCenter ul li { clear:both;  }
div.HomeCenter img { border: none; float:left; padding-right: 10px; padding-bottom: 10px; }
div.HomeCenter a { color:#6F787F; text-decoration:none; } 
div.HomeCenter h6 { font-size: 9px; }
div.HomeCenter h5 { font-size: 9px; }

/* classlist */
div.sub_classlist_blue {  padding-top: 5px; FLOAT: left; padding-right: 19px; padding-left: 22px; WIDTH: 250px; margin-right:20px; TOP: auto; background-color:#C2D2E6; margin-top:15px; } 
div.sub_classlist_right { float: left; width: 487px; margin-top: 15px; top: auto; }
.sub_classlist_right h3 { max-width: 250px; }
span.FinePrint { font-size: smaller; }
span.FinePrint table { margin-top: 5px; margin-left: 20px; }
div.EventAbstract { margin-bottom: 10px; }

div.EventAbstract h5 { margin: 0 0 5px 0; padding: 0; color: #DF0D40; font-size: 12pt; }
div.EventAbstract h5 a { color: #DF0D40; }
.CalTable { font-size: smaller; border-top: 1px solid #CCC; border-right: 1px solid #CCC; background: white; }
.CalTable th { font-weight: bold; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.CalTable td { border-bottom:1px solid #CCC; border-left: 1px solid #CCC; text-align: center; }     
.CalTable tbody tr td a { text-decoration: none; color: black; }
.CalTable tbody tr td a strong { color: #DF0D40; }

div#HideCalendar { display: none; }
div.HideCalendarLink { text-align: right; float: right; margin: 15px 5px 5px 0px;  }
div.HideCalendarLink img { vertical-align:middle; border: none; }
div.HideCalendarLink a { font-size: 9pt; color: #6F787F; font-weight: bold; text-decoration: none; }
 
 margin-bottom:5px;float:right;
div.ShowCalendarLink {   }
div.ShowCalendarLink img { float:left; border: none; padding-right: 5px; }
div.ShowCalendarLink a { font-size: 9pt; color: #6F787F; font-weight: bold; text-decoration: none; }

img.alignleft { float: left; padding-right: 10px; padding-bottom: 5px; border: none; }


/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url('images/link-icon_external.gif') no-repeat right; }
a.liwikipedia { padding-right: 13px; background: url('images/link-icon_wikipedia.gif') no-repeat right; }
a.liwp { padding-right: 16px; background: url('images/link-icon_wordpress.png') no-repeat right; }
a.liftp { padding-right: 13px; background: url('images/link-icon_ftp.png') no-repeat right; }
a.limailto { padding-right: 18px; background: url('images/link-icon_mail.gif') no-repeat right; }
a.lipdf { padding-left: 14px; background: url('images/link-icon_pdf.png') no-repeat left; }
a.lizip { padding-right: 14px; background: url('images/link-icon_zip.png') no-repeat left; }

div#ErrorNotice {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background:white none repeat scroll 0 0;
    border:5px solid #00718E;
    color:red;
    margin-bottom:20px;
    padding:20px;
}
div.home_welcome {
	clear:both;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	margin: 0px 25px 20px 25px;
	line-height: 12pt;
}


/* CSS FOR regsiter_email */
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:white; color:black; height:40px;}
#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(/subscribe_email/img/contact/loaderb32.gif) no-repeat; height:32px; margin:10px 0 0 210px; padding:0; position:absolute; width:32px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#F02900; border:1px solid black; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:white; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:white; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container button.contact-send { margin-left: 18px; float: left; }
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
/* END CSS for register_email */