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

#navbar2 { width: 560px; }
#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;  }
#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; z-index: 1000; }
.sub_top_bar { height:31px; top:auto; margin-left: 5px; }

#HeaderImage { width:447px;height:223px; border: 4px solid #573F97; margin-left: -5px; margin-top: 12px; }
h3 { color:#5A3F95; font-family:"Helvetica Neue", Arial; font-size:14pt; line-height:14px; 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; padding-right: 20px; padding-left: 22px; top: auto; right: auto; text-align: left; } 

.sub_area1 { FLOAT: left; padding-right: 19px; padding-left: 22px; WIDTH: 470px; TOP: auto;  }
.sub_area1 h3 a { color:#5A3F95; text-decoration:none; }
.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; }
.bluebox { 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: 13.727em;  
}

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

ul#nav li.page_item ul.children li.page_item ul.children li.page_item {
	margin-left:6.2em;
	z-index: 100;
	
}

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

#nav li a
 {
    width: 13.727em;
    display: block;
    text-decoration: none;
    background-color: #4d0072;
    margin: 1px;
    padding: 0 0.5em;
    color: white;
    font-family: Verdana;
	font-weight: bold;
	text-align: center;
    background-image: none;
z-index: 100;
}
ul#nav ul.children a {
	width: 20em;
    display: block;
    text-decoration: none;
    background-color: white;
    border: 1px solid #CCC;
    padding: 0 0.5em;
    color: black;
    font-family: Verdana;
	font-weight: normal;
	text-align: left;
    background-image: none;
	margin: 0px;
z-index: 100;
}

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

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
z-index: 100;
}
	
#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;
z-index: 100;
}
/* 151x23 */
#nav li.page-item-2 a,
{
	background-color: #4d0072;
	text-align: center;
	width: 13.727em;
z-index: 100;
}

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: #4d0072; width: 18em; }
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; }

div.cbar_subpage { margin-left:22px; } 

/* 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; height:364px; 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: 860px; margin-left: auto; margin-right: auto; margin-top: 20px; }    

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

#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 a img { border:0px; }
#HomeLeft p { margin: 0px 16px 20px 0px; }


#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:#4d0072; 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 { color:#4d0072; border-bottom: 1px solid #DDD; padding-bottom: 2px; padding-top: 10px; clear:both; margin-bottom: 8px; }
div.HomeCalDate { color:#4d0072; 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; padding-left:10px;}
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 20px 0px 0px;
	line-height: 12pt;
	color:#444;
}


/* 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 */


/* SolidTech WebContact */
form#WebContactForm label {
	width: 110px;
	font-weight: bold;
	float: left;
}
form#WebContactForm ul.Error { margin-bottom: 5px; margin-left: 110px; }
form#WebContactForm ul.Error li {
	color: red;
	font-weight: bold;
}
form#WebContactForm { 
	border: none; 
	background: white; 
}
form#WebContactForm fieldset { 
	border:none; 
}
form#WebContactForm input[type=text] {
	width: 200px;
	margin-bottom: 5px;
}
form#WebContactForm input.button {
	margin-left: 251px;
}
form#WebContactForm legend {
	font-weight: bold; 
	margin-left:0px;
}
form#WebContactForm h3 {
	margin: 0px 0px 10px 0px;
}
p.staffWrapper {
background:none repeat scroll 0 0 #AD3B3B;
color:#FFFFFF;
font-weight:normal;
margin:15px 0 5px;
padding:5px;
}

/* August 1st, 2011 -- Homepage Revisions */