/* 
    font-family: 'Karla', sans-serif;

    font-family: 'Montserrat', sans-serif;
*/

/* imports and fonts imports */
@font-face {
    font-family: 'CrimsonText-Regular';
    src: url('/shared/fonts/CrimsonText-Regular.eot'); /* IE9 Compat Modes */
    src: url('/shared/fonts/CrimsonText-Regular.otf'),  /* IE6-IE8 */
         url('/shared/fonts/CrimsonText-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/CrimsonText-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/CrimsonText-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/CrimsonText-Regular.svg.svg#svgCrimsonText-Regular') format('svg'); /* Legacy iOS */
  }
@font-face {
    font-family: 'CrimsonText-SemiBold';
    src: url('/shared/fonts/CrimsonText-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('/shared/fonts/CrimsonText-SemiBold.otf'),  /* IE6-IE8 */
         url('/shared/fonts/CrimsonText-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/CrimsonText-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/CrimsonText-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/CrimsonText-SemiBold.svg.svg#svgCrimsonText-SemiBold') format('svg'); /* Legacy iOS */
  }

@import url("/apps/js/polls/polls-pack.css");
/* General */
html { height: 100%; font-size: 62.5%; 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: #282728; font-size: 1.3rem;}
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; }

#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
margin: 0 0 15px 0;
font-family: 'CrimsonText-SemiBold';
font-weight: 600;
color: #000000;
}

/* Site Styles */
/* 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('') no-repeat;}
#wrapper{background-color: #fff;}
.inside { width: 100%; margin: 0 auto; }
#wrapper .content { position: relative;padding: 0 0 325px;background: url('/pics/inner-page-bg.png') no-repeat center top 1px;}
#wrapper .content:before{height: 98px; background: url('/pics/page-title-bg-btm.png') repeat-x center bottom,url('/pics/page-title-bg.png') repeat-x center top 1px #313131; width: 100%; position: absolute; left: 0; top: 0;content: "";}
#wrapper .content .inside { width: 1100px; padding: 20px 0; line-height: 20px;line-height: 2.0rem;}
.content { width: 100%; text-align: left;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px;}
.pageTitle {width: auto;display: block; height: auto;padding: 0 15px 15px; margin: 14px 0 56px -15px; color: #ffffff; position: relative; font-size: 50px;font-size: 5rem;line-height: 50px;line-height: 5rem; font-weight: 400; left: 0px; letter-spacing: 0px; font-family: 'CrimsonText-SemiBold';background-color: rgba(0,0,0,0.01) !important;}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-weight: 400; font-size: 17px; color: #000; line-height: 26px; font-size: 1.7rem; line-height: 2.6rem; font-family: 'Karla', sans-serif;}

/* Top */
#top { height: 36px; min-height: 36px; height: auto !important;position: relative; background: #7c1231;}
#top #inner { width: 1100px;margin: 0 auto;height: 36px;min-height: 36px;}
#marquee-new { color: #ffffff; font-size: 18px; font-weight: 400; width: 552px;float: left;position: relative;  z-index: 99999; box-sizing: border-box; margin: 7px 0 0 0px;margin-left: 0px; margin-left: 0px; margin-left: 0px;letter-spacing: 0px; font-size: 1.8rem; margin-left: 160px; font-family: 'Karla', sans-serif;}
#marquee-new .fade { position:absolute; z-index:10; }
#marquee-new .fade.leftFade { left:0; }
#marquee-new .fade.rightFade { right:0; }
#marquee-new .fade img { height: 20px; }
#marquee-new .toolTipWrapper .marqueeStaticView { box-shadow: none; background: #7c1231 !important;left: 18%; }
#marquee-new .toolTipWrapper .toolTipArrow { border-color: transparent transparent #7c1231 transparent;left: 64%;}
#marquee-new .marqueeMessage{text-align: center;font-family: 'Karla', sans-serif;font-weight:400; color: #fff !important;padding: 4px 8px 8px;}
#marquee-new .marqueeStaticView .marqueeButtons button{background: #000000;color: #fff !important;border-radius: 3px;border: 0;padding: 3px 10px;font-size: 16px;font-size: 1.6rem; cursor: pointer;font-family: 'Karla', sans-serif;font-weight:400; }
#marquee-new .marqueeStaticView .marqueeButtons button[aria-pressed="true"],
#marquee-new .marqueeStaticView .marqueeButtons button:hover,#marquee-new .marqueeStaticView .marqueeButtons button:focus{color: #000 !important; background:#fff;}

