/********GLOBAL**********/ * { margin: 0; padding: 0; } div#wrapper a { text-decoration:none; } div#main_banner, div#subnav, div#sub_banner, dv#main_content, div#newsbar, div#campuses_new, div#footer_new { width:1009px; } /* body */ .stretch_container { background: url('../images/body_back.gif') top center repeat-x; } /* link text */ span.readmore { font-size:11px; } /********END GLOBAL******/ /********BANNER**********/ div#main_content a { font-size:.7em } div#header_new a, div#sub_navbuttons a { float: left; position: relative; /* text-align: center; */ } a.tabbed { padding-left: 5px; } div#header_new a { height:24px;line-height:24px; margin-right:5px;} div#navbuttons { float:right; } div#page-functions { float:left; } ul#textSize, div#page-functions li { display: inline; } div#page-functions li { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 2px; } a.darkblue { background: transparent url(../images/btn_main_darkblue_left.gif) no-repeat scroll left top; } span.btn_darkblue_right, span.btn_red_right, span.btn_khaki_right, span.btn_light_brown_right { display: block; padding-right: 8px; } span.btn_darkblue_right { background: url(../images/btn_main_darkblue_right.gif) right top no-repeat; color:#FFF; font-size:11px; font-weight:bold; } div#main_banner { height:140px; overflow:hidden; } a.logo, a.logo_sub { display:block; background:url(../images/jhl_logo.png) no-repeat; margin-top:10px; margin-left:40px; width:320px; height:120px; text-indent:-999em; /* position:absolute; */ } a.jcaho { height:58px; width:131px; float:right; background:url(../images/jcaho.png) no-repeat; margin-top:-60px; margin-right:20px; } .phone { height:24px;line-height:24px;font-weight:bold; } /********END BANNER******/ /********SUBNAV**********/ div#subnav { height: 40px; background-color:#2f1e0f; } div#sub_navbuttons { padding-top:5px } div#sub_navbuttons a { height:30px; line-height:30px} /* div#services-menu { position:relative;margin:0 40px;float:left; } */ a.red { background:transparent url(../images/btn_sub_red_left.gif) no-repeat scroll left top; } /* div#services-menu ul { position:absolute;left:-999em;background:#9d0f2f;margin-top:30px;margin-left:3px;margin-right:3px;width:198px;list-style:none; } */ /* div#services-menu:hover ul { left:auto; } div#services-menu ul li { clear:both;font-size:12px;font-weight:normal;border-top:1px solid white; } div#services-menu ul li a { display:block;width:192px;height:27px;line-height:27px;text-indent:24px;font-weight:normal;color:#FFFFFF;text-align:left; } div#services-menu ul li a:hover { background:#b13f59; } */ ul.navdrop { position:relative;margin:0 20px 0 40px;float:left; } ul.navdrop li ul { background:#9d0f2f; width:204px; } ul.navdrop li ul li a { color:#FFF; height:27px; line-height:27px; text-align:left; text-indent:24px; /* width:192px; */ width:100%; font-size:12px; border-top:1px solid white; } ul.navdrop li ul li a:hover { background: #b13f59; } span.btn_red_right { background: url(../images/btn_sub_red_right.gif) right top no-repeat; color:#FFF; font-size:16px; padding:0 40px; } img.red_arrow { position:absolute; top:7px; left:24px; } a.khaki { background: transparent url(../images/btn_sub_khaki_left.gif) no-repeat scroll left top; margin:0 5px; color:#FFF } span.btn_khaki_right { background: url(../images/btn_sub_khaki_right.gif) right top no-repeat; font-size:15px } /********END SUBNAV******/ /********SUB BANNER******/ div#sub_banner { height:290px;} div#sub_banner_copy {padding:20px 0 0 45px; width:330px; float:left} div.sub_banner_title { color:#2f1e0f; font-size:20px;} div#sub_banner_copy p {font-size:15px; line-height:15px; color:#2f1e10; margin-top:12px } div#sub_banner_header { float:right; color:#2f1e0f; font-size:30px; margin:240px 120px 0 0 } /*****END SUB BANNER*****/ /*****MAIN CONTENT*******/ div#main_content { background:url(../images/final_bottom_half.png); height:350px; } div#main_content:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } div#newcol_left, div#newcol_right { float:left; height:350px; } div#newcol_left, div#callout_content { width:530px; } div#callout_content { height:20px; display:block; } span.callout_header { font-size:14px;font-weight:bold; } div#newcol_left ul { margin:13px 0 0 38px; list-style-type:none; } div#newcol_left li { margin-bottom:18px;width:148px;height:149px;display:inline;float:left;color:#FFF;font-size:14px;text-align:center; } div#newcol_left li.one { } div#newcol_left li.two { margin-left:14px; } div#newcol_left li.three { margin-left:5px; } div#newcol_left li.four { } div#newcol_left li.five { margin-left:14px; } div#newcol_left li.six { margin-left:5px; } div#newcol_left li a { display:block;padding-top:10px;padding-left:4px;padding-right:4px;width:140px;height:139px;color:#FFF;font-size:14px; } div#newcol_left li.one a:hover { background:#e5c984; } div#newcol_left li.two a:hover { background:#c0adc0; } div#newcol_left li.three a:hover { background:#a7cab7; } div#newcol_left li.four a:hover { background:#a8a78b; } div#newcol_left li.five a:hover { background:#b9d9f1; } div#newcol_left li.six a:hover { background:#b1b76d; } /* div#newcol_left .listleft { } */ div#newcol_left .listright { padding:0 8px 0 12px;} div#newcol_right { width:431px; padding:0 36px 0 12px} div#need_help { color:#b71237; font-size:22px; font-weight:bold; margin-top:18px; height:40px } .big_yellow_a:hover { text-decoration:underline } div#connections { height:125px } div#connections p { font-size:11.5px; margin:4px 0; color:#333 } .big_yellow, .big_yellow_a, .big_phone { font-size:22px } .big_yellow, .big_yellow_a { color:#e7aa12; font-size:22px } .big_phone { font-weight:bold; font-size:22px; } div#faqs { margin-top: 16px } div#faqs li, div#faqs a { font-size:12px } ul#FAQs_footer a { font-size:11px } div#faqs ul { margin: 0 60px 0 0px; height:80px; list-style:none; } div#faqs li { padding:1px 0; } ul#FAQs_footer { height:30px; width:433px; margin-right:0px; } ul#FAQs_footer li { line-height:30px; float:left; } li#faqs_footer_left { margin-right:46px } /*****END MAIN CONTENT***/ /*****MAIN CONTENT SINGLE COLUMN***/ div#onecolpage { background:#FFF; margin:0 35px; padding:20px 10px; } /*****END MAIN CONTENT SINGLE COLUMN***/ /*****NEWS BAR***********/ div#newsbar, div#leftnewsbar, div#rightnewsbar { height:240px } div#newsbar { background-color:#edebe0; padding-bottom:11px } div#leftnewsbar { float:left; width:760px; background-color:#FFF; margin-left:35px; } div#leftnewsbar a { font-size:12px; line-height:20px } div#newsbar_header, div#newsbar_img, div#newsbar_content { float:left } div#rightnewsbar { float:right; width:170px; margin-right:34px; background:#FFF } div#newsbar_header, div#events_header { width:100%; text-align:left; padding:4px 0 0 8px; } span.newsbar_title { font-weight:bold; font-size:16px; color:#2f1e0f } div#newsbar_img { margin:4px 0 0 8px; } div#newsbar_content { width:540px; padding:4px 8px 4px 10px } .newsbar_itemheader a { } .newsbar_itemheader { color:#9b5d70; font-size:10px } div#newsbar_content p, div#events p { font-size:12px; margin-bottom:4px } div.newsbar_separator { width:300px; height:2px; background-color:#f2f0e8 } div#rightnewsbar ul { list-style-type:none; } div#rightnewsbar li { background-color:#FFF; height:21px; line-height:21px; text-align:center; margin:4px 0; float:left; } div#rightnewsbar li.h-divider { width:3px; background:#edebe0; } div.h-line { background:#edebe0; height:7px; width:100%; float:right; } div#events { background-color:#FFF; float:left; width:760px; } div#events-left { width:280px; float:left; padding:8px 0 4px 8px ; text-align:left; } div#events-right { width:420px; float:left; padding:4px 8px 2px 8px; } div#join-our-team-cta, div#donate-cta { height:114px; line-height:120px; text-align:center; } /*****END NEWS BAR*******/ /*****CAMPUSES***********/ div#campuses_new, div#campuses_left, div#campuses_right { height:30px } div#campuses_new a { color:#FFF } div#campuses_new a:hover { text-decoration:underline; } div#campuses_new li { font-size:12px; } div#campuses_left li { padding:0 11px; } div#campuses_right li { padding:0 50px; } div#campuses_left, div#campuses_right { background-color:#2f1d0e; } div#campuses_left { float:left; width:797px; margin-left:35px} div#campuses_left ul, div#campuses_right ul { list-style:none; } div#campuses_left li, div#campuses_right li { display:inline; line-height:30px; color:#FFF; } div#campuses_right { float:right; margin-right:34px; } /*****END CAMPUSES******/ /******FOOTER***********/ div#footer_new { height:34px; padding-bottom:20px } div#footer_new ul { list-style:none; margin-left:35px; } div#footer_new li { display:inline; font-size:10px; padding:0 6px; line-height:34px} div#footer_new a { color:#2f1e0f; } div#footer_new a:hover { text-decoration:underline; } /******END FOOTER*******/ /** * Secondary Pages * */ /******TOOLBAR*********/ div#navbuttons { float:right; } a.blue { background: transparent url(../images/btn_main_blue_left.gif) no-repeat scroll left top; } span.btn_blue_right { display: block; padding-right: 8px; } span.btn_blue_right { background: url(../images/btn_main_blue_right.gif) right top no-repeat; color:#000; font-size:11px; font-weight:bold; } /******END TOOLBAR*****/ /********BANNER**********/ div#leadin_text { float:right; width:475px; padding:0 50px 0 0; margin-top:-40px} span.redcaps { color:#830d27; font-size:12px; margin-right:4px} span.italics { font-style:italic; font-size:11px; } span.darkredtitle { color:#b71237; font-size:12px; margin-right:4px; font-weight:bold} /*******END BANNER*******/ /********SUBNAV**********/ a.light_brown { background: transparent url(../images/btn_sub_light_brown_left.gif) no-repeat scroll left top; margin:0 5px; } span.btn_light_brown_right { background: url(../images/btn_sub_light_brown_right.gif) right top no-repeat; color:#2f1e0f; font-size:15px; font-weight:bold; } /********SUBNAV**********/ /*******SUBBANNER************/ div#sub_banner_secondary { height:232px;} /* div#sub_banner_copy {padding:20px 0 0 45px; width:320px;}*/ h1.sub_banner_title_sub, h2.sub_banner_title_sub { color:#2f1e0f; font-size:1.25em; font-weight:bold; line-height:1.4em;} div.sub_headline_sub { font-style:italic; font-family:"Times New Roman", Times, serif } div.secondary_text {margin-top:8px; font-family:Times; font-size:.85em} /*******END SUBBANNER********/ /*******CONTENT*************/ div#content_stretch { background:#F6EDD6; } div#content_stretch:after { content: " "; display: block; line-height: 1px; font-size: 1px; clear: both; } div#main_content_sub { height:100%; padding-top:30px;} div#main_content_sub:after { content: " "; display: block; line-height: 1px; font-size: 1px; clear: both; } div#newcol_center_sub, div#newcol_center_sub_full, div#newcol_right_sub { float:left } div#newcol_left_sub, div#newcol_center, div#newcol_right { float:left } /*******END CONTENT*********/ /*********COL LEFT**********/ div#newcol_left_sub { width:240px; margin:21px 0 0 34px; background:#FFFFFF url(../images/brown_divider.gif) right top repeat-y; padding-left:12px; padding-right:16px; } .overview { color:#2f1e0f; font-weight:bold; font-size:12px; margin-bottom:12px } .main_links, .overview { margin-top:12px } .main_links a { display:block; font-size:12px; margin-bottom:12px } .main_links ul { list-style:none; } .main_links .breadcrumb { font-weight:bold; font-size:1em } div.blue_line { background-color:#f6edd6; height:1px; width:225px;} /*****END COL LEFT**********/ /********COL CENTER********/ div#newcol_center_sub { background:#FFFFFF; width:500px; margin-top:22px; margin-right:2px; padding:10px; font: .7em/1.3em "Verdana", sans-serif; border:0px solid red; } div#newcol_center_sub_full { width: 762px; background:#FFFFFF; margin:22px 6px 0 35px; font: .7em/1.3em "Verdana", sans-serif; border:0px solid red; padding-top:8px; padding:8px 8px 8px 16px; } div#newcol_center_sub p, div#newcol_center_sub_full p { margin: 5px 0px 12px 0px; line-height: 1.4em; } div.sub_bullets { margin:12px 0; color:#2f1e0f; font-size:.9em} span.subTitle { color:#b71237; font-size:1em; font-weight:bold } div#newcol_center_sub img { margin:8px; } /********END CENTER********/ /*******CONTENT***********/ /* typography */ div#newcol_center_sub div.hr { height: 3px; background: #fff url('../images/hr_blue2.gif') no-repeat center; } /******END CONTENT********/ /*********COL RIGHT**********/ div#reg_links { margin-top:8px } div#reg_links a { color:#0081c9; display:block; font-size:.7em; margin-bottom:8px } div#reg_links ul { list-style:none; } div.whitebigger, div.whitephone, div.white_header { color:#FFF } div.whitebigger, div.whitephone { font-weight:bold; font-size:1.2em;} div.whitephone { margin-bottom:8px } div#newcol_right_sub { width:150px; margin-top:15px } div#recent_pages {height:130px; margin-left:20px} div.bold_header { font-weight:bold } div#questions_sub, div#workwithus_sub, div#donate_sub, div#stayintouch_sub { margin-left:12px; text-align:center; cursor:pointer; cursor:hand;} div#questions_sub:hover { text-decoration:underline; color:#FFF } div#workwithus_sub:hover, div#donate_sub:hover { text-decoration:underline } div#questions_sub { height:80px; margin-top:20px} div#questions_sub a { color:#FFFFFF } div#workwithus_sub { height:40px; color:#9b5d70; padding-top:20px } div#workwithus_sub a { color:#9b5d70 } div#donate_sub { height:30px; color:#72a98a; padding-top:30px; } div#donate_sub a { color:#72a98a; } div#stayintouch_sub { height:30px; color:#72a98a; padding-top:30px; } div#stayintouch_sub a { color:#a9b851; } /*********END COL RIGHT******/ /********BOTTOM**********/ div#bottom_stretch { height:100px; padding-top:18px } div#bottom_stretch { background:#f6edd6; } div#bottom_stretch_home { background:#edebe0; } /******END BOTTOM********/ /********FORMS**********/ form.wideform div.wideform_row { clear:both; margin:1px 0 0; } form.wideform div.wideform_label { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -x-system-font:none; background:#2f1e0f; color:#FFFFFF; font-size:12px; height:22px; line-height:19px; margin:0 10px 0 0; padding:0 10px 0 0; text-align:right; width:165px; } form.wideform div.wideform_label, form.wideform div.wideform_field { float:left; } form.wideform div.wideform_field select { font-size:11px; line-height:11px; } /********END FORMS******/ /*****SEARCH RESULTS****/ p.searchblurb { font-size:.75em; line-height:16px; } div.searchthumb { border-top:2px #eaeaea dotted; padding-bottom:8px; } div#onecolpage .cform { font-size:.625em; margin:30px 0 10px 10px; } /*END*SEARCH RESULTS****/