/* imports and fonts imports */ @import url("/apps/js/polls/polls-pack.css"); /* General */ html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231;min-width: 1200px;background: url('/pics/body_bg.jpg') repeat;background-color: #620061;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .DB_mask {z-index: 99999 !important;} .DB_dialog {z-index: 99999 !important;} .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } a, a:active, a:visited { color: #033b73; } a:hover, a:active { outline: 0; color: #fb3038; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* Normalization of fonts */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Font styles */ body, #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #address { font-family: "Arial", Helvetica, sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Arial", Helvetica, sans-serif; } /* Site Styles */ #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 960px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('/pics/wrapper_bg.jpg') repeat-x center top;} #wrapper{background: url('/pics/wrapper_bg.jpg') repeat-x center top,url('/pics/wrap_bg.jpg') repeat;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative; margin: 0 auto; background: #F6F6F6;margin-top: 101px;padding-bottom: 325px;} #wrapper .content .inside { width: 1020px; padding: 40px; line-height: 20px; background: #fff;box-shadow: 4px 4px 7px rgba(0,0,0,0.1);-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.1);} .content { width: 100%; text-align: left; margin: 0 auto; padding: 0 0 0px 0;} .content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;} .pageTitle { width: auto; display: block; min-height: 64px; padding: 37px 0 0 39px; margin-bottom: 50px; font-size: 50px; color: #fff; position: relative; background: #3e003f;font-weight: 600;font-family: 'Saira Condensed', sans-serif; margin-top: -141px;width: 1061px;left: -40px;line-height: 1.2;box-shadow: 5px 0 5px -5px rgba(0,0,0,0.3);-webkit-box-shadow: 5px 0 5px -5px rgba(0,0,0,0.3);} #wrapper .content .inside, #wrapper .neutral, #wrapper table {font-family: 'Saira', sans-serif;font-weight: 400;font-size: 15px;color: #000;line-height: 1.5;} /* Top */ #top { position: relative; position: relative; top: 0; background: #1f1f1f; width: 100%; z-index: 10000;height: 30px;} #top #inner {position: relative; width: 1102px; height: 30px; margin: 0 auto; background: none;} #marquee-new{float: left; position: relative;padding-top: 4px;left: 20px;} #tabs { width: 183px; height: 30px; padding: 0; background: none; float: right; position: relative;} #googleTranslate { opacity:0; filter: alpha(opacity = 0); width:92px!important; height: 30px;cursor: pointer;position: absolute;top: 0px;} #trans{ position: relative;float: left;height: 23px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat 66px 2px; border:0; width:92px!important;font-size: 14px; color: #fff;text-transform:uppercase;font-family: 'Saira Condensed', sans-serif; font-weight: 700;padding-top: 7px;} #search { float: left;position: relative;margin-left: 22px;} #search form { margin: 0; } #search #search-field { width: 43px; height: 26px; border: 0px; padding: 2px; background: none; font-size: 14px; color: #fff;text-transform:uppercase;font-family: 'Saira Condensed', sans-serif;font-weight: 700;float: left;} #search #search-img { vertical-align: top; margin-top: 4px;float: right;right: -1px;position: relative; } .ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; } /* Header */ #header { position: relative; top: 0; z-index: 9999; width: 100%; background: none;} #header .inside { position: relative; height: 211px; background: none;width: 1102px;margin: 0 auto;} #header-name {position: absolute; left: 124px; top: 37px;outline: none !important; background: url('/pics/header_name2.png?v=2') no-repeat;width: 777px;height: 75px;color: #fff;} #header .logo { width: 121px; height: 120px; background: url('/pics/header_logo.png') no-repeat; background-size: contain; position: absolute; top: 12px;outline: none !important;left: -1px;color: #fff;} #social-icons { position: absolute;right: -1px;top: 50px;} #social-icons a{display: block;outline: none !important;float: left;position: relative;width: 51px;height: 51px;} .fb{background:url('/pics/fb_icon.png') no-repeat;margin-right: 12px;} .insta{background:url('/pics/insta_icon.png') no-repeat;} #social-icons .s-txt{position: absolute;top: 0px;font-family: 'Saira', sans-serif;font-weight: 400;font-size: 12px;text-align: center;display: block;color: #fff;transform: translate(-12%);-webkit-transform: translate(-12%);background: #3b5998;padding: 5px; border-radius: 5px;opacity: 0;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} .c-tooltip::before {content: '';bottom: calc(100% + 2px);border: solid 5px transparent;border-top-color: #3b5998;transform: translate(-50%);left: 50%;position: absolute;-webkit-transform: translate(-50%);opacity: 0;bottom: 0px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #social-icons .insta .s-txt {background: #C92E95;} #social-icons .insta .c-tooltip::before{border-top-color: #C92E95} #social-icons .s-icon:hover .s-txt,#social-icons .s-icon:focus .s-txt{opacity: 1;top: -31px;} #social-icons .s-icon:hover .c-tooltip::before,#social-icons .s-icon:focus .c-tooltip::before{opacity: 1;bottom: -10px;} /* Navigation menu */ #menu { width: 1100px; height: 47px; z-index: 10; margin: 0 auto; background:#540552; position: relative; top: 161px;border-bottom: 3px solid #f0b500;} #menu h2 { width: 0; height: 0; } #nav_items_0 { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; } #nav_items_0 li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0;} #nav_items_0 li a { white-space: nowrap; width: 0; height: 25px; display: block; text-align: center; padding: 10px 43px 12px; font-size: 24px; letter-spacing: 0.3px; text-decoration: none; color: #fff; font-weight: 600;font-family: 'Saira Condensed', sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.85);outline: none !important;-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.85);} #nav_items_0 > li a { width: auto; white-space: normal; } #nav_items_0 li:hover a, #nav_items_0 li.over a,#nav_items_0 li:focus a{ color: #fff;background: url('/pics/menu_hover.png') repeat;} /* Drop down items */ #nav_items_0 ul, #nav_items_0 li:hover ul ul, #nav_items_0 li.over ul ul, #nav_items_0 li:hover ul ul ul, #nav_items_0 li.over ul ul ul, #nav_items_0 li:hover ul ul ul ul, #nav_items_0 li.over ul ul ul ul, #nav_items_0 li:focus ul ul,#nav_items_0 li:focus ul ul ul,#nav_items_0 li:focus ul ul ul ul{ position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width:200px; margin: 0; padding: 0; font-size: 12px;} #nav_items_0 ul li { margin: 0; left: auto; } #nav_items_0 li:hover ul, #nav_items_0 li.over ul,#nav_items_0 li:focus ul{ left: auto; top: auto; background: #3E003F;padding-top: 10px;padding-bottom: 10px;} #nav_items_0 ul li:hover ul, #nav_items_0 ul li.over ul, #nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li.over ul, #nav_items_0 ul ul ul li:hover ul, #nav_items_0 ul ul ul li.over ul, #nav_items_0 ul li:focus ul,#nav_items_0 ul ul li:focus ul, #nav_items_0 ul ul ul li:focus ul{ position: absolute; top: 0; left: 100%; } /* Drop down items colors and formatting */ #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a,#nav_items_0 li:focus ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 10px 14px; height: auto; width: 176px;font-size: 20px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;font-weight: 600;font-family: 'Saira Condensed', sans-serif;} #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.over ul a, #nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.over ul a, #nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.over ul a, #nav_items_0 li:focus ul li a,#nav_items_0 li ul li:focus ul a,#nav_items_0 li ul li ul li:focus ul a,#nav_items_0 li ul li ul li ul li:focus ul a{ color: #fff; background: none; } #nav_items_0 li ul li a:hover, #nav_items_0 li ul li:hover a, #nav_items_0 li ul li.over a, #nav_items_0 li ul li:hover ul a:hover, #nav_items_0 li ul li.over ul a:hover, #nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li.over a, #nav_items_0 li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover, #nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li.over a, #nav_items_0 li ul li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover, #nav_items_0 li ul li a:focus, #nav_items_0 li ul li:focus a, #nav_items_0 li ul li:focus ul a:focus, #nav_items_0 li ul li.over ul a:focus, #nav_items_0 li ul li ul li:focus a, #nav_items_0 li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li.over ul a:focus, #nav_items_0 li ul li ul li ul li:focus a, #nav_items_0 li ul li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li ul li.over ul a:focus { color: #fff; background: #7D1079;letter-spacing: 0.2px;} #nav_items_0 li.nav_item_last:hover ul{right:0;} #nav_items_0 li.nav_item_last ul li:hover ul {left:-100%;} #nav_items_0 li ul li a:hover, #nav_items_0 li ul li a:focus{padding-left: 16px;padding-right: 8px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} li.nav_items_0 {border-right: 1px solid #3e003f;} li.nav_items_0:last-child{border-right:0;} nav#menu ul li span.nav_icon { display: none; } li.nav_items_0:hover::before, li.nav_items_0:focus::before { top: -54px; opacity: 1; } /* li.nav_items_0:before,li.nav_items_0:before{background: url('/pics/monu_img.png') no-repeat;width: 100%;height: 101px;position: absolute;content: "";top: -52px;z-index: -1;transition: all ease 0.3s;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;opacity:0;left: 42%;} li.nav_items_0:nth-child(3):before,li.nav_items_0:nth-child(3):before{background: url('/pics/parent_icon.png') no-repeat;width: 100%;height: 101px;position: absolute;content: "";top: -52px;z-index: -1;transition: all ease 0.3s;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;opacity:0;left: 0;} li.nav_items_0:nth-child(3):hover:before,li.nav_items_0:nth-child(3):focus:before{top:-54px;opacity:1;} li.nav_items_0:nth-child(4):before,li.nav_items_0:nth-child(4):before{background: url('/pics/students_icon.png') no-repeat;width: 100%;height: 101px;position: absolute;content: "";top: -52px;z-index: -1;transition: all ease 0.3s;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;opacity:0;left: 0;} li.nav_items_0:nth-child(4):hover:before,li.nav_items_0:nth-child(4):focus:before{top:-54px;opacity:1;} li.nav_items_0:nth-child(5):before,li.nav_items_0:nth-child(5):before{background: url('/pics/staff_icon.png') no-repeat;width: 100%;height: 101px;position: absolute;content: "";top: -52px;z-index: -1;transition: all ease 0.3s;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;opacity:0;left: 0;} li.nav_items_0:nth-child(5):hover:before,li.nav_items_0:nth-child(5):focus:before{top:-54px;opacity:1;} */ #nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";} /* Index properties */ #index-wrapper { } #index-top{ width: 100%; position: relative;margin: 0 auto 0;height:505px;box-shadow: 0px 0px 14px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.25);z-index: 1;} /* Image shuffles */ #slideshow { width: 100%;position: absolute;height: 505px;top: 0;left: 0;} /* Video */ .video {width: 100%; height: auto; max-height:505px; overflow: hidden !important;position: relative;background-color: #000;} /* Rows Wrapper */ #rows-wrapper,.rows{position: relative;width: 100%;} .rows-inner{position: relative;width: 1101px;margin: 0 auto;} /* quicklinks */ #quicklinks h2 { width: 0; height: 0; } #quicklinks { background: url('/pics/ql_bg.jpg') no-repeat left top; padding-bottom: 0; width: 223px; height: 505px; float: left; display: inline-block;z-index: 3;position: relative;} #quicklinks ul { padding: 0; margin: 0;position: absolute;bottom: 36px;} #quicklinks li { padding: 0; margin-top: 16px; list-style: none; position: relative;width: 263px;height: 74px;} #quicklinks li:after{position: absolute;right: -40px;content: "";background: url('/pics/ql_arrow.png') no-repeat right;width: 40px;height: 74px;top: 0;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #ql1b {background: url('/pics/ql1_bg.png') no-repeat center;} #ql2b {background: url('/pics/ql2_bg.png') no-repeat center;} #ql3b {background: url('/pics/ql3_bg.png') no-repeat center;} #ql4b {background: url('/pics/ql3_bg.png') no-repeat center;} #quicklinks a { height: 45px; text-decoration: none; padding:11px 11px 9px 20px; margin: 0; display: block; color: #fff; background: none; font-size: 24px; text-align: left; position: relative; z-index: 0;text-transform: uppercase;font-weight: 400;outline: none !important; text-shadow: 2px 2px 1px rgba(0,0,0,0.45);font-family: 'Saira Condensed', sans-serif;line-height: 45px;-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.45);letter-spacing: 0px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #quicklinks #ql4 a { font-size: 20px; } #quicklinks a:hover,#quicklinks a:focus {letter-spacing: 0.3px;} #quicklinks li:hover:after{width: 49px;right: -49px;} /* quicklinks2 */ #quicklinks2 h2 { width: 0; height: 0; } #quicklinks2 { width: 312px; height: auto; position: absolute; right: 0px; top: 40px; display: inline-block; z-index: 3; } #quicklinks2 ul { padding: 0; margin: 0;position: absolute; } #quicklinks2 li { padding: 0; margin-top: 16px; list-style: none; position: relative;width: 263px; padding: 0px 0px 0px 49px; height: 74px;background: url('/pics/ql_floatrt.png') no-repeat right; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #quicklinks2 a { height: 45px; text-decoration: none; padding:11px 11px 9px 20px; margin: 0; display: block; color: #fff; background: none; font-size: 24px; text-align: left; position: relative; z-index: 0;text-transform: uppercase;font-weight: 400;outline: none !important; text-shadow: 2px 2px 1px rgba(0,0,0,0.45);font-family: 'Saira Condensed', sans-serif;line-height: 45px;-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.45);letter-spacing: 0px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #quicklinks2 #ql4 a { font-size: 24px; } #quicklinks2 a:hover, #quicklinks2 a:focus {letter-spacing: 0.3px;} #quicklinks2 li:hover { right: 5px;} /* First Row */ #first-row{background: #fff url('/pics/first_row_bg.jpg') no-repeat center bottom;min-height: 226px;margin-top: 0px;} /* Quick links 2 */ #quicklinks1{position: relative;width: 1100px;margin: 0 auto;} #quicklinks1 ul { padding: 0; margin: 0;float: right;right: 50%;position: relative;margin-top: 60px;} #quicklinks1 li { padding: 0;list-style: none; position: relative;float: left;left: 50%;width: 190px;margin-right: 92px;} #quicklinks1 li:last-child{margin-right: 0px;} #quicklinks1 li a{position: relative;outline: none !important;text-decoration: none;color: #61015c;font-weight: 700;text-transform: uppercase;font-family: 'Saira Condensed', sans-serif;font-size: 30px;text-align: center;display: block;letter-spacing: 0px; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #quicklinks1 li a span{display: block;height: 78px;position: relative;margin-bottom: 16px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;} #q1{background: url('/pics/store_icn.png') no-repeat;width: 78px;left: 46px;} #q2{background: url('/pics/donor_icn.png') no-repeat;width: 80px;left: 53px;top: -2px;} #q3{background: url('/pics/voluntr_icn.png') no-repeat;width: 51px;left: 67px;top: 4px;} #q4{background: url('/pics/stf_icn.png') no-repeat;width: 79px;left: 59px;top: -2px;} #quicklinks1 li a:hover,#quicklinks1 li a:focus{letter-spacing: 0.2px;} #quicklinks1 li a:hover span,#quicklinks1 li a:focus span{margin-top: -3px;transform: rotate(360deg);-webkit-transform: rotate(360deg);} /* Second Row */ #second-row{min-height: 606px;background: #3e003f url('/pics/second_row_bg.jpg') repeat-x center bottom; display: none;} #second-row-inner{padding-top: 34px;} #second-row .second-row-head{background: url('/pics/maroon_border.png') no-repeat center 41px;margin: 0;font-size: 60px;font-weight: 600;font-family: 'Saira Condensed', sans-serif;text-align: center;color: #fff;} /* Featured Video #video-section{width: 340px;position: relative;float: left;padding-top: 27px;margin-right: 20px;} .HPVideo {margin-bottom: 10px; position: relative;} .HPVideo h2 a {width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.3px;} .HPVideo h2 a:after{width: 69px;height: 5px;background: #f0b500;position: absolute;left: 0;top: 43px;content: "";} .HPVideo .videowrapper {position: relative; margin: 31px 0 0px;} .HPVideo p {padding: 0; margin: 0;} .HPVideo p a {text-align: center; text-decoration: none; font-weight: 600; height: 57px; display: block; line-height: 57px;font-size: 20px;font-weight: 600;font-family: 'Saira', sans-serif;outline: none !important;color: #fff;} /* Facebook Section #fb-section{position: relative;float: left;margin-left: 23px;width:340px;margin-right: 18px;height: 340px;padding-top: 27px;} #fb-section p.fb-head{width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.4px; margin: 0px 0 31px;} #fb-section p.fb-head:after{width: 69px;height: 5px;background: #f0b500;position: absolute;left: 1px;top: 70px;content: "";} #fb-section p.fb-head a{color: #f0b500;font-weight: 700;font-family: 'Saira Condensed', sans-serif;font-size: 15px;font-weight: 300;text-decoration: none;margin-left: 8px;letter-spacing: 0.01px;outline:none !important;} #insta-section p.insta-head a:hover,#insta-section p.insta-head a:focus,#fb-section p.fb-head a:hover,#fb-section p.fb-head a:focus{letter-spacing:0.3px;}*/ /* Tweet Section */ #insta-section{position: relative;float: left;margin-left: 10px;width:340px;height: 340px;padding-top: 27px;} #insta-section p.insta-head{width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.4px; margin: 0px 0 31px;} #insta-section p.insta-head:after{width: 69px;height: 5px;background: #f0b500;position: absolute;left: 0;top: 70px;content: "";} #insta-section p.insta-head a{color: #f0b500;font-weight: 700;font-family: 'Saira Condensed', sans-serif;font-size: 15px;font-weight: 300;text-decoration: none;margin-left: 8px;letter-spacing: 0.01px;outline:none !important;} #insta-section p.insta-head a:hover,#insta-section p.insta-head a:focus{letter-spacing:0.3px;} /* Homepage Sections */ section { margin-bottom: 10px; position: relative; } /* Homepage Section Headers */ #wrapper-index .content section h2 a{width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #61015c; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.3px; text-decoration: none;outline: none !important;} #wrapper-index .content section#news h2 a{ color: #fff; } #wrapper-index .content section h2 a:after{width: 69px;height: 5px;background: #f0b500;position: absolute;left: 2px;top: 44px;content: "";} /* Social Media Row */ #social-media-row {background: #3e003f url(/pics/second_row_bg.jpg) repeat-x center bottom; display: none;} /* Third Row */ #third-row{background: #fff url('/pics/third_row_bg.png') no-repeat center top;min-height: 629px;background-size: cover;} #third-row-bg{background: url('/pics/third_row_center.png')repeat-y center top;} #third-row-inner{background: url('/pics/third_row_inner.png') repeat-y center top;min-height: 559px;left: -0.5px;padding-bottom: 70px;} /* princi-section */ #princi-section{position: relative;float: left;width:723px;margin-top: 171px;left: 115px;} #princi-section a{width: 180px;position: relative;float: left;margin-right: 61px;text-decoration: none; outline: none !important;color: #61015c;font-weight: 700;font-family: 'Saira Condensed', sans-serif;text-align: center;text-transform: uppercase;font-size: 30px;line-height: 1.0; letter-spacing: 0px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #princi-section a span.pimg{width: 180px;height: 180px;display: block;margin-bottom: 25px;} #princi-section a #p1{background: url('/pics/p1b_img.png') no-repeat;} #princi-section a #p2{background: url('/pics/p2_img.png') no-repeat;} #princi-section a #p3{background: url('/pics/p3_img.png') no-repeat;} #princi-section a span.pname{font-family: 'Saira', sans-serif;font-size: 18px;color: #000;text-transform: none;font-weight: 400;} #princi-section a:hover,#princi-section a:focus{letter-spacing: 0.3px;} #princi-section a:hover span.pimg,#princi-section a:focus span.pimg{animation: border .4s ease 1 forwards;transform: scale(1.1);-webkit-transform: scale(1.1);} @keyframes border{ 0% { box-shadow: 0px 0px 3px #61015c;border-radius: 50%; } 25% { box-shadow: 0px 0px 10px #61015c;border-radius: 50%; } 50% { box-shadow: 0px 0px 18px #61015c;border-radius: 50%; } 75% { box-shadow: 0px 0px 10px #61015c;border-radius: 50%; } 100% { box-shadow: 0px 0px 6px #61015c;border-radius: 50%; } } /* Events Section */ #events-section{width: 300px;position: relative; float: left; display: inline-block;margin-left: 39px;margin-top: 52px;} #wrapper-index .content section#events h2 a::after{left: -1px;} #events .container{padding-top: 38px;} #events #hp-events .v3 .dayInfoWrap {width: 51px;height: 53px;border-radius: 0 !important;padding: 0 !important;background: url('/pics/date_bg.png') no-repeat;margin-top: 5px;margin-left: -1px;} #events #hp-events .v3 span.month {text-transform: uppercase;color: #3e003f;font-size: 13px;font-weight: 600;font-family: 'Saira Condensed', sans-serif;margin-top: 28px;margin-left: 1px;} #events #hp-events .v3 span.day {font-size: 24px;color: #3e003f;font-weight: 600;font-family: 'Saira Condensed', sans-serif;margin-top: -40px;margin-left: 1px;} #events #hp-events .v3 ul {padding-left: 71px;margin-bottom: 23.5px;} #events #hp-events ul li.event div {color: #323840;font-size: 15px;font-weight: 400;font-family: 'Saira', sans-serif;} #events #hp-events ul li.event div a {transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;text-decoration: none;color: #61015c;font-size: 20px;font-weight: 600;font-family: 'Saira', sans-serif;letter-spacing: -0.05px;outline: none !important;} #events #hp-events ul li.event div a:hover,#events #hp-events ul li.event div a:focus{letter-spacing: 0.1px;} #events #hp-events .hpeventlinks div a {display: block;text-decoration: none;color: #61015c;text-transform: uppercase;text-transform: uppercase;font-size: 16px;font-weight: 600;font-family: 'Saira', sans-serif;outline: none !important; background: url('/pics/showall_arrow.png') no-repeat right;width: 108px;} #events #hp-events .hpeventlinks div a[target]{width: 160px;} #events #hp-events .hpeventlinks div a:hover,#events #hp-events .hpeventlinks div a:focus{letter-spacing: 0.3px;padding-right: 10px;} #hp-events .hpeventlinks {margin-left: 72px !important;} #events-page #events.v1 .event span.location {padding-left: 3px;padding-top: 1px;} #events-page #events .event .title a, #events-page #events.v1 .event span.location {float: left;} #events-page #events.v1 .dayeventwrap {padding-bottom: 15px;} /* Fourth Row */ #fourth-row{background: #7d277a url('/pics/fourth_row_bg.jpg') repeat-x center top;min-height: 346px; display: none;} #fourth-row-inner{padding-bottom: 32px;} /* Blurb Section */ #blurb{position: relative;float: left;width: 377px;margin-top: 44px;left: -6.5px;margin-right: 36px;} #blurb:after{position: absolute;top: -13px;content: "";right: -36px;background: #f0b500;width: 4px;min-height: 100%;padding-bottom: 16px;height: auto;} #blurb .blurbs{background: #5f075b;background: linear-gradient(to right, #5f075b 50%, #440240 50%);width: 287px;border-radius: 43px;display: block;margin-bottom:9px;height: 77px;outline: none !important;text-decoration: none;position: relative;text-align: left;letter-spacing: -0.9px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-size: 200% 100%;background-position:left bottom;font-size: 60px;color: #fff;font-weight: 600;font-family: 'Saira Condensed', sans-serif;text-transform: uppercase;padding-left: 89px;padding-top: 4px;} #blurb .blurbs span.bicon{position: absolute;display: block;border-radius: 50%;width: 69px;height: 69px;background-color: #f0b500;left: 7px;top: 7px;} #blurb .blurbs span.bicon span{display: block;width: 69px;height: 69px;} #bicn1{background:url('/pics/b1_icon.png')no-repeat 11px 8px;animation: blink 3s;-webkit-animation: blink 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} #bicn2{background:url('/pics/b2_icon.png')no-repeat center 11px;top: 6px !important;-webkit-animation: rotation 2s infinite linear;animation: rotation 2s infinite linear;} #bicn3{background:url('/pics/b3_icon.png')no-repeat 11px 13px;top: 6px !important;animation: beat 0.75s infinite alternate;-webkit-animation: beat 0.75s infinite alternate;} #blurb .blurbs:hover,#blurb .blurbs:focus{background-position:right bottom;} @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-webkit-keyframes blink{ 0% {opacity: 0;} 25% {opacity: 1;} 26% {opacity: 0;} 27% {opacity: 1;} 28% {opacity: 0;} 30% {opacity: 1;} 33% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 0;} } @keyframes blink{ 0% {opacity: 0;} 25% {opacity: 1;} 26% {opacity: 0;} 27% {opacity: 1;} 28% {opacity: 0;} 30% {opacity: 1;} 33% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 0;} } @keyframes beat{ to { transform: scale(1.2); } } @-webkit-keyframes beat{ to { transform: scale(1.2); } } #blurb .blurbs:hover,#blurb .blurbs:focus{font-size: 31px;} #blurb .blurbs span.btext{color: #f0b500;font-size: 24px;font-weight: 600;font-family: 'Saira Condensed', sans-serif;text-transform: none;position: absolute;display: none;} #blurb .blurbs:hover span.btext,#blurb .blurbs:focus span.btext{display: block;} /* Statement */ #stmnt{position: relative;float: left;width: 660px;margin-left: 28px;margin-top: 64px;left: 1px;} #stmnt p{color: #fff;font-size: 18px;font-weight: 400;font-family: 'Saira', sans-serif;margin: 0;line-height: 1.68;} /* Statement */ #third-row-inner #stmnt{position: relative;float: left;width: 660px;margin-left: 28px;margin-top: 64px;left: 1px;} #third-row-inner #stmnt p{color: #3E003F;font-size: 26px;font-weight: 600;font-family: 'Saira', sans-serif;margin: 0;line-height: 1.68; text-align: center;} /* Fifth Row */ #fifth-row{padding-bottom: 34px;background: #7d277a url('/pics/fourth_row_bg.jpg') repeat-x center top;min-height: 346px; } #fifth-row-inner{padding-top: 51px;} #left-column {margin-left: 0px; width: 1100px; margin-right: 0px; position: relative; float: left; display: inline-block;} #right-column {margin-left: 20px; width: 340px; margin-right: 0px; position: relative; float: left; display: inline-block;} /* Homepage Sections Containers */ .container {position: relative; margin-top: 0; padding: 10px 0; background: none;} /* News */ #news .container{padding: 16px 0px 0 2px;} .HPNews #r br {display: none;} #news br:nth-child(2) {margin-bottom: 3px !important;display: block;} #news img.sub{margin: 8px 15px 5px 0px !important;} /*News Module*/ #left-column #news .bx-wrapper .bx-prev { background-image: url('/pics/leftArrow.png');background-position: center left;background-repeat:no-repeat;left: 417px;color: #000 !important; width: 46px; height: 46px;-pie-background: url('/pics/leftArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');} #left-column #news .bx-wrapper .bx-next {background-image: url('/pics/rightArrow.png');background-position:center left;background-repeat: no-repeat;right: 417px;color: #000 !important; width: 46px; height: 46px;-pie-background: url('/pics/rightArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');} #left-column #news .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 452px !important;} #left-column #news .bx-wrapper .bx-controls-direction a:focus{outline: none !important;} #left-column #news .bx-wrapper .bx-prev:hover, #left-column #news .bx-wrapper .bx-next:hover{background-position: center center;} #left-column #news .bx-wrapper .bx-prev:focus, #left-column #news .bx-wrapper .bx-next:focus{background-position: center right;} #left-column #news li {background: none; border: 1px solid #efefef;} #left-column #news .news-wrap {padding: 13px 19px; margin: 0;height: 179px;box-sizing: border-box; background: #fff;} #left-column #news .news-text {font-family: 'Saira', sans-serif; font-size: 15px;color: #000;font-weight: 400;line-height: 18px;} #left-column #news .news-title a {transition: all ease 0.3s;font-family: 'Saira', sans-serif; font-size: 20px; color: #61015c !important; font-weight: 600;line-height: 24px;} #left-column #news .news-title a:hover,#second-row .homepage-news .news-title a:focus{letter-spacing: .2px;} #left-column #news .layout-3 .news-thumb img{-webkit-transition: 0.4s ease;transition: 0.4s ease;} #left-column #news .layout-3 .news-thumb img:hover{ -webkit-transform: scale(1.08);transform: scale(1.08);} #left-column #news .layout-3 .news-thumb{box-sizing: border-box;border-bottom: 1px solid #efefef;} #left-column #news .layout-3 .news-title{margin: 0 0 4px !important;} #left-column #news .layout-3{padding-bottom: 0 !important} .news-show-all{display: block;margin-top: 30px;} .news-show-all a{ transition:all .5s ease;font-family: 'Saira', sans-serif; font-size: 16px; color: #000 !important;font-weight: 700;text-transform: uppercase;text-decoration: none; box-sizing:border-box; border: 1px solid #efefef; background: #fff; width: 180px;height: 50px; display: block;margin: 0 auto;text-align: center;padding: 15px 10px;position: relative;letter-spacing: .6px;} .news-show-all a:after{content: "";background: #F0B500;width: 50px;height: 4px;position: absolute;bottom: -1px;left: 0;right: 0;margin: 0 auto;} .news-show-all a:hover,.news-show-all a:focus{letter-spacing: .8px;background: #3E003F;color: #fff !important;} /*News Module End*/ /* Featured Photo Album */ #album-section{position: relative;float: left;width: 350px;margin-right: 25px; margin-left:200px; padding-top: 27px;} #album-section .HPFeaturedAlbums {margin-bottom: 10px; position: relative;} #album-section .HPFeaturedAlbums h2 {width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 2px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.3px; text-decoration: none;outline: none !important;} #album-section .HPFeaturedAlbums h2:after{width: 69px;height: 5px;background: #f0b500;position: absolute;left: 0px;top: 44px;content: "";} #album-section .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0; margin: 32px 0 0px; background: #fff;} #album-section .HPFeaturedAlbums ul {margin-top: 0;} #album-section .HPFeaturedAlbums ul li {margin-bottom: 30px;box-shadow: none !important;-webkit-box-shadow: none !important;overflow: visible !important;border: 0px !important;outline: none !important;margin-right: 23px;float: left;display: inline;} #album-section .HPFeaturedAlbums ul li:last-child{margin-right: 0;} #album-section .HPFeaturedAlbums ul li h3 {background: none; text-shadow: none;position: relative;} #album-section .HPFeaturedAlbums ul li h3 span {font-size: 20px; /*color: #61015c;*/color: #fff;text-align: center;font-weight: 600;font-family: 'Saira', sans-serif;padding: 12px;height: 37px;line-height: 37px;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Sixth Row */ #sixth-row{min-height: 310px;padding-bottom: 18px;background: #fff;} #sixth-row-inner{left: 0.5px;} #sixth-row .cols{position: relative;float: left;min-height: 310px;} .num{color: #3e003f;font-size: 55px;font-weight: 400;font-family: 'Saira', sans-serif;margin-top: 21px;margin-left: 17px;letter-spacing: -1.9px;position: relative;display: block;float: left;} .txt{color: #3e003f;font-size: 20px;font-weight: 400;font-family: 'Saira', sans-serif;margin-left: 9px;margin-top: 43px;position: relative;display: block;float: left;} /* Column 1 */ #col1{width: 250px;} #col1 #stdnt{background:url('/pics/img1.jpg') no-repeat;height: 102px;} #col1 #tchr{background:#000 url('/pics/img2.jpg') no-repeat;height: 124px;} #tchr .num,#tchr .txt{color: #fff;} #tchr .num{margin-top: 29px;} #tchr .txt{margin-top: 39px;} #col1 #sch1{background:#000 url('/pics/img3.jpg') no-repeat;height: 84px;} /* Column 2 */ #col2{width:284px;} #col2 #stf{background:#3e003f;height: 73px;} #stf .num,#stf .txt{color: #fff;} #stf .num{margin-top: 4px;margin-left: 21px;} #stf .txt{margin-top: 14px;margin-left: 13px;} #col2 #sch2{background:url('/pics/img4.jpg') no-repeat;height: 165px;} #col2 #clsrms{background:#f0b500;height: 72px;} #clsrms .num{margin-top: 2px;margin-left: 21px;} #clsrms .txt{margin-top: 25px;margin-left: 9px;} /* Column 3 */ #col3{width:210px;} #col3 #str{background:#f0b500;height: 144px;} #str .num{margin-top: 16px;margin-left: 37px;letter-spacing: 0;} #str .txt{margin-top: -7px;margin-left: 38px;} #col3 #sts{background: #000 url('/pics/img5.jpg') no-repeat;height: 166px;} #sts .num,#sts .txt{color: #fff;} #sts .num{margin-top: 22px;margin-left: 37px;letter-spacing: 0;} #sts .txt{margin-top: -7px;margin-left: 38px;} /* Column 4 */ #col4{width:78px;} #col4 #sch3{background:url('/pics/img6.jpg') no-repeat;height: 310px;} /* Column 5 */ #col5{width:278px;} #col5 #tts{background:#3e003f;height: 90px;} #tts .num,#tts .txt{color: #fff;} #tts .num{margin-top: 10px;margin-left: 20px;letter-spacing: -0.5px;} #tts .txt{margin-top: 21px;margin-left: 10px;} #col5 #sch3{background:url('/pics/img7.jpg') no-repeat;height: 148px;} #col5 #mwlp{background:url('/pics/img8.jpg') no-repeat;height: 72px;} #mwlp .num{margin-top: 2px;margin-left: 19px;letter-spacing: 0;} #mwlp .txt{margin-top: 11px;margin-left: 6px;} /* Other homepage section extras */ .dark {background-color: #3E003F !important; color: #fff !important;font-family: 'Saira', sans-serif !important;font-size: 15px !important;} .light {background-color: #fdfafa !important;font-family: 'Saira', sans-serif !important;font-weight: 400 !important;font-size: 15px !important;color: #000 !important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;} #wrapper-index .content table { color: #000; } #wrapper-index .content section table a {text-decoration: none;color: #fff;font-size: 20px;font-weight: 600;font-family: 'Saira', sans-serif;letter-spacing: -0.05px;outline: none !important; transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #wrapper-index .content section table a:hover,#wrapper-index .content section table a:focus{letter-spacing: 0.1px;} #wrapper-index .content table #l { padding-top: 8px;display: none;} /* Put Display None if you want to hide bullet */ #wrapper-index .content #news table tr:nth-last-child(2) #r, #showAll-0 #r {border: 0px ;} #wrapper-index .content table #r { border-bottom: 1px solid #61015c; padding: 11px 0 13px 0;color: #fff;font-size: 15px;font-weight: 400;font-family: 'Saira', sans-serif;line-height: 1.6;} #wrapper-index .content table #r b a { display: block; margin-top: 0px; text-decoration: none;color: #f0b500;text-transform: uppercase;text-transform: uppercase;font-size: 16px;font-weight: 600;font-family: 'Saira', sans-serif;outline: none !important; background: url('/pics/showall_arrow.png') no-repeat right;width: 106px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} #wrapper-index .content table #r b a:hover,#wrapper-index .content table #r b a:focus{letter-spacing: 0.3px;padding-right: 10px;} .autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; padding-top: 2px!important; } #wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; } #wrapper-index .content table tr:last-child td { border-bottom: 0!important; } /* Quick Poll */ .HPQuickpoll h2 { display: none; } .HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */ .HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; } /* Side Image */ img.sub {border: 0;} #wrapper img.sub {margin-left: 20px;width: 272px;} .light a img.sub{width: auto !important;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: #3e003f; margin-left: 20px;width: 272px !important;border-top: 3px solid #f0b500;border-bottom: 1px solid #3e003f;} #pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; } #pageNav ul { padding: 10px 0!important; margin: 0 auto!important; width: 272px; height: auto!important; border-bottom: 3px solid #f0b500;} #pageNav ul li { padding: 0 0 2px!important; margin: 0 20px 2px 20px!important; zoom: 1; /* important for IE6 */ } #pageNav td img { display: none; } #pageNav ul li a, #pageNav ul li b { min-height: 20px;text-decoration: none; padding: 5px 15px 5px 15px; margin: 0; display: block; font-size: 21px; text-align: left; position: relative; z-index: 0;line-height: 1.2;font-weight: 500; font-family: 'Saira Condensed', sans-serif;} #pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li a:focus { background:url('/pics/pagenav_bullet.png') no-repeat left center; color: #F0B500;letter-spacing: 0.2px;} #pageNav ul li a { text-decoration: none; color: #fff; background:url('/pics/pagenav_bullet.png') no-repeat left center; } /* Footer */ #footer { width: 100%; position: relative;text-align: left; background:url('/pics/footer_bg.png') repeat-x center top;} #wrapper #footer{position: absolute;bottom: 0;} #footer .inside { height: 301px; position: relative; width: 1102px;margin: 0 auto;} #footer span { margin: 0 5px; } #footer #name { background: url('/pics/footer_name2.png')no-repeat;position: absolute; top: 146px; left: 128px; outline: none !important;width: 256px;height: 69px;color: #fff;} #logo {width: 121px;height: 122px;background: url('/pics/footer_logo.png')no-repeat; background-size: contain; position: absolute; left: -1px; top: 122px;outline: none !important;color: #fff;} #district-logo { width: 173px; height: 83px; background: url('/pics/district_logo.png') no-repeat center center; position: absolute; right: -1px;top: 137px;outline: none !important;color: #fff;} .address { color: #fff; padding: 8px 0 0 0; margin: 0; font-size: 15px; line-height: 24px; position: absolute; font-family: 'Saira', sans-serif;font-weight: 400;left: 480px;top: 150px;cursor: pointer;} .address .icon{width: 5px;height: 59px;position: absolute;background: #f0b500;left: -18px;top: 4px;} #address-right{margin-left: 250px;} #edunet { width: 184px; height: 23px; background: url('/pics/edunet_white.png') no-repeat; position: absolute; left: 459px;bottom: 10px;outline: none !important;color: #fff;} /* Facebook Section */ #fb-section {position:relative; float:left; width:340px; margin-right:25px; margin-left:200px; padding-top:27px; height:411px; overflow:hidden;} #fb-section p.fb-head {width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.4px; margin: 0px 0 31px;} #fb-section p.fb-head:after {width: 69px;height: 5px;background: #f0b500;position: absolute;left: 0;top: 70px;content: "";} #fb-section p.fb-head a {color: #f0b500;font-weight: 700;font-family: 'Saira Condensed', sans-serif;font-size: 15px;font-weight: 300;text-decoration: none;margin-left: 8px;letter-spacing: 0.01px;outline:none !important;} #fb-section p.fb-head a:hover, #fb-section p.fb-head a:focus{letter-spacing:0.3px;} /* YouTube Section */ #youtube-section {position:relative; float:left; width:340px; margin-right:18px; padding-top:27px; height:411px; overflow:hidden;} #youtube-section iframe {border:none;} #youtube-section p.yt-head {width: auto;height: auto; font-size: 35px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block;font-weight: 500;font-family: 'Saira', sans-serif;letter-spacing: -0.4px; margin: 0px 0 31px;} #youtube-section p.yt-head:after {width: 69px;height: 5px;background: #f0b500;position: absolute;left: 0;top: 70px;content: "";} #youtube-section p.yt-head a {color: #f0b500;font-weight: 700;font-family: 'Saira Condensed', sans-serif;font-size: 15px;font-weight: 300;text-decoration: none;margin-left: 8px;letter-spacing: 0.01px;outline:none !important;} #youtube-section p.yt-head a:hover, #fb-section p.fb-head a:focus{letter-spacing:0.3px;} #hashLinks {text-align:center; width:100%; display: none; clear:both; height:auto; padding:10px 0 30px 0;} #hashLinks a {font-family: 'Saira', sans-serif; font-size:18px; color:#F0B500; text-decoration:none; margin-right:10px;} #hashLinks a:hover {color:#fff;} #hashLinks h3 { width: auto; height: auto; font-size: 24px; text-decoration: none; font-weight: normal; margin: 0; padding: 0px 0 0 0px; color: #fff; display: block; font-weight: 500; font-family: 'Saira', sans-serif; letter-spacing: -0.4px; } #hashLinks hr {border:none; border-bottom:1px solid #680863; margin:5px 0;} p#nondisc_p {color:#fff;position:absolute; bottom:40px; left:0; width:100%; text-align:center;} a#nondisc {color:#F0B500; font-weight:bold; text-decoration:none;} a#nondisc:hover {color:#FDFFFC; text-decoration:underline;} #shareOptions a {text-decoration:none;} #shareOptions p {font-weight:bold; font-size:16px; font-family: 'Saira', sans-serif; margin-bottom:3px;} .txt2 { color: #3e003f; font-size: 17px; font-weight: 400; font-family: 'Saira', sans-serif; margin-left: 7px; margin-top: 14px; position: relative; display: block; float: left; } .non-d { position: absolute; bottom: 10px; right: 0px; text-decoration: none; color: #61015c !important; cursor: pointer; font-family: 'Saira', sans-serif; font-size: 16px; } .non-d:hover, .non-d:active { text-decoration: underline; } .mentalHealth { position: absolute; bottom: 10px; left: 0px; text-decoration: none; color: #61015c !important; cursor: pointer; font-family: 'Saira', sans-serif; font-size: 16px; } .mentalHealth:hover, .mentalHealth:active { text-decoration: underline; }