#tabs { float: right;position: relative;z-index: 10001;margin-left: 0px; }
#tabs #login-button {color: #fff !important; position: relative; background: url('/pics/login-icon.png') no-repeat left top 2px !important; text-decoration: none; display: block;padding: 2px 0 1.5px 22px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; font-weight: 500; letter-spacing: 0px; font-family: 'Karla', sans-serif;margin: 0px 25px 0px 0px;}
#login-dropdown { float:left;position: relative;margin: 9px 0px 0 0 !important; }
#login-dropdown .button:active #form{margin-top: 10px;}
#login-dropdown #form { display: none; padding: 10px 10px 10px;min-width: max-content; z-index: 0; color: #fff;font-family: 'Karla', sans-serif;font-weight:400; position: absolute; background: #7c1231; left: 0;margin-top: 33px;}
#wrapper #login-dropdown #form{margin-top: 12px !important;}
#student-vault-vertical #input-fields div#email-container { margin-top:0; }
#student-vault-vertical #input-fields, #student-vault-vertical #email-container, #student-vault-vertical #password-container, #student-vault-vertical #sign-in{font-family: 'Source Sans Pro', sans-serif;font-weight:400;}
#student-vault-vertical { color: #fff !important; }
#login-dropdown #form a { padding: 0 !important;color: #fff !important;font-family: 'Source Sans Pro', sans-serif;font-weight:400;}
#googleTranslate { opacity:0;width: 80px !important;height: 20px;position: absolute;cursor: pointer;}
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 98px !important;height: 22px; top: 0; left: 0; position: absolute; cursor: pointer;}
#translate-button.button {padding: 2px 0px 0 25px; margin: 9px 24px 0 0px; letter-spacing: 0px; z-index: 999999; position: relative; float: left; background: url(/pics/translate-icon.png) no-repeat left top 1px;color: #fff !important;text-transform: uppercase;font-weight: 500;font-size: 14px;font-size: 1.4rem;cursor: pointer; height: 20px;font-family: 'Karla', sans-serif;letter-spacing: 0.05px;}
#translate-button.button.focused {outline:2px solid #005fcc; }

