/**** Deane's Fixes for Headers. OVERRIDING ALL ****/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; } .content h1 { color: #003893 !important; margin-top: 18px; margin-bottom: 18px; } .content h2 { color: #8C2633 !important; margin-top: 17px; margin-bottom: 17px; } .content h3 { color: #000000 !important; margin-top: 16px; margin-bottom: 16px; } .content h4 { color: #003893 !important; margin-top: 18px; margin-bottom: 18px; } .content h5 { color: #777C4F !important; margin-top: 19px; margin-bottom: 19px; } .content h6 { color: #8C2633 !important; margin-top: 21px; margin-bottom: 21px; } @charset "utf-8"; /********************************* RESET + CLEARFIX *********************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } body.section_index { padding-left: 10px !important; padding-right: 10px !important; } .cke_show_borders { overflow: auto !important; } /********************************* GENERAL STYLES *********************************/ body { font-family: Arial, Helvetica, sans-serif; } img { border: none; } /*ul {list-style:none;}*/ .content ul { float: inherit !important; } ul li { font-family: Arial, Helvetica, sans-serif; color: #595959; font-size: 12px; padding-bottom: 0px !important; margin-bottom: 0px !important; } ol li { margin-left: 40px !important; font-family: Arial, Helvetica, sans-serif; color: #595959; font-size: 12px; padding-bottom: 0px !important; margin-bottom: 0px !important; } #mainWrapper { width: 960px; margin: 0px auto; overflow: hidden; } input:focus { border: #000000; } /********************************* HEADER *********************************/ #header { height: 110px; width: 100%; margin-bottom: 10px; overflow: hidden; } #header .logo { width: 150; display: block; margin: 15px 150px 0 0px; float: left; } #header .rightMenu { float: right; width: 553px; overflow: hidden; margin-top: 15px; } #header .subNav { width: auto; height: 30px; text-align: right; overflow: hidden; } #header .subNav li { display: inline; background: url(../images/link-divider.gif) no-repeat right 7px; padding-right: 10px; margin-right: 3px; *margin-right: 6px; *padding-right: 5px; } #header .subNav li.last-child { background: none; margin-right: 10px; } #header .subNav li.social { background: none; padding-right: 0px; position: relative; top: 8px; right: 0; } #header .subNav li a { color: #3E3E3E; font-size: 12px; } #header .subNav li a:hover { color: #840A2D; } #header .search { display: block; float: right; width: auto; margin-top: 10px; text-align: right; } #header .search input { border: 1px solid #DBDBDB; border-right: none; height: 23px; line-height: 23px; width: 145px; font-size: 12px; color: #636363; padding-left: 10px; float: right; } #header .search .btn { border: none; height: 28px; width: 27px; background: url(../images/search-btn.gif) no-repeat; padding: 0; overflow: hidden; text-indent: 99999px; float: right; } /********************************* MAIN NAV *********************************/ /**MISSING IMAGES REMOVED background:url(../images/nav-bg.gif) repeat-x; **/ #mainNav { width: 100%; overflow: hidden; height: 48px; position: relative; } .nav { width: 960px; height: 48px; background: url(../images/nav-sprite.gif) no-repeat; position: absolute; top: 0; left: 0; } .nav li { display: inline; } .nav li a { position: absolute; top: 0; height: 48px; text-indent: -9000px; overflow: hidden; } .nav .about a { left: 161px; width: 120px; } .nav .about a:hover { background: url(../images/nav-sprite.gif) no-repeat -161px -48px; } .current-about .about a { background: url(../images/nav-sprite.gif) no-repeat -161px -48px; } .nav .news a { left: 281px; width: 160px; } .nav .news a:hover { background: url(../images/nav-sprite.gif) no-repeat -281px -48px; } .current-news .news a { background: url(../images/nav-sprite.gif) no-repeat -281px -48px; } .nav .student_parent a { left: 759px; width: 200px; } .nav .student_parent a:hover { background: url(../images/nav-sprite.gif) no-repeat -759px -48px; } .current-student_parent .student_parent a { background: url(../images/nav-sprite.gif) no-repeat -759px -48px; } .nav .volunteer a { left: 600px; width: 159px; } .nav .volunteer a:hover { background: url(../images/nav-sprite.gif) no-repeat -600px -48px; } .current-volunteer .volunteer a { background: url(../images/nav-sprite.gif) no-repeat -600px -48px; } .nav .donate a { left: 0px; width: 161px; } .nav .donate a:hover { background: url(../images/nav-sprite.gif) no-repeat 0px -48px; } .current-donate .donate a { background: url(../images/nav-sprite.gif) no-repeat 0px -48px; } .nav .contact a { left: 441px; width: 160px; } .nav .contact a:hover { background: url(../images/nav-sprite.gif) no-repeat -441px -48px; } .current-contact .contact a { background: url(../images/nav-sprite.gif) no-repeat -441px -48px; } /********************************* SECONDARY NAV ********************************* /**MISSING IMAGES REMOVED background:url(../images/second-nav-bg.jpg) repeat-x; **/ #secondNav { width: 958px; overflow: hidden; height: 135px; position: relative; border: 1px solid #B6B6B6; border-top: none; } #secondNav .help { width: 254px; height: 115px; margin: 15px 29px 0 25px; float: left; *margin-left: 10px; } #secondNav .helpSml { width: 163px; height: 115px; margin: 15px 29px 0 25px; float: left; *margin-left: 10px; } .margR { margin-right: 155px !important; } #secondNav .help h3 { width: 254px; color: #72112C; font-size: 14px; border-bottom: 5px solid #9B938B; padding-bottom: 4px; } #secondNav .helpSml h3 { width: 163px; color: #72112C; font-size: 14px; border-bottom: 5px solid #9B938B; padding-bottom: 4px; } #secondNav p { color: #767676; font-size: 12px; line-height: 16px; width: 200px; margin: 5px 0; } #secondNav .helpSml p { color: #767676; font-size: 12px; line-height: 16px; width: 163px; margin: 5px 0 10px 0; } #secondNav a.give { display: block; width: 80px; font-weight: bold; color: #72112C; font-size: 12px; text-decoration: none; background: url(../images/gray-arrow-white.gif) no-repeat right center; height: 13px; } #secondNav .list { height: 115px; margin: 0px 29px 0 0; *margin-right: 10px; float: left; } #secondNav .listLast { height: 115px; margin: 15px 0 0 0; float: left; } #secondNav .one { width: 155px; } #secondNav .two { width: 120px; } #secondNav .three { width: 110px; } #secondNav .forStudents { width: 170px; *width: 175px; } #secondNav .resources { width: 310px; margin-left: 0px; } #secondNav .list h3, #secondNav .listLast h3 { width: 100%; color: #252525; font-size: 13px; border-bottom: 5px solid #9B938B; padding-bottom: 4px; margin-top: 0px; ] } #secondNav .list .addMar { margin-top: 20px; } #secondNav div { width: 145px; *width: 125px; height: 110px; float: left; } #secondNav ul { margin: 5px 0 0 15px; *margin-left: 0px; width: 100%; padding: 0; *padding-left: 15px; font-size: 9pt; list-style: disc; color: #767676; } #secondNav li { margin: 5px 0 0px 0px; } #secondNav li a { color: #767676; text-decoration: none; } #secondNav li a:hover { color: #252525; } /********************************* 1-COL *********************************/ .mainCol { float: left; width: 960px; margin-right: 11px; *margin-right: 1px; position: relative; } .section_main { width: 960px; overflow: hidden; float: left; margin-right: 10px; } .last { margin-right: 0px; } .section_main h2 { font-size: 18px; width: 100%; height: 34px; line-height: 34px; color: #000000; position: relative; } .section_main h2.login { background: #003893; border: none !important; cursor: default; } .section_main h2 { font-size: 18px; width: 100%; height: 34px; line-height: 34px; padding-left: 14px; color: #000000; position: relative; } .section_main h2.scholarships { background: #D79300; border: none !important; cursor: default; } .section_main h2.opportunities { background: #003893; border: none !important; cursor: default; } .section_main h2.info { background: #8C2633; border: none !important; cursor: default; } .section_main h2.news { background: #777C4F; border: none !important; cursor: default; } .section_main h2.resources { background: #5E2154; border: none !important; cursor: default; } .section_main .content { border: 1px solid #B6B6B6; border-top: none; padding-left: 10px; padding-right: 10px;; } .section_main p img { float: left; margin: 9px 15px 5px 0; } .section_main p { padding: 10px; color: #595959; font-size: 12px; line-height: 14px; } .section_main .more { display: block; width: 297px; position: absolute; bottom: 1px; background: #EDEAE5; height: 30px; line-height: 30px; text-align: right; padding-right: 14px; } .section_main .more a { font-size: 12px; color: #595959; height: 30px; padding-right: 22px; background: url(../images/gray-arrow.gif) no-repeat 70px center; text-decoration: none; } .section_main .more a:hover { color: #840A2D; } .section_main ul { float: right; padding: 15px; } .section_main li { margin-bottom: 15px; } .section_main li.last { margin-bottom: 0px !important; } /********************************* CONTENT: FRONT PAGES *********************************/ #contentWrapper { width: 100%; overflow: hidden; margin: 10px 0; *margin-bottom: 0px; } .leftCol { float: left; width: 636px; margin-right: 11px; *margin-right: 1px; position: relative; } .section { width: 313px; overflow: hidden; float: left; margin-right: 10px; } .last { margin-right: 0px; } .section h2 { font-size: 18px; width: 299px; height: 34px; line-height: 34px; color: #000000; position: relative; } .section h2.about { background: #D79300; border: none !important; cursor: default; } .section h2.opportunities { background: #003893; border: none !important; cursor: default; } .section h2.news { background: #777C4F; border: none !important; cursor: default; } .section h2.resources { background: #5E2154; border: none !important; cursor: default; } .section .content { border: 1px solid #B6B6B6; border-top: none; padding-left: 10px; padding-right: 10px;; } .section p img { float: left; margin: 9px 15px 5px 0; } .section p { padding: 10px; color: #595959; font-size: 12px; line-height: 14px; } .section .more { display: block; width: 297px; position: absolute; bottom: 1px; background: #EDEAE5; height: 30px; line-height: 30px; text-align: right; padding-right: 14px; } .section .more a { font-size: 12px; color: #595959; height: 30px; padding-right: 22px; background: url(../images/gray-arrow.gif) no-repeat 70px center; text-decoration: none; } .section .more a:hover { color: #840A2D; } .section ul { float: right; padding: 15px; } .section li { margin-bottom: 15px; } .section li.last { margin-bottom: 0px !important; } .section li a { color: #000000; text-decoration: none; font-size: 12px; font-weight: bold; } .section li a:hover { color: #3C6583; text-decoration: underline; } .section_index { width: 636px; overflow: hidden; float: left; margin-right: 10px; } .section_index h2 { font-size: 18px; width: 100%; height: 34px; line-height: 34px; color: #000000; position: relative; } .section_index h2.pageHeader { padding-left: 10px; color: #FFFFFF !important; background: #D79300; border: none !important; cursor: default; margin-top: 5px; margin-bottom: 0px } .section_index h2.opportunities { background: #003893; border: none !important; cursor: default; } .section_index h2.info { background: #003893; border: none !important; cursor: default; } .section_index h2.news { background: #777C4F; border: none !important; cursor: default; } .section_index h2.resources { background: #5E2154; border: none !important; cursor: default; } .section_index .content { border: 1px solid #B6B6B6; padding-left: 10px; padding-right: 10px; } .section_index p { padding-bottom: 10px; color: #595959; font-size: 12px; } .section_index h3 { font-size: 16px; width: 100%; height: 30px; line-height: 30px; color: #003893; position: relative; } .section_index .more { display: block; width: 297px; position: absolute; bottom: 1px; background: #EDEAE5; height: 30px; line-height: 30px; text-align: right; padding-right: 14px; } .section_index .more a { font-size: 12px; color: #595959; height: 30px; padding-right: 22px; background: url(../images/gray-arrow.gif) no-repeat 70px center; text-decoration: none; } .section_index .more a:hover { color: #840A2D; } .section_index ul { padding: 15px; } .section_index li { margin-bottom: 15px; } .section_index li.last { margin-bottom: 0px !important; } .rightCol { float: left; width: 313px; position: relative; *left: 10px; } .rightCol { float: left; width: 313px; position: relative; *left: 10px; } .give-today { margin-bottom: 10px; } #accordian { margin-bottom: 9px; height: 318px; } .section h2.active { background: #9A1138 url(../images/close-btn.gif) no-repeat 280px center;; border-bottom: none; cursor: pointer; } .section h2 { background: #72112C url(../images/open-btn.gif) no-repeat 280px center; border-bottom: 1px solid #FFFFFF; cursor: pointer; } .section .newsTxt { border: 1px solid #B6B6B6; border-top: none; border-bottom: none; width: 311px; height: 178px; background: #FFFFFF url(../images/box-bg.jpg) repeat-x; display: none; } .section .newsTxt .item { border-bottom: 1px dotted #C6C4C3; width: 281px; padding: 19px 15px; } .section .newsTxt .item .date { color: #72112C; font-size: 14px; font-weight: bold; } .section .newsTxt .item .source { color: #000000; font-size: 14px; font-style: italic; font-weight: bold; } .section .newsTxt .item .newsItem { display: block; font-size: 12px; color: #595959; padding: 5px 0 0 0; } .section .newsTxt .item .newsItem a { display: block; font-size: 12px; color: #595959; padding: 5px 0 0 0; } .section .newsTxt .item .newsItem a:hover { color: #222222; } .section .bottom { border-bottom: 1px solid #B6B6B6 !important; min-height: 177px; *height: 177px; } .infoBox { width: 281px; height: 125px; padding: 15px; border: 1px solid #B6B6B6; overflow: hidden; } .infoBox .row { width: 100%; overflow: hidden; } .infoBox .top { margin-bottom: 20px; } .infoBox .row img { float: left; display: block; } .infoBox .row p { width: 218px; float: right; position: relative; font-size: 12px; } .infoBox .row p a { display: block; margin-bottom: -5px; font-weight: bold; color: #000000; } .infoBox .row p a:hover { color: #840A2D; } /********************************* ABOUT / STUDENTS / NEWS PAGES *********************************/ #aboutIntLeft { width: 213px; float: left; margin: 0 20px 0 0; } #aboutIntLeft h2 { font-size: 18px; height: 34px; line-height: 34px; padding-left: 14px; color: #000000; position: relative; float: left; } #aboutIntLeft .about { width: 213px; overflow: hidden; float: left; margin-bottom: 10px; } #aboutIntLeft .about h2 { background: #003893; border: none !important; cursor: default; width: 203px; *width: 199px; } #aboutIntLeft .about h3 { width: 189px; color: #252525; font-size: 14px; border-bottom: 5px solid #9B938B; padding-bottom: 4px; } #aboutIntLeft .content { border: 1px solid #B6B6B6; border-top: none; width: auto; background: url(../images/box-bg.jpg) repeat-x; clear: left; position: relative; } #aboutIntLeft .about ul { padding: 5px 12px 10px 12px; color: #595959; font-size: 12px; } #aboutIntLeft .about li { margin: 2px 0 0px 0px; } #aboutIntLeft .about li a { color: #575757; text-decoration: none; width: 100%; display: block; } #aboutIntLeft .about li a.active { font-weight: bold; color: #000000; } #aboutIntLeft .about li a:hover { color: #000000; } #aboutIntParent { width: 650px; float: left; margin: 0 20px 0 0; } #aboutIntParent h1 { font-size: 24px; color: #3C6583; position: relative; float: left; width: 100%; border-bottom: 1px solid #B9B9B9; padding-bottom: 5px; } #title { position: relative; float: left; overflow: hidden; width: 100%; } #aboutIntMiddle { width: 650px; float: left; margin: 0 20px 0 0; } #aboutIntMiddle h1 { font-size: 18px; color: #3C6583; position: relative; float: left; width: 100%; border-bottom: 1px solid #B9B9B9; padding-bottom: 5px; margin-bottom: 20px; } #title { position: relative; float: left; overflow: hidden; width: 100%; } #title .prev, #title .next { position: relative; top: -13px; left: 320px; font-size: 11px; } #title a { color: #595959; text-decoration: none; } #title a:hover { text-decoration: underline; } #title .prev a { background: url(../images/prev-btn.gif) no-repeat left center; padding-left: 8px; margin-right: 4px; padding-right: 8px; border-right: 1px solid #B9B9B9; } #title .next a { background: url(../images/next-btn.gif) no-repeat right center; padding-right: 8px; } #aboutIntMiddle .lessMar { *margin-bottom: -20px; } #aboutIntMiddle .shareCol { width: 70px; float: left; margin-right: 20px; } #aboutIntMiddle .shareCol .newsDate { width: 55px; height: 63px; float: left; border: 1px solid #B4B4B4; text-align: center; background: #F9F9F9; color: #595959; padding: 10px; display: block; margin-right: 0px; } #aboutIntMiddle .socialNetworks { width: 70px; float: left; border: 1px solid #B4B4B4; text-align: center; background: #F9F9F9; color: #595959; padding: 10px 3px; display: block; margin-top: 20px; } #aboutIntMiddle .socialNetworks .counter { border-bottom: 1px solid #B9B9B9; margin-bottom: 10px; padding-bottom: 10px; display: block; overflow: hidden; } #aboutIntMiddle .row { width: 100%; overflow: hidden; margin-bottom: 15px; } #aboutIntMiddle img { border: 1px solid #B4B4B4; display: block; float: left; margin-right: 20px; width: 101px; } #aboutIntMiddle .newsDate { width: 33px; height: 63px; float: left; border: 1px solid #B4B4B4; text-align: center; background: #F9F9F9; color: #595959; padding: 10px; display: block; margin-right: 20px; } #aboutIntMiddle .newsDate .day { display: block; font-weight: bold; font-size: 31px; } #aboutIntMiddle .newsDate .month { display: block; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-top: -3px; } #aboutIntMiddle .newsDate .year { display: block; font-weight: bold; font-size: 16px; } #aboutIntMiddle .teamInfo { float: left; display: block; width: 340px; } #aboutIntMiddle .teamInfo h4 { font-size: 14px; color: #3C6583; } #aboutIntMiddle .teamInfo .position { font-size: 12px; color: #595959; font-style: italic; } #aboutIntMiddle .teamInfo a.email { background: url(../images/mail-icon.gif) no-repeat left center; display: block; padding-left: 21px; height: 15px; color: #3C6583; text-decoration: underline; margin: 15px 0; font-size: 12px; } #aboutIntMiddle .teamInfo a.email:hover { color: #274256; } #aboutIntMiddle .teamInfo p { font-size: 12px; color: #595959; line-height: 18px; } #aboutIntMiddle a.readMore { font-size: 12px; color: #595959; background: url(../images/gray-arrow-white.gif) no-repeat right center; height: 15px; padding-right: 18px; display: block; margin-top: 10px; width: 60px; text-decoration: none; } #aboutIntMiddle a.readMore:hover { color: #252525; } #aboutIntMiddle .newsInfo { float: left; display: block; width: 395px; } #aboutIntMiddle .newsInfo h4 { font-size: 14px; color: #3C6583; } #aboutIntMiddle .newsInfo .source { font-size: 12px; color: #595959; font-style: italic; display: block; margin-bottom: 15px; } #aboutIntMiddle .newsInfo a.email { background: url(../images/mail-icon.gif) no-repeat left center; display: block; padding-left: 21px; height: 15px; color: #3C6583; text-decoration: underline; margin: 15px 0; font-size: 12px; } #aboutIntMiddle .newsInfo a.email:hover { color: #274256; } #aboutIntMiddle .newsInfo p { font-size: 12px; color: #595959; line-height: 18px; } #aboutIntMiddle .article { float: left; display: block; width: 374px; *width: 365px; } #aboutIntMiddle .article .likeBottom { border-top: 1px solid #B9B9B9; padding-top: 20px; } #aboutIntMiddle .article .facebook { width: 374px; *width: 365px; padding: 10px; background: #E9F0F9; border: 1px solid #AFD1E9; margin-bottom: 10px; } #aboutIntMiddle .article .facebook .like { font-size: 18px; font-weight: bold; color: #3B5998; display: block; margin-bottom: 15px; } #aboutIntMiddle .article p { font-size: 12px; color: #595959; line-height: 18px; margin-bottom: 20px; } #aboutIntMiddle .article_wide { float: left; display: block; width: 640px; } #aboutIntMiddle .article_wide p { font-size: 12px; color: #595959; line-height: 18px; margin-bottom: 20px; } #aboutIntMiddle .form { font-size: 12px; color: #595959; line-height: 18px; margin-bottom: 20px; padding-right: 5px; } #aboutIntMiddle .row .col { float: left; display: block; width: 230px; margin-right: 27px; } #aboutIntMiddle .row .col h4 { width: 230px; color: #575757; font-size: 13px; border-bottom: 5px solid #CDC9C5; padding-bottom: 4px; margin-bottom: 10px; } #aboutIntMiddle .row .col h5 { font-size: 13px; color: #575757; margin-bottom: 13px; *margin-top: 0px; } #aboutIntMiddle .row .col a.email { background: url(../images/mail-icon.gif) no-repeat left center; display: block; padding-left: 21px; height: 15px; color: #3C6583; text-decoration: underline; margin: 13px 0 0px 0; font-size: 12px; } #aboutIntMiddle .row .col a.email:hover { color: #274256; } #aboutIntMiddle .row .col p { line-height: 18px; color: #575757; font-size: 12px; } #aboutIntMiddle .row .col p a { text-decoration: underline; color: #575757; } #aboutIntMiddle .row .col p a:hover { color: #000000; } #aboutIntMiddle .row .noMar { margin-right: 0 !important; } /********************************* FOOTER *********************************/ #footer { width: 100%; border-top: 1px solid #B9B9B9; overflow: hidden; padding-top: 10px; font-size: 11px; margin-bottom: 15px; height: 30px; } .copyright { width: 400px; float: left; color: #717171; } .links { width: 300px; float: right; text-align: right; color: #717171; } .links a { color: #717171; text-decoration: none; border-left: 1px solid #717171; margin-right: 5px; padding-left: 5px; } .links a:hover { text-decoration: underline; }