






/*********************************/
/***** Header Classes ************/
/*********************************/

.calendarheader1 { font: bold 12px Tahoma, sans-serif; color: #fff; }
.headline1 { font: bold 12px Tahoma, sans-serif; }
.headline2 { font: bold 13px Tahoma, sans-serif; }
.headline3 { font: bold 16px/17px Tahoma, sans-serif; }
.headline4 { font: bold 18px/19px Tahoma, sans-serif; }
.headline5 { font: bold 24px/25px Tahoma, sans-serif; }
.headline6 { font: bold 30px/31px Tahoma, sans-serif; }
.headline7 { font: bold 36px/37px Tahoma, sans-serif; }
.helpheader4 { font: bold 18px Tahoma, sans-serif; color: #fff; }
/*********************************/
/***** Body Style ****************/
/*********************************/

/*********************************/
/***** HTML TAGS *****************/
/*********************************/

body, td, #componentHeaderBar { font: 12px Tahoma, sans-serif; }



/*********************************/
/***** Classes *******************/
/*********************************/

.author { font: 12px Tahoma, sans-serif; }
.body1 { font: 12px Tahoma, sans-serif; }
.body2 { font: 13px Tahoma, sans-serif; }
.body3 {  }
.body4 {  }
.body5 {  }
.body6 {  }
.body7 {  }
.boldbody1 { font: bold 12px Tahoma, sans-serif; }
.boldbody2 { font: bold 13px Tahoma, sans-serif; }
.bullets1 { font: 12px Tahoma, sans-serif; }
.calendarcontent1 { font: 10px Tahoma, sans-serif; }
.calendarhebrewdate1 { font: 10px Tahoma, sans-serif; color: #666; }
.caption1 { font: bold 12px Tahoma, sans-serif; }
.comp { margin-top: 0px; }
.copyright { font: 12px Tahoma, sans-serif; }
.date { font: 12px Tahoma, sans-serif; }
.error2 { font: bold 13px Tahoma, sans-serif; color: #f00; }
.errordetail2 { font: 13px Tahoma, sans-serif; color: #f00; }
.footer1 { font: 11px Tahoma, sans-serif; }
.form { font: 13px monospace; }
.formheader2 { font: 13px Tahoma, sans-serif; }
.formerror2 { font: bold 12px Tahoma, sans-serif; color: #f00; }
.forum2 { font: bold 13px Tahoma, sans-serif; }
.minicalblack { font: bold 10px Verdana, Helvetica, Arial, Geneva; color: #000; }
.minicalwhite { font: bold 10px Verdana, Helvetica, Arial, Geneva; color: #fff; }
.page1 { font: 12px Tahoma, sans-serif; }
.pagination { font: 12px Tahoma, sans-serif; }
.path1 { font: 12px Tahoma, sans-serif; }
.smallfont1 { font: 10px Tahoma, sans-serif; }
.source { font: 12px Tahoma, sans-serif; }
.utilitylinks { font: 12px Tahoma, sans-serif; }


/*********************************/
/***** HTML TAGS *****************/
/*********************************/

a:link { color: #069; }
a:visited, a:hover { color: #3a71a5; }
a:active { color: #069; }
a.headerlinks, a.headerlinks:visited { color: #fff; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; padding-right:10px; position:relative; top:3px; }
a.headerlinks:hover { color: #fff; font: 11px Arial, Helvetica, sans-serif; }
body { margin: 0; padding: 0; background: #fff; }



/*********************************/
/***** ID's **********************/
/*********************************/

#breadcrumb { color: #666; margin-bottom: 24px; }
#column0 { margin-top: 8px; }
#column1 { margin-top: 8px; }
#column2 { margin-top: 8px; }
#column3 { margin-top: 8px; }
#column4 { margin-top: 8px; }
#extraDiv1 { position: absolute; left: 0; top: 0; width: 100%; height: 10px; background-color:#FFFFFF; border-bottom:1px solid #ccc; }
#footerText { text-align: left; font: 11px Arial, Helvetica, sans-serif; margin: 0 16px 8px 16px; }
#intro { height: 128px; border-bottom: solid #40217f 2px; }
#linkList0 { position: absolute; top: 11px; height: 28px; text-align: right; width: 100%; background-color: #40217f; background-image: url(/style_images/apexgg/images_nav/tile_utilfade.gif); background-repeat: repeat-y;}
#linkList0 a:hover { text-decoration: underline; }
#linkList1 { background-color: #eee; height: 28px; }
#linkList1 li ul { width: 13.65em; border: solid #ccc 1px; }
#linkList1 li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #40217f; font-weight: bold; text-decoration: none; padding: .4em 1em; }
#linkList1 li a:hover { color: #e84c1b; text-decoration: none; }
#linkList1 li a:visited { color: #40217f; text-decoration: none; }
#linkList1 li a:visited:hover { color: #e84c1b; text-decoration: none; }
#linkList1 li a.submenu { width: 18em; background-color: #eee; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #40217f; padding: 6px 10px; }
#linkList1 li a.submenu:hover { background-color: #40217f; color: #fff; }
#linkList1 li a.submenu:visited { background-color: #eee; color: #40217f; }
#linkList1 li a.submenu:visited:hover { background-color: #40217f; color: #fff; }
#linkList2 { background-color: #fff; height: 28px; }
#linkList2 li ul { width: 13.65em; border: solid #ccc 1px; }
#linkList2 li ul ul { left: -999em; }
#linkList2 li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #40217f; text-decoration: none; padding: .4em 1em; }
#linkList2 li a:hover { color: #e84c1b; text-decoration: none; }
#linkList2 li a:visited { color: #40217f; text-decoration: none; }
#linkList2 li a:visited:hover { color: #e84c1b; text-decoration: none; }
#linkList2 li a.submenu { width: 18em; background-color: #eee; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #40217f; padding: 6px 10px; }
#linkList2 li a.submenu:hover { background-color: #40217f; color: #fff; }
#linkList2 li a.submenu:visited { background-color: #eee; color: #40217f; }
#linkList2 li a.submenu:visited:hover { background-color: #40217f; color: #fff; }
#linkList3 { width: 166px; margin: 16px 8px 0 0; border-top: solid 1px #ccc; border-right: solid 1px #ccc; }
#linkListSub3 { width: 166px; padding-top: 0px; padding-bottom: 24px; float: left; }
#linkListSub3 ul { width: 166px; }
#linkListSub3 li { position: relative; float: left; line-height: 1em; }
#linkListSub3 li ul { position: absolute; left: -999em; margin-left: 166px; margin-top: -2em; width: 13.65em; z-index: 2; }
#linkListSub3 li ul ul { left: -999em; }
#linkListSub3 li a { font-family: Trebuchet MS, sans-serif; font-weight: bold; font-size: 13px; color: #40217f; display: block; text-align: right; text-decoration: none; padding: 6px 0 6px 8px; border-bottom: solid 1px #ccc; }
#linkListSub3 li a:hover { color: #e84c1b; text-decoration: none; }
#linkListSub3 li a:visited { color: #40217f; text-decoration: none; }
#linkListSub3 li a:visited:hover { color: #e84c1b; text-decoration: none; }
#linkListSub3 li a.submenu { width: 18em; background-color: #eee; font: 11px Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; color: #40217f; padding: 6px 10px; border-bottom: 0px; margin-left: -1px; }
#linkListSub3 li a.submenu:hover { background-color: #40217f; color: #fff; }
#linkListSub3 li a.submenu:visited { background-color: #eee; color: #40217f; }
#linkListSub3 li a.submenu:visited:hover { background-color: #40217f; color: #fff; }
#linkListSub3 li:hover ul ul, #linkListSub3 li:hover ul ul ul, #linkListSub3 li.sfhover ul ul, #linkListSub3 li.sfhover ul ul ul { left: -999em; }
#linkListSub3 li:hover ul, #linkListSub3 li li:hover ul, #linkListSub3 li li li:hover ul, #linkListSub3 li.sfhover ul, #linkListSub3 li li.sfhover ul, #linkListSub3 li li li.sfhover ul { left: auto; margin-top:0px; }
#linkList4 { width: 164px; margin: 16px 0 0 8px; border-left: solid #ccc 1px; border-top: solid #ccc 1px; }
#linkListSub4 { width: 164px; padding-top: 12px; padding-bottom: 24px; }
#linkListSub4 ul { width: 164px; }
#linkListSub4 li { position: relative; float: left; line-height: 1em; width: 10em; }
#linkListSub4 li a { font-family: Trebuchet MS, sans-serif; font-weight: bold; font-size: 13px; color: #40217f; display : block; text-align: right; text-decoration: none; padding: 6px 0 6px 8px; }
#linkListSub4 li a:hover { color: #e84c1b; text-decoration: none; }
#linkListSub4 li a:visited { color: #40217f; text-decoration: none; }
#linkListSub4 li a:visited:hover { color: #e84c1b; text-decoration: none; }
#linkList5 { text-align: center; }
#linkList5 ul {list-style-type: none; margin: 0; padding: 0; }
#linkList5 ul li { display: inline; margin: 0 6px; }
#linkList5 ul li a { display: inline; font: 11px Arial, Helvetica, sans-serif; color: #6699cc; text-decoration: underline; }
#linkList5 li a:hover { color: #69c; }
#linkList5 li a:visited { color: #69c; }
#linkList5 li a:visited:hover { color: #69c; }
#linkListSub5 { margin: 8px 0 12px 0; }
#linkList6 { text-align: center; }
#linkList6 ul {list-style-type: none; margin: 0; padding: 0; }
#linkList6 ul li { display: inline; margin: 0 6px; }
#linkList6 ul li a { display: inline; font: 11px Arial, Helvetica, sans-serif; color: #6699cc; text-decoration: underline; }
#linkList6 li a:hover { color: #69c; }
#linkList6 li a:visited { color: #69c; }
#linkList6 li a:visited:hover { color: #69c; }
#linkListSub6 { margin: 8px 0 12px 0; }
#LocalFooterText { font-weight: normal; }
#navArrow { background-image: url(/style_images/apexgg/images_nav/nav_arrow.gif); margin: .2em 0 0 .2em; background-repeat: no-repeat; float: right; border: solid #fff 1px; }
#navArrowBlank { float: right; border: solid #fff 1px; }
#navArrowTop { background-image: url(/style_images/apexgg/images_nav/nav_arrow_down.gif); background-repeat: no-repeat; }
#navArrowTopBlank { }
#navBadgesBottom { margin: 0 0 12px 0; }
#navBadgesListBottom { width: 100%; }
#navBadges { width: 100%; clear: both; }
#navBadgesList { margin: 0 0 24px 0; }
#navBadges li { padding: 6px 0; }
#navLinksBottom { font: 12px Arial, Helvetica, sans-serif; margin: 0 0 12px 0; }
#navLinksListBottom { width: 100%; }
#navLinks { width: 166px; clear: both; }
#navLinksText { width: 166px; margin: 0; padding: 0; list-style-type: none; font: 12px Arial, Helvetica, sans-serif; }
#navLinksTextLi { padding: 0 0 0 10px; }
#navLinkList { margin: 0 0 24px 0; padding: 0 0 0 20px; list-style-image: url('/images_main/bullet.gif'); }
#navLinkList li { padding: 2px 2px 2px 0; }
#PageAuthorDate { color: #000; font-size: 11px;}
#pageBody { width: 966px; }
#PageCopyright { padding: 8px 0 0 16px; display: block; font: 11px Arial, Helvetica, sans-serif; }
#pageFooter { border-top: solid #40217f 2px; background-color: #fff; font: 10px; padding-top: 8px; }
#pageHeader { background-color: #40217f; border-bottom: solid #ccc 1px; }
#pageHeader #intro h1 a { position: absolute; top: 38px; left: 0px; background-image: url(/local_includes/logo.gif); background-repeat: no-repeat; display: block; margin: 0; padding: 0; height: 89px; width: 500px; }
#pageIcons { float: right; }
#pageProperties { width: 100%; margin-bottom: 8px; }
#pageProperties h1 { font-family: Arial, Helvetic, sans-serif; font-size: 30px; line-height: normal; color: #3a55a5; font-weight: normal; }
#pageProperties h2 { font-family: Georgia, "Times New Roman", Times, Serif; font-size: 36px; line-height: normal; color: #000; font-weight: normal; }
#relatedPageLinks { }
#searchBox { position: absolute; width: 254px; height: 21px; right: 20px; top: 80px; text-align: right; border-color: #e5e2ba; color: #000; font: 11px Arial, Helvetica, sans-serif; }
#spanBottom { margin: 8px 0; }
#spanTop { margin: 8px 0; }
#supportingElements { width: 500px; padding-top: 12px; }
#topnavlists { }
#ujcweblogo { float: right; }
#ujcweblogo img { background-image: url(/style_images/apexgg/images_nav/badge_fedweb_apex-gg.gif); background-repeat: no-repeat; }
#userWelcome { position: absolute; width: 254px; height: 21px; right: 20px; top: 45px; text-align: right; color: #fff; font: 11px Arial, Helvetica, sans-serif; }







/*********************************/
/***** Classes *******************/
/*********************************/

.boxbackground { background-color: #E6F0F2; }
.button { font: 11px Arial, Helvetic, sans-serif;  padding: 1px 0 1px 0; }
.calendarcolor { background-color: #538D99; }
.calendarcolor2 { background-color: #E6F0F2; }
.calendardayheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; }
.calendargridcolor { background-color: #999; }
.calendartab { background-color: #D3E1E5; }
.calendartabsel { background-color: #538D99; color: #fff; }
.calendartabsel a { background-color: #538D99; color: #fff; }
.callout1 { font: 12px Arial, Helvetic, sans-serif; font-weight: bold; color: #fff; }
.calloutbkgnd { background-color: #fff; }
.calloutbkgnd2 { background-color: #fff; }
.callouttopbkgnd { background-color: #538D99; }
.caltoolbarheader { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; }
.caltoolbarlink { font: 11px Arial, Helvetica, sans-serif; color: #fff; }
.chatbottomnavcolor {  }
.chatleftnavcolor {  }
.DayInMonth { background-color: #FFF; }
.DayInMonth a.DayNumber { color: #000; }
.DayInMonth font.HebrewDate { color: #666; }
.DayNotInMonth { background-color: #FFF; }
.DayNotInMonth a.DayNumber { color: #999; }
.DayNotInMonth font.HebrewDate { color: #666; }
.DayInMonthCurrent { background-color: #538D99; }
.DayInMonthCurrent a.DayNumber { color: #FFF; }
.DayInMonthCurrent font.HebrewDate { color: #FFF; }
.ecardline { background-color: #ccc; }
.ecardheaderbar { background-color: #666699; height:21px; width:120px; text-align: left; }
.ecardheaderbartext { margin-left: 6px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; line-height: 20px; text-transform:uppercase;}
.ecardtable a { text-decoration: none; } 
.forumindexheader { background-color: #D3E1E5; }
.forumtoolbar { background-color: #538D99; }
.headerfill { background-color: #D3E1E5; }
.headertext { font: 30px/36px Arial, Helvetica, sans-serif; color: #375D65; }
.helpleftnavcolor { background-color: #D3E1E5; }
.helptopnavcolor { background-color: #538D99; }
.minicalendar { background-color: #538D99; }
.minicalendar a { background-color: #538D99; color: #FFF; }
.minicalendarcurrentdate { background-color: #ccc; }
.minicalendarevents { background-color: #D3E1E5; }
.pageIconsLinkWrapper { margin-left: 20px; display: block; /*border: 1px solid #ff0000;*/ float: left; }
.pageIconsLinkWrapper img { margin-right: 5px; margin-bottom: -2px; }
.search { margin-left: 5px; padding: 0; height: 21px; background-color: #ffffff; border: 1px solid #7F9DB9; float: right; }
.searchbutton { margin-left: 5px;  float: right; }
.small { width: 170px; }
.userstatus { font: 11px Arial, Helvetica, sans-serif; color: #E5E2BA; }

/*********************************/
/***** UTILITY PAGES STYLES ******/
/*********************************/

.contact_us #column0 {padding-left:10px;}
.contact_us #column0 #contentarea {width:576px;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder {padding:15px;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder h3.headline5 {padding-top:12px;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder div.madatory1 {padding-top:6px;font-size:11px;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder span.errorred {color:#FF0000;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder div.formrow {margin:6px 0px 6px 0px;/*clear:both;*/}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder div.formrow div.formrowlabel {float:left; width:180px; text-align:right;}
.contact_us #column0 #contentarea #ctl00_ContentPlaceHolder1_contactFormHolder div.formrow div.formrowfield {float:left;}

body.expresslogin #expressloginform {margin:0px;padding:0px;}
body.expresslogin #outer {width:564px;}
body.expresslogin #inner {margin:0px 0px 0px 50px;}
body.expresslogin .titlebar {padding:2px 0px 2px 5px;}
body.expresslogin .fieldrow {width:436px;}
body.expresslogin .formleft {text-align:right;width:130px;float:left;padding-top:4px;}
body.expresslogin .formright {text-align:left;width:200px;float:left;margin-left:6px;}
body.expresslogin .spacerXLarge {height:16px;}
body.expresslogin .spacerLargest {height:10px;}
body.expresslogin .spacerLarger {height:6px;}
body.expresslogin .spacerSmaller {height:3px;} 

body.login #frmLogin {margin:0px;padding:0px;}
body.login #login_outercontainer {width:600px;}
body.login #login_innercontainer {margin:12px 0px 0px 0px;}
body.login #loginboxleft {padding:0px 18px 0px 0px;border-right:1px solid #ccc;width:305px;float:left;}
body.login #loginboxleft label.fieldlabel {width:100px;float:left;text-align:right;}
body.login #loginboxleft div.fieldlabel {width:100px;float:left;}
body.login #loginboxleft input.textfieldbutton {float:left;width:110px;}
body.login #loginboxleft div.textfieldbutton {float:left;width:110px;}
body.login #loginboxleft label.checkboxlabel {width:100%;}
body.login #loginboxright {paddding:0px 0px 0px 18px;width:258px;float:right;}
body.login .loginboxbothinner {margin:8px 0px 0px 0px;}
body.login .messagerow {margin:12px 0px 0px 0px;height:inherit;}
body.login .titlebar {padding:2px 0px 2px 7px;}
body.login .bold {font-weight:bold;}
body.login .row_smallerspacing {margin-bottom:8px;height:inherit;}
body.login .row_largerspacing {margin-bottom:10px;height:inherit;}
body.login .bar {padding:2px 5px 2px 5px;margin:20px 0px 10px 0px;width:500px;}
body.login .forgotformbox {width:500px;}
body.login .forgotpass-spacer {height:12px;}
body.login .forgotpass-spacer2 {height:48px;}
body.login .forgotformbox .row {text-align:center;width:425px;padding:3px 0px 3px 0px;}
body.login .forgotformbox .row .left {width:120px;margin-right:5px;padding:4px 0px 0px 0px;float:left;text-align:right;}
body.login .forgotformbox .row .right {width:300px;float:right;text-align:left;}
body.login .forgotformbox .row .right2 {width:300px;float:right;text-align:left;padding:4px 0px 0px 0px;}

body.advancedsearch #searchagain {width:564px;margin-top:12px;}
body.advancedsearch #searchagain #searchagain-inner {padding:12px;}
body.advancedsearch #searchagain #searchagainform {margin:0px;padding:0px;}
body.advancedsearch #searchagain .spacerLarger {height:7px;}
body.advancedsearch #searchagain .spacerSmaller {height:3px;}
body.advancedsearch #searchagain .fieldrow {}
body.advancedsearch #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.advancedsearch #searchagain .formright {text-align:left;width:390px;float:right;}

body.bjelaschool #schoolsearch {width:564px;margin-top:12px;}
body.bjelaschool #schoolsearch #search-inner {padding:12px;}
body.bjelaschool #schoolsearch #frmAdultLearning {margin:0px;padding:0px;}
body.bjelaschool #schoolsearch .spacerLargest {height:12px;}
body.bjelaschool #schoolsearch .spacerLarger {height:6px;}
body.bjelaschool #schoolsearch .spacerXLarge {height:24px;}
body.bjelaschool #schoolsearch .fieldrow {}
body.bjelaschool #schoolsearch .formleft {text-align:right;width:150px;float:left;padding-top:4px;}
body.bjelaschool #schoolsearch .formright {text-align:left;width:390px;float:right;}
body.bjelaschool #schoolsearch #moreinfo {text-align:center;}

body.career #submitResume {width:564px;margin-top:12px;overflow:auto;}
body.career #submitResume #submitResume-inner {padding:12px;}
body.career #submitResume #frmSubmitResume {margin:0px;padding:0px;}
body.career #submitResume .spacerLargest {height:12px;}
body.career #submitResume .spacerLarger {height:7px;}
body.career #submitResume .spacerSmaller {height:3px;}
body.career #submitResume .fieldrow {}
body.career #submitResume .formleft {text-align:right;width:150px;float:left;padding-top:5px;}
body.career #submitResume .formright {text-align:left;width:390px;float:right;}
body.career #boxGoToJJF {padding:12px;}

body.ecards #registernowbox {width:564px;}
body.ecards #registernowbox #registernowbox-inner {padding:12px;}
body.ecards #registernowbox #registernowbox-inner .left {width:56px;float:left;margin-right:12px;}
body.ecards #registernowbox #registernowbox-inner .right {width:472px;float:right;}

body.GA #searchbox {width:564px;margin:12px 0px 12px 0px;}
body.GA #searchbox #searchbox-inner {padding:12px;}
body.GA #searchbox #frmGASearch {margin:0px;padding:0px;}
body.GA #searchbox .spacerLargest {height:12px;}
body.GA #searchbox .spacerLarger {height:7px;}
body.GA #searchbox .spacerSmaller {height:3px;}
body.GA #searchbox .fieldrow {}
body.GA #searchbox .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.GA #searchbox .formright {text-align:left;width:390px;float:right;}

body.holiday #searchagain {width:564px;margin-top:12px;}
body.holiday #searchagain #searchagain-inner {padding:12px;}
body.holiday #searchagain #frmHLSearch {margin:0px;padding:0px;}
body.holiday #searchagain .spacerLarger {height:7px;}
body.holiday #searchagain .spacerSmaller {height:3px;}
body.holiday #searchagain .fieldrow {}
body.holiday #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.holiday #searchagain .formright {text-align:left;width:390px;float:right;}
body.holiday #searchagain .or {text-align:center;}

body.IR #searchagain {width:564px;margin-top:12px;}
body.IR #searchagain #searchagain-inner {padding:12px;}
body.IR #searchagain #frmIrSearch {margin:0px;padding:0px;}
body.IR #searchagain #frmZipSearch {margin:0px;padding:0px;}
body.IR #searchagain .spacerLargest {height:12px;}
body.IR #searchagain .spacerLarger {height:7px;}
body.IR #searchagain .spacerSmaller {height:3px;}
body.IR #searchagain .fieldrow {}
body.IR #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.IR #searchagain .formright {text-align:left;width:390px;float:right;}
body.IR #searchagain #frmIrSearch #instructions {text-align:center;}
body.IR #searchagain #frmZipSearch #instructions {text-align:left;}

body.jobsearch #searchbox {width:564px;margin:12px 0px 12px 0px;}
body.jobsearch #searchbox #searchbox-inner {padding:12px;}
body.jobsearch #searchbox #frmJobSearch {margin:0px;padding:0px;}
body.jobsearch #searchbox .spacerLargest {height:12px;}
body.jobsearch #searchbox .spacerLarger {height:7px;}
body.jobsearch #searchbox .spacerSmaller {height:3px;}
body.jobsearch #searchbox .fieldrow {}
body.jobsearch #searchbox .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.jobsearch #searchbox .formright {text-align:left;width:390px;float:right;}

body.speakers #searchagain {width:564px;margin-top:12px;}
body.speakers #searchagain #searchagain-inner {padding:12px;}
body.speakers #searchagain #frmSpeakSearch {margin:0px;padding:0px;}
body.speakers #searchagain .spacerLargest {height:12px;}
body.speakers #searchagain .spacerLarger {height:7px;}
body.speakers #searchagain .spacerSmaller {height:3px;}
body.speakers #searchagain .fieldrow {}
body.speakers #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.speakers #searchagain .formright {text-align:left;width:390px;float:right;}
body.speakers #searchagain #browse {}
body.speakers ul.topiclist {margin:0px;padding:0px;}
body.speakers ul.topiclist li {margin:0px 0px 0px 15px;}

body.staff #searchagain {width:564px;margin-top:12px;}
body.staff #searchagain #searchagain-inner {padding:12px;}
body.staff #searchagain #frmStaffSearch {margin:0px;padding:0px;}
body.staff #searchagain .spacerLargest {height:12px;}
body.staff #searchagain .spacerLarger {height:7px;}
body.staff #searchagain .spacerSmaller {height:3px;}
body.staff #searchagain .fieldrow {}
body.staff #searchagain .formleft {text-align:right;width:160px;float:left;padding-top:3px;}
body.staff #searchagain .formright {text-align:left;width:380px;float:right;}
body.staff #searchagain #browse {}
body.staff #searchagain #addresses {}

body.synagogue #searchagain {width:564px;margin-top:12px;}
body.synagogue #searchagain #searchagain-inner {padding:12px;}
body.synagogue #searchagain #frmSynSearch {margin:0px;padding:0px;}
body.synagogue #searchagain .spacerLargest {height:12px;}
body.synagogue #searchagain .spacerLarger {height:7px;}
body.synagogue #searchagain .spacerSmaller {height:3px;}
body.synagogue #searchagain .fieldrow {}
body.synagogue #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.synagogue #searchagain .formright {text-align:left;width:390px;float:right;}
body.synagogue #searchagain .or {text-align:center;}

body.trainers #searchagain {width:564px;margin-top:12px;}
body.trainers #searchagain #searchagain-inner {padding:12px;}
body.trainers #searchagain #frmTrainSearch {margin:0px;padding:0px;}
body.trainers #searchagain .spacerLargest {height:12px;}
body.trainers #searchagain .spacerLarger {height:7px;}
body.trainers #searchagain .spacerSmaller {height:3px;}
body.trainers #searchagain .fieldrow {}
body.trainers #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.trainers #searchagain .formright {text-align:left;width:390px;float:right;}
body.trainers #searchagain #browse {}

body.missionfinder #searchagain {width:564px;margin-top:12px;}
body.missionfinder #searchagain #searchagain-inner {padding:12px;}
body.missionfinder #searchagain #frmTravelSearch {margin:0px;padding:0px;}
body.missionfinder #searchagain .spacerLargest {height:12px;}
body.missionfinder #searchagain .spacerLarger {height:7px;}
body.missionfinder #searchagain .spacerSmaller {height:3px;}
body.missionfinder #searchagain .fieldrow {}
body.missionfinder #searchagain .formleft {text-align:right;width:150px;float:left;padding-top:3px;}
body.missionfinder #searchagain .formright {text-align:left;width:390px;float:right;}

#genericform {width:564px;margin:12px 0px 12px 0px;}
#genericform .spacerXlarge {height:15px;overflow:hidden;}
#genericform .spacerLargest {height:12px;overflow:hidden;}
#genericform .spacerLarger {height:7px;overflow:hidden;}
#genericform .spacerSmaller {height:3px;overflow:hidden;}
#genericform .fieldrow {overflow:hidden;}
#genericform .formleft {text-align:right;width:170px;float:left;padding-top:3px;margin-right:4px;}
#genericform .formright {text-align:left;width:390px;float:right;}


/* The following css styles are unique to the component system. */
/* The Page Builder system will pull any css style inside the */
/* BEGIN and END comments below to render components as close */
/* as possible to the public view. Modification of the BEGIN or */
/* END commments below will result in broken Page Builder component */
/* display. */

/* COMPONENT CSS BEGIN */
h1, h2, h3, h4 { margin: 0; padding: 0; }

#adultjewishlearning #compBody { padding: 6px; }
#adultjewishlearning #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#adultjewishlearning #moduleElement { border: solid 1px #ccc; }
#adultjewishlearning .headline2 { color: #fff; font-size: 12px; }
#adultjewishlearning .headline3 { color: #000; }
#adultjewishlearning .body1 { color: #000; }

#calendar #compBody { padding: 6px; margin: 0 auto; }
#calendar #compBody table { border: #fff; }
#calendar .MiniCalDayInMonth { background-color: #FFF; color: #000; padding: 2px; }
#calendar .MiniCalDayNotInMonth { background-color: #FFF; color: #999; padding: 2px; }
#calendar .MiniCalDayInMonthCurrent { background-color: #538D99; color: #FFF; padding: 2px; }
#calendar .MiniCalHeaderFill td { background-color: #D3E1E5; padding: 2px; }
#calendar .MiniCalNextPrev { cursor: pointer; }
#calendar .MiniCalDayHeader { padding: 2px; }

#callout #compBody { padding: 6px; }
#callout #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#callout #moduleElement { border: solid 1px #ccc; }
#callout .headline2 { color: #fff; font-size: 12px; }
#callout .headline3 { color: #000; }
#callout .body1 { color: #000; }

#candlelightingtimes #compBody { padding: 6px; }
#candlelightingtimes #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#candlelightingtimes #moduleElement { border: solid 1px #ccc; }
#candlelightingtimes .headline2 { color: #fff; font-size: 12px; }
#candlelightingtimes .headline3 { color: #000; }
#candlelightingtimes .body1 { color: #000; }

#communitydirectorysearch #compBody { padding: 6px; }
#communitydirectorysearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#communitydirectorysearch #moduleElement { border: solid 1px #ccc; }
#communitydirectorysearch .headline2 { color: #fff; font-size: 12px; }
#communitydirectorysearch .headline3 { color: #000; }
#communitydirectorysearch .body1 { color: #000; }

#communitystudymap #compBody { padding: 6px; }
#communitystudymap #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#communitystudymap #moduleElement { border: solid 1px #ccc; }
#communitystudymap .headline2 { color: #fff; font-size: 12px; }
#communitystudymap .headline3 { color: #000; }
#communitystudymap .body1 { color: #000; }

#communitystudysearch #compBody { padding: 6px; }
#communitystudysearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#communitystudysearch #moduleElement { border: solid 1px #ccc; }
#communitystudysearch .headline2 { color: #fff; font-size: 12px; }
#communitystudysearch .headline3 { color: #000; }
#communitystudysearch .body1 { color: #000; }

#domesticprogramlibrary #compBody { padding: 6px; }
#domesticprogramlibrary #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#domesticprogramlibrary #moduleElement { border: solid 1px #ccc; }
#domesticprogramlibrary .headline2 { color: #fff; font-size: 12px; }
#domesticprogramlibrary .headline3 { color: #000; }
#domesticprogramlibrary .body1 { color: #000; }

#doublestory #leftstory { float: left; width: 48%; margin: 0 12px 0 0; padding: 10px 0 0 0; border-top: solid 1px #ccc; }
#doublestory #rightstory { float: right; width: 48%; padding: 10px 0 0 0; border-top: solid 1px #ccc; }
#doublestory h4 { font-style: italic; color: #000; }
#doublestory .headline3 { color: #000; }
#doublestory .body1 { color: #000; }

#ecards #compBody { padding: 6px; width: 174px; margin: 0 auto; }
#ecards #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#ecards #componentHeaderBar a { color: #fff; text-decoration: none; }
#ecards .headline2 {color: #fff; font-size: 12px; }
#ecards #ecardText { font-weight: bold; padding: 8px 0; }
#ecards #moduleElement { border: solid 1px #ccc; }

#featurestory h4 { font-style: italic; color: #000; }
#featurestory .headline3 { color: #000; }
#featurestory .body1 { color: #000; }

#gaeventsearch #compBody { padding: 6px; }
#gaeventsearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#gaeventsearch #moduleElement { border: solid 1px #ccc; }
#gaeventsearch .headline2 { color: #fff; font-size: 12px; }
#gaeventsearch .headline3 { color: #000; }
#gaeventsearch .body1 { color: #000; }

#gaspeakersearch #compBody { padding: 6px; }
#gaspeakersearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#gaspeakersearch #moduleElement { border: solid 1px #ccc; }
#gaspeakersearch .headline2 { color: #fff; font-size: 12px; }
#gaspeakersearch .headline3 { color: #000; }
#gaspeakersearch .body1 { color: #000; }

#headlinelist ul { margin: 0 0 0 20px; padding: 0; list-style-image: url('/images_main/bullet.gif'); }
#headlinelist li { margin-bottom: 4px; }
#headlinelist h3 { background-color: #fb3; margin: 5px 0; font-size: 13px; line-height: 13px; padding: 5px 0px 5px 5px;}
#headlinelist .headline2 { color: #000; }
#headlinelist h4 { margin-bottom: 5px; }
#headlinelist #compList { border-top: solid #ccc 1px; padding-top: 5px; }
#headlinelist .body1 { color: #000; }

/* #htmltext #compBody .body2 { color: #666; } -- using this style declaration did not apply the color to the .body2 class */
#htmltext .body2 { color: #000; }
#htmltext p { margin: auto; padding: auto; }

#jobsearch #compBody { padding: 6px; }
#jobsearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#jobsearch #moduleElement { border: solid 1px #ccc; }
#jobsearch .headline2 { color: #fff; font-size: 12px; }
#jobsearch .headline3 { color: #000; }
#jobsearch .body1 { color: #000; }

#leadstory h4 { font-style: italic; }
#leadstory .headline6 { color: #069; }
#leadstory .body1 { color: #000; }
#leadstory #compImage.left { float: none; text-align: left; margin: 0 0 5px 0; }
#leadstory #compImage.right { float: none; text-align: right; margin: 0 0 5px 0; }

#mailinglist #compBody { padding: 6px; }
#mailinglist #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#mailinglist #moduleElement { border: solid 1px #ccc; }
#mailinglist .headline2 { color: #fff; font-size: 12px; }
#mailinglist .headline3 { color: #000; }
#mailinglist .body1 { color: #000; }

#missionfinder #compBody { padding: 6px; }
#missionfinder #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#missionfinder #moduleElement { border: solid 1px #ccc; }
#missionfinder .headline2 { color: #fff; font-size: 12px; }
#missionfinder .headline3 { color: #000; }
#missionfinder .body1 { color: #000; }

#multimediashow #compBody { padding-top: 6px; }
#multimediashow #componentHeaderBar { background: #000; padding-left: 6px; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 24px; height: 24px; }
#multimediashow #componentHeaderBar a { color: #fff; text-decoration: none; }
#multimediashow .header3 { color: #fff; }
#multimediashow #MMShowLink { clear: both; }
#multimediashow #MMShowLink a { text-decoration: none; }
#multimediashow .body1 { color: #666; }

#printphotovideo #compBody { padding: 6px; }
#printphotovideo #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#printphotovideo #moduleElement { border: solid 1px #ccc; }
#printphotovideo .headline2 { color: #fff; font-size: 12px; }
#printphotovideo .headline3 { color: #000; }
#printphotovideo .body1 { color: #000; }

#programupdates #compBody { padding: 6px; }
#programupdates #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#programupdates #moduleElement { border: solid 1px #ccc; }
#programupdates .headline2 { color: #fff; font-size: 12px; }
#programupdates .headline3 { color: #000; }
#programupdates .body1 { color: #000; }

#realmedia #compBody { padding: 6px; }
#realmedia #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; height: 24px; color: #fff; border-bottom: solid 1px #ccc; }
#realmedia #moduleElement { border: solid 1px #ccc; }
#realmedia #RealMediaPlayerText { clear: both; color: #000; }

/* #richtext #compBody .body2 { color: #666; } -- using this style declaration did not apply the color to the .body2 class */
#richtext .body2 { color: #000; }
#richtext p { margin: auto; padding: auto; }

#schoolsearch #compBody { padding: 6px; }
#schoolsearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#schoolsearch #moduleElement { border: solid 1px #ccc; }
#schoolsearch .headline2 { color: #fff; font-size: 12px; }
#schoolsearch .headline3 { color: #000; }
#schoolsearch .body1 { color: #000; }

#situationalupdates #compBody { padding: 6px; }
#situationalupdates #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#situationalupdates #moduleElement { border: solid 1px #ccc; }
#situationalupdates .headline2 { color: #fff; font-size: 12px; }
#situationalupdates .headline3 { color: #000; }
#situationalupdates .body1 { color: #000; }

#speakersearch #compBody { padding: 6px; }
#speakersearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#speakersearch #moduleElement { border: solid 1px #ccc; }
#speakersearch .headline2 { color: #fff; font-size: 12px; }
#speakersearch .headline3 { color: #000; }
#speakersearch .body1 { color: #000; }

#staffdirectory #compBody { padding: 6px; }
#staffdirectory #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#staffdirectory #moduleElement { border: solid 1px #ccc; }
#staffdirectory .headline2 { color: #fff; font-size: 12px; }
#staffdirectory .headline3 { color: #000; }
#staffdirectory .body1 { color: #000; }

#synagoguesearch #compBody { padding: 6px; }
#synagoguesearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#synagoguesearch #moduleElement { border: solid 1px #ccc; }
#synagoguesearch .headline2 { color: #fff; font-size: 12px; }
#synagoguesearch .headline3 { color: #000; }
#synagoguesearch .body1 { color: #000; }

#triplestory #leftstory { float: left; width: 31%; margin: 0 6px 0 0; padding: 0; }
#triplestory #leftstory #componentHeaderBar { font-weight: bold; line-height: 24px; height: 24px; }
#triplestory #leftstory #compStory { padding: 6px 0 0 0; }
#triplestory #centerstory { float: left; width: 32%; margin: 0 5px 0 6px; padding: 0; }
#triplestory #centerstory #componentHeaderBar { font-weight: bold; line-height: 24px; height: 24px; }
#triplestory #centerstory #compStory { padding: 6px 0 0 0; }
#triplestory #rightstory { float: right; width: 31%; margin: 0 0 0 6px; padding: 0; }
#triplestory #rightstory #componentHeaderBar { font-weight: bold; line-height: 24px; height: 24px; }
#triplestory #rightstory #compStory { padding: 6px 0 0 0; }
#triplestory h4 { font-style: italic; color: #000; }
#triplestory .headline3 { color: #000; }
#triplestory .headline2 { font-size: 12px; }
#triplestory .body1 { color: #000; margin: 0; }

#verticalticker #compBody { padding: 6px; }
#verticalticker #componentHeaderBar { background: #40217f; padding-left: 6px; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#verticalticker #marqueecontainer { position: relative; height: 200px; background-color: white; overflow: hidden; }
#verticalticker #moduleElement { border: solid 1px #ccc; }
#verticalticker .headline2 {color: #fff; font-size: 12px; }

#washconfspeakersearch #compBody { padding: 6px; }
#washconfspeakersearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#washconfspeakersearch #moduleElement { border: solid 1px #ccc; }
#washconfspeakersearch .headline2 { color: #fff; font-size: 12px; }
#washconfspeakersearch .headline3 { color: #000; }
#washconfspeakersearch .body1 { color: #000; }

#windowsmedia #compBody { padding: 6px; }
#windowsmedia #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; height: 24px; color: #fff; border-bottom: solid 1px #ccc; }
#windowsmedia #moduleElement { border: solid 1px #ccc; }
#windowsmedia #WindowsMediaPlayerText { clear: both; color: #000; }
#windowsmedia .headline3 { margin: 5px 0px 5px 0px; }

#womensphilanthropy #compBody { padding: 6px; }
#womensphilanthropy #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#womensphilanthropy #moduleElement { border: solid 1px #ccc; }
#womensphilanthropy .headline2 { color: #fff; font-size: 12px; }
#womensphilanthropy .headline3 { color: #000; }
#womensphilanthropy .body1 { color: #000; }

#youngleadershipsearch #compBody { padding: 6px; }
#youngleadershipsearch #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#youngleadershipsearch #moduleElement { border: solid 1px #ccc; }
#youngleadershipsearch .headline2 { color: #fff; font-size: 12px; }
#youngleadershipsearch .headline3 { color: #000; }
#youngleadershipsearch .body1 { color: #000; }

#zipcodefinder #compBody { padding: 6px; }
#zipcodefinder #componentHeaderBar { background: #40217f; padding-left: 6px; color: #fff; font-weight: bold; line-height: 24px; height: 24px; border-bottom: solid 1px #ccc; }
#zipcodefinder #moduleElement { border: solid 1px #ccc; }
#zipcodefinder .headline2 { color: #fff; font-size: 12px; }
#zipcodefinder .headline3 { color: #000; }
#zipcodefinder .body1 { color: #000; }

/* generic component id's */
#moduleElement { overflow: auto; margin: 0 8px; clear:both; }
#moduleElement h4 { font-weight: normal; }
#moduleElement p { margin: auto; padding: auto; }
#compImage.left { float: left; margin: 0 10px 10px 0; }
#compImage.center { width: 98%; text-align: center; margin: 0 0 5px 0; }
#compImage.right { float: right; margin: 0 0 10px 10px; }

/* generic component classes */
.componentColumnTop { margin: 0 0 8px 0; }
.componentColumnMiddle { margin: 8px 0; }
.componentColumnBottom { margin: 8px 0 0 0; }
.mmshowheader { font: 11px Arial, Helvetic, sans-serif; }
/* COMPONENT CSS END */