#search-button {position: relative; float: left; margin: 10px 24px 0 0px;color: #fff !important; text-decoration: none;font-size: 14px;font-size: 1.4rem; text-transform: uppercase;font-weight: 500;line-height: 19px;line-height: 1.9rem;font-family: 'Karla', sans-serif;}
#search-button .icon {display: block;background: url('/pics/search-icon.png') no-repeat left top 1px;width: 18px; height: 20px;float: left;padding: 0px 0px 0px 5px;}
#search-field { width: 388px; border: 1px solid #c0c1c3;height: 25px;padding: 5px 7px; border-radius: 5px; position: relative;  font-size: 17px; font-size: 1.7rem;display: inline-block;font-family: 'Karla', sans-serif;}
#search-img {float: right;margin: 8px 15px 0 0;}
/* Popup */
.popup-wrapper {position: fixed;top: 0;  right: 0; bottom: 0;left: 0; display: none; overflow: hidden;outline: 0; z-index: 99999;}
.popup-backdrop {position: fixed;width: 100%;height: 100%; top: 0; right: 0;bottom: 0;left: 0;z-index: 10; display: block; overflow: hidden; outline: 0; background-color:rgba(0, 0, 0, 0.5);}
.popup-content { position: relative;width: 100%; pointer-events: auto; background-color: #fff;background-clip: padding-box; border: 1px solid rgba(0,0,0,.2);border-radius: .3rem; outline: 0; z-index: 20;  max-width: 500px; margin: 300px auto;}
.popup-body {position: relative;padding: 20px; font-family: 'Source Sans Pro', sans-serif; }
#popup-close {position: absolute; right: 0; top: 0; right: -10px; background: #7c1231;color: #fff; text-decoration: none;font-weight: 600; min-width: 20px;border-radius: 50%; overflow: hidden; top: -10px; min-height: 20px; text-align: center; line-height: 18px;border: 2px solid #bdbdbd; line-height: 1.8rem;font-size: 11px; font-size: 1.1rem;}
#popup-close span{position: relative;line-height: 20px;line-height: 2.0rem;}
#fb{position: relative;width: 36px;height: 36px;float: left;background-color: #274b94;color: #fff;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;background: url(/pics/fb_icon.png) no-repeat center top;}
/* Header */
#header{ width: 100%;position: relative;height: auto !important;z-index: 9999;background: url('/pics/grass-bg-header.png') repeat-x center bottom 0px,url('/pics/header_bg.png') repeat-x center bottom,url('/pics/header_gradient_bg.png') repeat-x center top #ffffff;}
#header .inside {    width: 1100px;margin: 0px auto 0px;z-index: 2; height: 197px;}
#header .inside h1{color:#000000 !important;}
#header .inside a{color:#000000 !important;}
#header_logos {position: relative;}
#header .logo {    width: 190px;height: 220px;background: url(/pics/header_logo.png) no-repeat;position: absolute;float: left;z-index: 1000000;margin-top: -36px;margin-left: -8px;}
#header-name {position: relative;width: 656px;height: 120px;;background: url(/pics/header_name.png) no-repeat;margin: 39px 0px 0px 217px;float: left;}
.fb_logo{position: relative;width: 55px;height: 55px;background: url(/pics/fb_logo.png) no-repeat;margin: 43px -1px 0px 0px;float: right;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;}
.fb_logo:hover,.fb_logo:focus{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}


/* Navigation menu */
#menu-bg{position: relative;width: 100%;z-index: 999;background-color: #1e1e1e;border-bottom: 2px solid #000000;}
#menu-bg::after{position: absolute;left: 0px;bottom: -3px;content: ""; z-index: 1;width: 100%;height: 3px;background: #000;}
#menu { width: 1100px;margin: 0 auto; position: relative;height: auto !important;}
#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 {height: auto;display: block; text-align: center;padding: 13.5px 27.017px 12.5px 24px;text-decoration: none;color: #fff;font-size: 21px;font-size: 2.1rem;line-height: 25px;line-height: 2.5rem;letter-spacing: 0px;position: relative;font-weight: 500;font-family: 'Karla', sans-serif;}
#nav_items_0 li.nav_items_0::after{position: absolute;left: 0px;bottom: -3px;content: "";z-index: 1;width: 100%;height: 3px;opacity: 0;background: #9d0b38;}
#nav_items_0 li:hover::after, #nav_items_0 li.over::after, #nav_items_0 li:focus::after{opacity: 1;}       
#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: #ffffff;background-color: #9d0b38;}
#nav_items_0 > li:hover > a::before, #nav_items_0 > li.over > a::before, #nav_items_0 > li:focus > a::before{left: 50%;transform: translateX(-50%);opacity: 1;}

/* 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:focus ul ul,
#nav_items_0 li:hover ul ul ul, #nav_items_0 li.over ul ul ul,#nav_items_0 li:focus 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 ul ul { position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 245px; margin: 0; padding: 0; font-size: 12px;font-size: 1.2rem;}
#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: #9d0b38;padding: 10px 0 15px;margin-top: 3px;}
#nav_items_0 ul li:hover ul, #nav_items_0 ul li.over ul,#nav_items_0 ul li:focus ul,
#nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li.over ul,#nav_items_0 ul ul li:focus ul,
#nav_items_0 ul ul ul li:hover ul, #nav_items_0 ul ul ul li.over 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: 22px; text-align: left; text-decoration: none; padding: 12px 25px; height: auto; width: 195px;font-size: 18px; letter-spacing: normal; white-space: normal; text-transform: none;
    text-shadow: none; font-variant: normal;font-family: 'Karla', sans-serif;position: relative;font-size: 1.8rem;line-height: 2.2rem;}
#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: #1e1e1e;}
#nav_items_0 li.nav_item_last:hover ul,#nav_items_0 li.nav_item_last:focus ul{right:0}
#nav_items_0 li.nav_item_last ul li:hover ul,#nav_items_0 li.nav_item_last ul li:focus ul  {left:-100%}
nav#menu ul li span.nav_icon { display: none; }
#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;height: 636px;}
#index-top::after {background: url('/pics/slider_btm_gradient.png') repeat-x center bottom;width: 100%;height: 242px;position: absolute;bottom: 0;content: "";z-index: 3;}
/* Image shuffles */
#slideshow { width: 1100px; height: 636px;position: relative;margin: 0 auto;}
/* Rows WRapper */
#rows-wrapper,.rows{position: relative;width: 100%;}
.rows-inner{position: relative;margin: 0 auto;width: 1100px;z-index: 999;}
/* First Row */
#first-row{position: absolute;top: -100px;z-index: 99;}
#first-row-inner{padding: 0px 0px 0px 0px;}
#banner-text h2{ position: relative; width: auto; height: auto; font-size: 60px; font-size: 5.8rem; color: #ffffff; line-height: 60px; line-height: 6rem; text-align: center; font-weight: 600; font-family: 'CrimsonText-Regular'; letter-spacing: -0.3px;margin-top: -1px; margin-left: 5px;}
#banner-text span{text-transform: uppercase; color: #fdbb26;}


/* Second Row */
.left-side-button{margin-left: 580px;}
#second-row{background: url('/pics/second-row-bg.png')no-repeat center top 0px #ffffff;}
#second-row-inner{padding:15px 0 53px;}
#news-header a{text-decoration: none;font-size: 40px;font-size: 4rem;color: #000;font-weight: 600;margin: -1 0 0px 0px;display: inline-block;letter-spacing: -1.6px;line-height: 33px;line-height: 3.3rem;font-weight: 500;font-family: 'CrimsonText-SemiBold';}
#news-showall {position: absolute;right: 0.5px;top: 165px;text-decoration: none;font-size: 15px;font-size: 1.5rem;color: #000;font-weight: 400;background: url('/pics/readmore-arr.png')no-repeat top 8px left -1px;padding: 0px 0 0 23px;transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; line-height: 30px; line-height: 3rem; font-weight: 700;  text-transform: uppercase; font-family: 'Karla', sans-serif; letter-spacing: -0.1px;}    
#news-showall:hover, #news-showall:focus{background-position: right center; padding: 0 21px 0 0;}
#ROCKCREEK-0-news .bx-wrapper {margin-top: 13px !important;}
#second-row .homepage-news .bx-viewport{height: 410px !important;}
#second-row .homepage-news .bx-wrapper .bx-controls-direction a {margin-top: 0 !important;color: #000 !important;width: 15px;height: 36px;top: 92px !important;}
#second-row .homepage-news .bx-wrapper .bx-prev { background: url('/pics/leftArrow.png') left center no-repeat;left: -44px !important; -pie-background: url('/pics/leftArrow.png') left center no-repeat;behavior: url('/shared/pie.htc');}
#second-row .homepage-news .bx-wrapper .bx-next {background: url('/pics/rightArrow.png') left center no-repeat;right: -44px; -pie-background: url('/pics/rightArrow.png') left center no-repeat;behavior: url('/shared/pie.htc');}
#second-row .homepage-news .bx-wrapper .bx-next:hover{background-position: -20px center;}
#second-row .homepage-news .bx-wrapper .bx-prev:hover{background-position: -20px center;}
#second-row .homepage-news .bx-wrapper .bx-controls-direction a:focus{background-position: -39px center;width: 27px;height: 36px;outline: none !important;top: 92px !important;}
#second-row .homepage-news .bx-wrapper .bx-prev:focus{left: -50px !important;}
#second-row .homepage-news .bx-wrapper .bx-next:focus{right: -50px !important;}
#second-row .homepage-news{padding-bottom: 0;}
#second-row .homepage-news .bx-viewport{left: 0px;}
#second-row .homepage-news li {background: none; border: 0;}
#second-row .homepage-news li .news-thumb::before {width: 338px;height: 228px;border: 1px solid #bbbbbb;position: absolute;left: 0;top: 0;content: "";z-index: 1;}
.layout-3 .news-thumb img{margin-top: 0px !important;}
#second-row .homepage-news .news-wrap {padding: 18.5px 3px 23px 1px;margin: 0;height: 190px;box-sizing: border-box;}
#second-row .homepage-news .news-text {font-size: 17px;  font-size: 1.7rem; color: #000; font-weight: 400; line-height: 24px; line-height: 2.4rem; margin: 9.5px 0px 0px 1.5px; letter-spacing: -0.15px; font-weight: 400;  font-family: 'Karla', sans-serif;}
#second-row .homepage-news .news-title{margin-bottom: 7px;margin-top: 0px;margin-left: 2px;padding-right: 30px;}
#second-row .homepage-news .news-title a {font-size: 20px;font-size: 2rem;color: #000;font-weight: 600;display: inline-block;line-height: 26px;line-height: 2.6rem;letter-spacing: -0.1px;font-family: 'Karla', sans-serif;}
#second-row .homepage-news .news-title a:hover, #second-row .homepage-news .news-title a:focus{ text-decoration: underline;color: #b80000;}

/* Third Row */
#third-row{background:url('/pics/fourth-bg.png') repeat center top #ffffff;min-height: 589px;}
#third-row::before {position: absolute;background: url('/pics/fourth-row-top.png') repeat-x center top;width: 100%;height: 10px;content: "";top: 0;z-index: 99;}
#third-row::after {position: absolute;background: url('/pics/fourth-row-bottom.png') repeat-x center top;width: 100%;height: 10px;content: "";bottom: 0;z-index: 99;}
#third-row-inner{padding: 64px 0 17px;background-color: rgba(0,0,0,0.01) !important;}
#third-row-inner #left-col{width: 720px;position: relative;float: left; margin: 0px 40px 0px 0px;}
#third-row-inner #right-col{width: 340px;min-height: 389px;position: relative; float: left; margin:47px 0px 0px 0px;background: url('/pics/mission-bg.png') repeat-y center top;}
/* Featured Video */
#video-sec{width: 720px;position: relative;}
.HPVideo {margin-bottom: 0px; position: relative;}
.HPVideo h2{display: inline-block;margin: 0px 0 0px 0px;padding: 0;}
.HPVideo h2 a {text-decoration: none;font-size: 40px;font-size: 4rem; color: #ffffff;font-weight: 600;margin: 0 0 14px 0px;display: inline-block;letter-spacing: 0px;line-height: 33px;line-height: 3.3rem;font-weight: 400;letter-spacing: -1.3px;font-family: 'CrimsonText-SemiBold';}
.HPVideo .videowrapper {position: relative; margin-top: 0; box-shadow: none;}
.HPVideo p {max-width: 688px;margin: 0;position: relative;overflow: hidden; top: 0px;left: 0px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;max-height: 13px;padding: 18px 0px !important;color: #fff;}
.HPVideo p a {text-align: left;color: #fff;line-height: 26px;line-height: 2.6rem;text-decoration: none;letter-spacing: -0.05px;font-size: 21px;font-size: 2.1rem;font-weight: 600;margin: 0px 0 0 0px;font-family: 'Karla', sans-serif;}
#video_player1{position: relative;}
.HPFeaturedAlbums li {overflow: visible !important;}
.HPVideo {margin-bottom: 10px; position: relative;}
.mission-sec{
    padding: 42px 26px;
}
.mission-sec h2{font-size: 40px;font-size: 3.9rem;line-height: 40px;line-height: 4rem;color: #fff;font-family: 'CrimsonText-SemiBold';font-weight: 500;position: relative;letter-spacing: -1px;margin-left: 4px;}
.mission-sec p{font-size: 28px;font-size: 2.8rem;line-height: 30px;line-height: 3rem;color: #fff;font-weight: 500;position: relative; margin: 18px 0px 0px 4px;font-family: 'CrimsonText-Regular';}
.mission-logo{position: absolute;z-index: 9999;top: -138px;right: -193px;width: 246px;height: 288px;background: url('/pics/logo-mission_03.png') no-repeat center;}
/* Fourth-row Row */
#fourth-row{   margin: 0px 0 0;
    background: #f2f2f2;}

#fourth-row::before {
        content: "";
        position: absolute;
        background: url(/pics/triangles_bg.png) no-repeat center bottom;
        width: 100%;
        height: 356px;
        bottom: 0;
        left: 0;
    }
/* #fourth-row::after{width: 100%;height: 9px;background: url('/pics/fourth-row-after.png') repeat-x center bottom #ffffff;position: absolute;left: 0;bottom: -9px;content: "";z-index: 1;} */

#test{
    position: absolute;
background: url(/pics/ee_02.png) no-repeat center top;
height: 726px;
width: 100%;
top: 203px;
z-index: 9;
}
#fourth-row-inner{padding: 99px 0 144.5px}
/* Events */
#ROCKCREEK-0-events .bx-wrapper {margin-top: 36px !important;}
#events-sec .bx-wrapper .bx-viewport {background:none;border:0 !important;box-shadow: none !important;margin:0; height:auto !important;left:0;}
#events-sec .events-day-wrapper {border: 0 !important;background: none;padding: 0; }
#events-sec .homepage-events h2{display: none  !important;}
#events-head{text-align: center;}
#events-head a{font-size: 40px;  font-size: 4rem; color: #000;  font-weight: 600;  margin: -1 0 0px 0px; display: inline-block; letter-spacing: -1.6px;  line-height: 33px; line-height: 3.3rem; font-weight: 500; font-family: 'CrimsonText-SemiBold'; text-decoration: none;  margin-left: -2px;}
#events-sec .events-date-wrapper{border: 0 !important;  background: none;  width: 87px; height: 87px; background: url('/pics/date_bg.png') no-repeat center center; margin-left: 76.5px; margin-top: 0px;  padding-top: 12px;}
#events-sec .events-date-wrapper .month {color: #000; text-transform: uppercase; font-weight: 700; font-size: 14px; position: relative; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; letter-spacing: 0.7px; font-family: 'Montserrat', sans-serif; margin-left: 24px; margin-top: 36px; background-color: #fff0; width: 40px;}
#events-sec .events-date-wrapper .day{color: #000;font-weight: 600;font-size: 30px;position: relative;font-size: 3rem;line-height: 14px;line-height: 1.4rem;margin: -34px 0 0 1px;font-family: 'Montserrat', sans-serif;}
.events-day-wrapper li{margin-top: 20px !important;margin-left: -2px !important;}
#events-sec .events-day-wrapper li{font-weight: 400;color: #000000;font-size: 16px;text-align: center;font-size: 1.6rem;line-height: 21px;line-height: 2.1rem;font-family: 'Karla', sans-serif;letter-spacing: -0.1px;}
#events-sec .events-day-wrapper li .title a{color: #000000;font-weight: 600; font-size: 21px;font-size: 2.1rem;line-height: 24px;line-height: 2.4rem;letter-spacing: 0px;margin-bottom: 4px;font-family: 'Karla', sans-serif;}
#events-sec .events-day-wrapper li .title a:hover,#events-sec .events-day-wrapper li .title a:focus{color:#9d0938; text-decoration: underline !important;}
#events-sec .events-day-wrapper ul{margin: 0px 0 0 -1.5px;}
#events-sec .events-day-wrapper .time span:first-child, #events-sec .events-day-wrapper .location span:first-child{display:none;}
#events-sec .events-day-wrapper .time, #events-sec .events-day-wrapper .location{margin: 0 0 0 -1px;}
#events-sec .events-links{position: relative;width: 352px;padding: 0;top: 40px;right: 0;margin: 0px auto 0px auto;left: 32px;}
#events-sec .events-links a{text-decoration: none;font-size: 15px;font-size: 1.5rem;color: #000000;font-weight: 400;background: url('/pics/show-cal-bg.png')no-repeat top 1px left 0px;padding: 0px 0 0 25px;transition: all ease 0.3s;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; line-height: 30px; line-height: 3rem; font-weight: 700;text-transform: uppercase;font-family: 'Karla', sans-serif; letter-spacing: 0px;}
.events-show-calendar{position: relative;float: left;}
.events-show-all{position: relative;float: left;}
#events-sec .events-show-all{margin-top: 0 !important;margin-left: 3px;}
#events-sec .events-show-calendar a{margin: 0 36px 0 0;}
#events-sec .events-links a:hover,#events-sec .events-links a:focus{background-position: right center;padding: 0 25px 0 0;}
#events-sec .homepage-events .bx-wrapper .bx-controls-direction a{width: 18px;height: 36px;color: #000000 !important;outline: none !important;top: 130px;}
#events-sec .homepage-events .bx-wrapper .bx-prev{background-image: url('/pics/prev_event.png');background-position:0 0;background-repeat:no-repeat;left: -49px;-pie-background-image: url('/pics/prev_event.png');behavior: url('/shared/pie.htc');}
#events-sec .homepage-events .bx-wrapper .bx-next{background-image: url('/pics/next-event.png');background-position:0 0;background-repeat:no-repeat;right:-49px;-pie-background-image: url('/pics/next-event.png');behavior: url('/shared/pie.htc');}
#events-sec .homepage-events .bx-wrapper .bx-prev:hover,#events-sec .homepage-events .bx-wrapper .bx-next:hover{background-position: left -20px center;}
#events-sec .homepage-events .bx-wrapper .bx-prev:focus,#events-sec .homepage-events .bx-wrapper .bx-next:focus{background-position: right center !important;width: 28px !important;}
#events-sec .homepage-events .bx-wrapper .bx-prev:focus{left: -58px;}
#events-sec .homepage-events .bx-wrapper .bx-next:focus{right: -50px;}
#events-page #events.v1 .event span.location {padding: 1px 0 0 3px;}
#events-page #events .event .title a, #events-page #events.v1 .event span.location {float: left;}
#events-page #events.v1 .dayeventwrap {padding:0 0 15px;}
#wrapper-index #events-sec .time span:first-child, #wrapper-index #events-sec .location span:first-child{display:none;}

.events-thumbnail img {

    width: 70% !important;
    margin-top: 20px !important;
}

/* Fifth Row */
#fifth-row{background: url('/pics/fifth-row-bottom-bg.png') repeat-x center bottom #ffffff;}

#fifth-row-inner{padding: 78px 0 65px;}
#fifth-row-inner #left-side{position: relative;float: left;width: 340px;display: block;margin: 0 40px 0 0;}
#fifth-row-inner #center{position: relative;float: left;width: 340px;display: block;margin: 0 40px 0 0;}
#fifth-row-inner #right-side{position: relative;float: left;width: 340px;display: block;margin: 0px 0px 0 0px;}

/* Album Sec */
#album-sec{position: relative;width: 340px;}
#album-sec .HPFeaturedAlbums {margin-bottom: 0px; position: relative;}
#album-sec .HPFeaturedAlbums h2 {text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    display: inline-block;
    letter-spacing: -1.4px;
    line-height: 42px;
    line-height: 4.2rem;
    font-weight: 500;
    font-family: 'CrimsonText-SemiBold';
    text-align: left;
    margin: 0 0 12px 1px;
    padding: 0;
    width: auto;
    height: auto;
    position: relative;}
#album-sec .HPFeaturedAlbums ul {margin-top: 0;}
#album-sec .HPFeaturedAlbums ul li {margin: 0px 20px 0 0;border:0;background: #000;float: left;overflow:visible;box-shadow: none !important;}
#album-sec .HPFeaturedAlbums ul li:last-child{margin-right: 0;}
#album-sec .HPFeaturedAlbums ul li:before{border: 1px solid #bbbbbb;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 338px;
    height: 278px;
    z-index: 2;}
#album-sec .HPFeaturedAlbums ul li h3 {background: #fff;
    text-shadow: none;
    z-index: 2;
    text-align: center;
    position: absolute;
    width: 340px;
    margin: 0 auto;
    bottom: -58px;}
#album-sec .HPFeaturedAlbums ul li h3 span {font-weight: 600;height: auto;color: #000;font-size: 21px;font-size: 2.1rem;line-height: 26px;line-height: 2.6rem;height: auto;padding: 23.5px 20px 15px 19px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;max-height: 16px;letter-spacing: 0px;font-family: 'Karla', sans-serif;}
/* Spotlight */

#studentof_month h2 a {
    text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    display: inline-block;
    letter-spacing: -1.2px;
    line-height: 42px;
    line-height: 4.2rem;
    font-weight: 500;
    font-family: 'CrimsonText-SemiBold';
    text-align: left;
    margin: 0 0 13px -1px;
    padding: 0;
    width: auto;
    height: auto;
    position: relative;
}
#studentof_month h2 a span {
    font-size: 24px;
    font-size: 2.4rem;
}
#studentof_month div#spotlight12345 {
margin: 0;
position: relative;

}
#studentof_month div#spotlight12345 div.imgWrapper {
margin: 0;
overflow: hidden;
height: 280px !important;
padding: 0;
box-shadow: none;
}
#studentof_month div#spotlight12345 div.imgWrapper::before {
    border: 1px solid #bbbbbb;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 338px;
    height: 278px;
    z-index: 2;
}
#studentof_month div#spotlight12345 h3 {
    margin: 0 auto;
    position: relative;
    bottom: -2px;
    left: 0;
    right: 0;
    font-weight: 600;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 26px;
    line-height: 2.6rem;
    z-index: 9;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 295px;
    padding: 22.5px 14.5px;
    z-index: 999;
    font-family: 'Karla', sans-serif;
    text-decoration: none !important;
}
#studentof_month div#spotlight12345 div.imgWrapper img {
margin: 0 auto;
background: black;
}

.first{
    text-decoration: none !important;
}


/* Links */
.important-links h2 a {text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    display: inline-block;
    letter-spacing: -1.4px;
    line-height: 42px;
    line-height: 4.2rem;
    font-weight: 500;
    font-family: 'CrimsonText-SemiBold';
    text-align: left;
    margin: 0 0 8.5px -3px;
    padding: 0;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;}

.important-links table #r{padding: 16px 0 12px 0 !important;}
#wrapper-index .content table.HPLinks #r, #wrapper-index .content table.HPLinks .tableRight {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}
.HPLinks{
    margin-left: -2px;
}
.important-links table #r a,.important-links table .tableRight a{ color: #000;
    text-decoration: none;
    font-weight: 700;
    font-family: 'Karla', sans-serif;
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 0px;
    position: relative;
    margin-left: 0px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    padding-left: 17px;}
.important-links table #l,.important-links table .tableLeft{display: none;}
.important-links .HPLinks #r a::before,.important-links .tableRight a::before{content: "";
    position: absolute;
    background: url('/pics/links_hover.png') no-repeat left center;
    height: 9px;
    width: 6px;
    top: 7px;
    left: 2px;}
.important-links table #r a:hover,.important-links table #r a:focus,.important-links table .tableRight a:hover,.important-links table .tableRight a:focus{padding-left: 45px;}
#showAll-hplinks #r{display: block;margin-left: 2px !important;margin-top: 13px !important;}
#lshowAll-hplinks{margin-top: 14px;margin-left: 6px;}
#showAll-hplinks a{ text-decoration: none;font-size: 15px !important;font-size: 1.5rem !important;color: #ffffff ;background: url('/pics/readmore-arr.png')no-repeat top 1px left 0px;padding: 0px 0 0 27px !important;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;line-height: 3rem;font-weight: 600;text-transform: uppercase;font-family: 'Karla', sans-serif !important;letter-spacing: 0.2px;}

#showAll-hplinks a::before{
    display: none;
}
#showAll-hplinks a:hover, #showAll-hplinks a:focus {background-position: right center;padding: 0 27px 0 0 !important;}

/* Other homepage section extras */
.dark {background-color: #9d0938 !important; color: #fff !important; font-weight: 400 !important;font-size: 17px !important;line-height: 26px !important;font-size: 1.7rem !important;line-height: 2.6rem !important;font-family: 'Karla', sans-serif !important;}
.light {background-color: #ffffff !important;color: #000000 !important;font-weight: 400 !important;font-size: 17px !important;line-height: 26px !important;font-size: 1.7rem !important;line-height: 2.6rem !important;font-family: 'Karla', sans-serif !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 { color: #033b73; text-decoration: none; font-weight: 700; }
#wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r { padding: 10px 0 10px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; }
#wrapper .content .inside a:hover, #wrapper .content .inside a:focus {color: #9d0938;}
.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; }
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {padding-bottom: 2px;}
#index-page #form-wrap{padding: 20px !important;}
/* Side Image */
img.sub {border: 0;}
#wrapper-index #wrapper img.sub {margin-left: 20px;width: 300px !important;}

/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: url('/pics/pagenav_bg.jpg')repeat-x left top,#184a93; margin-left: 20px;font-size: 1.4rem;}
#pageNav:after{background: url('/pics/rope_pattern.png')repeat-x left bottom;position: absolute;left: 0;bottom: 0;content: "";bottom: -4px;height: 4px;width: 100%;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px;line-height: 1.6rem;}
#pageNav ul { padding: 20px 0 !important;margin: 0 auto !important;width: 300px;height: auto !important;border-bottom: 5px solid #1e1e1e;background: #9d0b38;}
#pageNav ul::before{ height: 7px; background: #fff; width: 100%; position: absolute; left: 0; top: -9px; content: "";background: url('/pics/pageNav-ul-bg_03.png') no-repeat center top;}
#pageNav ul li { padding: 0 0 0px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b, #pageNav ul li strong {text-decoration: none; padding: 15px 20px 15px 30px;margin: 0;display: block;font-size: 18px;text-align: left;position: relative;z-index: 0;font-weight: 500;font-size: 1.8rem;line-height: 22px;line-height: 2.2rem;letter-spacing: 0.4px;color: #fff;font-family: 'Karla', sans-serif;}
#pageNav ul li b, #pageNav ul li a:hover, #pageNav ul li strong, #pageNav ul li a:focus{color: #fff !important;background: #1e1e1e !important;}


/* Footer */
#footer { width: 100%; position: relative;}
#wrapper #footer{position: absolute;bottom: 0;}
#footer-top{display: block;position: relative; height: 98px;width: 100%;background: url('/pics/footer-top-grass.png') repeat-x center bottom,url('/pics/footer-top-bg.png') no-repeat center bottom #ffffff;} 
#footer-center{width: 100%;position: relative;background: #9d0938;min-height: 149px;}
#footer-center .inside { height: 149px;margin: 0 auto;position: relative; width: 1100px; min-height: 149px;height: auto !important;padding: 0px 0 0px;}
#footer-bottom {position: relative;width: 100%;min-height: 40px;height: 40px !important; background: #282728;}
#footer-bottom .inside{min-height: 27px;height: auto !important;padding: 7px 0 0px;width: 1100px;margin: 0 auto;}
#logo {width: 161px;height: 187px;background: url('/pics/footer_logo.png') no-repeat;position: absolute;float: left;margin: -43px 0 0 -20px;color: #fff;z-index: 99999;}
#footer-center #name {position: relative;background: url('/pics/footer_name.png') no-repeat; float: left;width: 433px;height: 80px;margin: 31px 0 0 166px;color: #fff;}
#address-sec {position: relative;float: left;margin: 19.2px 0 0 109px;max-width: 186px;} 
#footer .address {color: #fff; padding: 0;  margin: 0;  font-size: 19px; line-height: 19px;font-size: 1.9rem;line-height: 2.3rem;text-decoration: none;font-weight: 400;letter-spacing: 0.1px; display: block; font-family: 'Karla', sans-serif;}
#address-right {margin-top: -7px !important;letter-spacing: 0.3px !important;display: inline-block !important;}
#district-logo {  width: 132px;height: 131px;background: url(/pics/District_logo.png) no-repeat center;position: relative;float: left;margin: 3px 0 0 74px;color: #fff;}
#edunet { width: 184px; height: 23px; background: url('/pics/edunet_white.png') no-repeat; position: relative;margin: 0 auto;left: -1px;color: #ffffff;}
.summary{
    font-size: 17px !important;
font-size: 1.7rem !important;
color: #000 !important;
font-weight: 400 !important;
line-height: 24px !important;
line-height: 2.4rem !important;
letter-spacing: -0.15px !important;
font-weight: 400 !important;
font-family: 'Karla', sans-serif !important;
}

.en-hp-alert-box .alert-box-body div.contents, .en-hp-alert-box .alert-box-body div.contents table {font-size: 17px !important; font-size: 1.7rem !important; color: #262626 !important; line-height: 24px !important;line-height: 2.4rem !important; }
.en-hp-alert-box .alert-box-body div.contents img { width: 100% !important; margin: 0 auto; display: block;}
div.en-editable-block-wrapper {margin: 0 0 15px;}
div.newsItem p.summary {margin-top: 20px;}

#bully-title {
    width: 1100px;
    text-align: center;
    margin: 1em;
    font-size: 40px;
    color: #fff;
    font-family: 'CrimsonText-SemiBold';
}

