/* imports and fonts imports */
@import url("/shared/960_12_10_10.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; }

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; }

.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,
#topnav li:hover ul li a, 
#topnav li.over ul li a,
#address { font-family: "Arial", Helvetica, sans-serif; }
#pageNav, #pageNav ul li a, #quicklinks a, #topnav li a, #motto { font-family: "Arial", Helvetica, sans-serif; }

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1040px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('/pics/wrapper_index_bg.jpg') repeat #d9e1e7;}
.inside { width: 960px; margin: 0 auto; }
#wrapper .content { position: relative; z-index: 400; background: url('/pics/content_bg.jpg') center top no-repeat #fff; margin-bottom: 30px; box-shadow: 0 0 3px #adbcc8; -moz-box-shadow: 0 0 3px #adbcc8; -webkit-box-shadow: 0 0 3px #adbcc8; behavior: url('/shared/pie.htc');}
#wrapper .content .inside { width: 920px; padding: 50px 20px 20px; line-height: 20px;}
.content { width: 960px; 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: 0;}
.pageTitle { width: auto; display: block; height: 30px; padding0; margin-bottom: 15px; font-size: 28px; font-weight: 400; color: #214e78; position: relative; font-family: 'Ubuntu', sans-serif;}

/*Top */ 
#top {height: 28px; position: relative; top: 0; width: 100%; background: #193c5c; z-index: 10000; }
#top #inner {position: relative; width: 960px; height: 28px; margin: 0 auto; background: url('/pics/top_inner_bg.jpg') no-repeat;}
#tabs { width: 196px; height: 23px; padding: 0; background: #; float: right; position: relative;}
#search { position: absolute; right: -3px; bottom: 0;}
#search form { margin: 0; }
#search #search-field { width: 85px; height: 15px; border: none; padding: 2px; background: none; font-size: 12px; color: #979797; background: url('/pics/search_bg.gif') repeat-x #fff; }
#search #search-img { vertical-align: top; margin-top: 0; position: relative; right: 3px;}
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 0; }
#login { width: 44px; height: 19px; margin: 0 auto; position: absolute; left: 1px; top: 4px; background: url('/pics/login_bg.gif') no-repeat; box-shadow: 1px 1px 1px #10263b; -moz-box-shadow: 1px 1px 1px #10263b; -webkit-box-shadow: 1px 1px 1px #10263b; behavior: url('/shared/pie.htc');}
#create {position: absolute; color: #fff; left: 50px; top: 7px; font-size: 12px; text-decoration: none;}
#create span {text-decoration: underline;}
#login #click { width: 44px; height: 18px; padding-top: 1px; color: #273a02; text-align: center; display: block; position: relative; z-index: 1; text-decoration: none; font-size: 13px;}
#login #form { display: none; padding: 0 10px 10px ; z-index: 0;  position: absolute; background: #84ac42; }
#email {position: absolute; color: #fff; font-size: 12px; top: 7px; left: 177px;}
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 80px!important; height: 19px; }
#preGoogle { position: absolute; left: 0; bottom: 0; height: 19px!important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat top left; border:0; }
#thisCal {position: absolute; color: #fff; font-size: 12px; top: 7px; left: -97px;}


/* Header */
#header { width: 960px; margin: 0 auto; height: 164px; position: relative; top: 0; z-index: 9999; background: url('/pics/header_bg.jpg') no-repeat;}
#header .inside { position: relative; }
#header-name { position: absolute; text-decoration: none; display: block; font-weight: 500; font-family: 'Ubuntu', sans-serif; font-size: 60px;color: #000; text-shadow: 0 0 7px #fff9de;  -moz-text-shadow: 0 0 7px #fff9de;-webkit-text-shadow: 0 0 7px #fff9de; line-height: 31px; text-align: right; top: 23px; left: 110px; z-index: 300;}
#header-name span {font-size: 48px; color: #0d4664; font-family: 'Allura', cursive; }
#top .logo { width: 165px; height: 144px; background: url('/pics/header_logo.png') no-repeat; position: absolute; top: 0; left: 398px; }
#motto { position: absolute; right: 187px; text-align:center; top: 24px; color: #0d4664; font-size: 32px; text-shadow: 0 0 3px #fff;  -moz-text-shadow: 0 0 3px #fff;-webkit-text-shadow: 0 0 3px #fff;  font-family: 'Allura', cursive; line-height: 33px;}
#motto span {font-size: 48px;}
#centenniallogo {position:absolute; left:160px; top:7px; width:250px;}


/* Navigation menu */
#menu { width: 960px; height: 57px; z-index: 10; margin: 0 auto; background: green; position: relative; top: 107px; background: url('/pics/menu_bg.jpg') no-repeat #000;  }
#wrapper #menu {background: url('/pics/inside_menu.jpg') no-repeat #000;}
#menu h2 { width: 0; height: 0; }
#topnav { list-style: none; margin: 0; padding: 18px 0 0 0; float: right; right: 50%; position: relative; z-index: 9999; }
#topnav li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; }

#topnav li a { white-space: nowrap; width: 0; height: 18px; display: block; text-align: center; padding: 4px 16px; font-size: 17px; font-weight: bold; text-decoration: none; color: #fff; text-transform: uppercase; border: 1px solid transparent;}
#topnav > li a { width: auto; white-space: normal; }
#topnav li:hover a, #topnav li.over a { color: #fff; background: #193c5c;  border: 1px solid #fff;}

/* Drop down items */
ul#topnav li.top-level ul {padding-top: 10px;}
#topnav ul, 
#topnav li:hover ul ul, #topnav li.over ul ul, 
#topnav li:hover ul ul ul, #topnav li.over ul ul ul,
#topnav li:hover ul ul ul ul, #topnav li.over ul ul ul ul { position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 184px; margin: 0; padding: 0; font-size: 12px;}
#topnav ul li { margin: 0; left: auto; }
#topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: none;}

#topnav ul li:hover ul, #topnav ul li.over ul,
#topnav ul ul li:hover ul, #topnav ul ul li.over ul,
#topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }

/* Drop down items colors and formatting */
#topnav li:hover ul li a, #topnav li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 6px 8px; height: auto; width: 176px;font-size: 13px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;}

#topnav li:hover ul li a, #topnav li.over ul li a,
#topnav li ul li:hover ul a, #topnav li ul li.over ul a,
#topnav li ul li ul li:hover ul a, #topnav li ul li ul li.over ul a,
#topnav li ul li ul li ul li:hover ul a, #topnav li ul li ul li ul li.over ul a { color: #fff; background: #193c5c;  border: none !important;}

#topnav li ul li a:hover, 
#topnav li ul li:hover a, #topnav li ul li.over a,
#topnav li ul li:hover ul a:hover, #topnav li ul li.over ul a:hover,
#topnav li ul li ul li:hover a, #topnav li ul li ul li.over a,
#topnav li ul li ul li:hover ul a:hover, #topnav li ul li ul li.over ul a:hover,
#topnav li ul li ul li ul li:hover a, #topnav li ul li ul li ul li.over a,
#topnav li ul li ul li ul li:hover ul a:hover, #topnav li ul li ul li ul li.over ul a:hover { color: #fff; background: #1c1c1c; border: none !important;}

.top-level { padding-right: 2px!important; background: url('/pics/topnav_sep.gif') no-repeat right 11px; }

#topnav li a bdi:after, #topnav li a li a bdi:after, #topnav li a li a li a bdi:after{ content: " \2192";}

/* Index properties */
#index-wrapper { background: url('/pics/index_bg.png') repeat-y left top; }
#index-top, #columns { width: 960px; }
#columns {
    width: 960px;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    position: relative;
    background: url('/pics/column_bg.jpg') no-repeat;
    display: grid;
    grid-template-columns: 50% 50%;
	justify-items: center;
}
#ls-shadow {position: absolute; width: 40px; height: 422px; left: -40px; top: -11px; background: url('/pics/ls-shadow.jpg') no-repeat;}
#rs-shadow {position: absolute; width: 40px; height: 394px; right: -40px; top: -11px; background: url('/pics/rs-shadow.jpg') no-repeat;}
/*#magnet-container{grid-column: 1/3;}*/
#left-column {
    /* margin-left: 165px; */
    width: 95%;
    /* margin-right: 10px; */
}
#center-column {margin-left: 10px; width: 306px; margin-right: 10px;}
#right-column {
    /* margin-left: 10px; */
    width: 95%;
    margin-right: 0;
}
#index-top { margin: 0 auto 0; height: 412px; background: url('/pics/index_top_bg.jpg') no-repeat; } 
#overlay {position: absolute; top: 0; width: 705px; height: 383px; left: 5px; z-index: 500; background: url('/pics/overlap.png') no-repeat; pointer-events:none;}

/* Homepage Sections */
section { position: relative; margin-bottom: 20px; }

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content section h2 a { width: 100%; height: 75px; position: relative; z-index: 300;}
#wrapper-index .content #coast h2 a {
    background: url('/pics/coast_section_header.jpg') no-repeat center/ 102% 97%;
}
#wrapper-index .content #iprep h2 a {background: url('/pics/iprep.jpg') no-repeat center/ 102% 97%;}
#wrapper-index .content #liberal h2 a {background: url('/pics/liberal.jpg') no-repeat center/ 102% 97%;}
#wrapper-index .content #pressroom h2 a {background: url('/pics/tigerShark_hdr.jpg') no-repeat center/ 102% 97%;}
#wrapper-index .content #dbm h2 a {background: url('/pics/dbm_frame_ver2.png') no-repeat center/ 102% 97%;}

/* Homepage Sections Containers */
.container {
    background: url('/pics/container_bg.jpg') no-repeat bottom/ cover #fff;
    position: relative;
    z-index: 200;
    margin-top: 0;
    padding: 20px;
    height: 125px;
    box-shadow: 0 0 3px #becdd9;
    -moz-box-shadow: 0 0 3px #becdd9;
    -webkit-box-shadow: 0 0 3px #becdd9;
    behavior: url('/shared/pie.htc');
}
.container .frame {position: relative; z-index: 400; margin: 0 13px 0 0 ; float: left; display: inline-block; border: 1px solid #fff; width: 118px;  height: 77px; box-shadow: 0 0 4px #c4cacf; -moz-box-shadow: 0 0 4px #c4cacf; -webkit-box-shadow: 0 0 4px #c4cacf; behavior: url('/shared/pie.htc');}
.container .text {font-size: 13px; color: #000000; line-height: 17px}

#coast .frame {background: url('/pics/bmb_0808.jpg') no-repeat;}
#coast .frame {background: url('/pics/New_coast_hp.png') no-repeat;}
#iprep .frame {background: url('/pics/iprep_frame.jpg') no-repeat;}
#liberal .frame {background: url('/pics/liberal_frame.jpg') no-repeat;}
#dbm .frame {background: url('/pics/dbm_pic.jpg') no-repeat;}

/* Message */
#message {position: relative; float: left; display: inline; width: 215px; height: 340px; margin: 27px 0 0 11px; padding: 0 25px 0 0;}
#message h2 {margin:-9px 0 0 25px; position: relative; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 24px; text-shadow: 1px 1px 2px #6a7643; color:#fff; line-height:18px; text-align:right; }
#message h2 span { font-size:16px;}
-moz-text-shadow: 1px 1px 2px #6a7643; -webkit-text-shadow: 1px 1px 2px #6a7643; color: #fff; line-height: 20px; height: 25px;}
#message #text {font-size: 13px; color: #fff; line-height: 21px; margin-top: 33px; position: relative;}
#message a {display: block; font-size: 13px; color: #98b950; text-decoration: underline; font-weight: bold; margin-bottom: 20px;}
#message #name {font-size: 13px; color: #fff; line-height: 23px;}
#message #photo {position: absolute; width: 105px; height: 149px; bottom: 0; right: -1px; background: url('/pics/principal-photo-2.png') no-repeat;}
#message a.applyTdy {margin-bottom:5px !important;}


#message #agrschoo {position: absolute; display: block; width: 200px; height: 60px; bottom: 106px; right: 25px; background: url('/pics/aschoolflag.png') no-repeat; pointer-events:none;}


/* Other homepage section extras */
.dark {background-color: #193c5c !important; color: #fff !important;}
.light {background-color: #fdfafa !important; }
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}

/* Image shuffles */
#slideshow { position: relative; width: 699px; height: 381px; margin: 0 0 0 10px; float: left;}

/* Page navigation */
#pageNav #top-slant {position: absolute; background: url('/pics/pagenav_top.jpg') no-repeat; width: 256px; height: 30px; left: -3px; top: -28px;}
#pageNav {z-index: 400; position: relative; margin-left: 15px; border: 0; font-size: 14px; background: url('/pics/pagenav_bg.gif') repeat-y #edf0f1; box-shadow: 0 0 4px #cfcfd1; -moz-box-shadow: 0 0 4px #cfcfd1; -webkit-box-shadow: 0 0 4px #cfcfd1; behavior: url('/shared/pie.htc');}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0!important; margin: 0 auto!important; width: 250px;  height: auto!important;  }
#pageNav ul li { padding: 0 0 0!important; margin: 0 20px 0!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: 10px 0 10px 0; margin: 0; display: block; font-size: 14px; text-align: left; position: relative; z-index: 0; border-bottom: 1px solid #c9d6e1;
font-weight: bold;}
#pageNav ul li:last-child a {border-bottom: 0;}
#pageNav ul li b,#pageNav ul li a:hover { background: #; color: #1d476c;  }
#pageNav ul li a { text-decoration: none; color: #98b950; background: #; }

/* Footer */
#footer { width: 960px; height: 110px; position: relative; margin: 0 auto; bottom: 0; text-align: left; background: #; }
#footer .inside { height: 60px; margin-top: 0; position: relative; background: url('/pics/footer_bg.jpg') no-repeat; }
#footer #name { color: #fff; text-decoration: none; font-size: 13px; top: 20px; left: 110px; position: absolute;}
#logo { width: 104px; height: 100px; background: url('/pics/footer_logo.png'); position: absolute; left: -12px; top: -20px; }
#district-logo { width: 104px; height: 104px; background: url('/pics/mdpslogo.png') no-repeat center center; position: absolute; right: -13px; top: -20px; }
#address-left { color: #fff; padding: 0 0 0 0; margin: 0; font-size: 13px;  position: absolute; left: 468px; top: 14px; }
#address-right { color: #fff; padding: 0 0 0 0; margin: 0; font-size: 13px;  position: absolute; left: 653px; top: 14px; }
#edunet { width: 189px; height: 25px; background: url('/pics/edunet.png') no-repeat; position: absolute; left: 386px; top: 75px; }


img.sub {border:none; margin-left:20px;}
img.enlarge {display:none;}

div#carousel579Div {border:none!important;}
div#carousel579Div-carouselwrap { display:none!important; }
#carousel579Div div.carouselInfo { bottom:13px!important;}
#carousel579Div-carouselwrap {display: none !important;}
#carousel579Div-infooverlaycontainer { z-index:505!important; }

#index-header-logo { position:relative; margin:18px 0 0 26px;}

#marquee {height:24px; position:relative; top:-10px;right:240px;}

#staff.staffR1.staff-v-1 caption div {border-bottom:none !important; background:none !important; height:1.9em !important;}

#social {position:absolute; bottom:15px; left:310px; width:150px; height:30px;}
#social a {font-size:0;}
#social #facebook {position:absolute; left:0; width:30px; height:30px; background:url('/pics/facebook.png') no-repeat; display:none;}

#social #twitter {position: absolute; left:35px; width:30px; height:30px; background:url('/pics/twitter.png') no-repeat; display:block;}

#social #instagram {position: absolute; left:0px; width:30px; height:30px; background:url('/pics/instagram.png') no-repeat; display:block;}

.a-school {position:absolute; font-family: 'Ubuntu', sans-serif; font-size: 18px; text-shadow: 1px 1px 2px #6a7643; color:#E8FF96; right:11px; bottom:10px;}

#pressRoom {text-align:center; margin:-9px 0 0 0; display:block; width:230px;}


#enCountdownDiv {
			display: inline-block;
			position: absolute;
			top: 20px;
			left: 800px;
			z-index: 1000;
}

#appdue {text-align:center; width:450px; height: 110px!important; margin-top:30px!important; background:url('/pics/appduebg.png') repeat-x bottom #fff; margin:0 auto; padding:10px 0; margin-bottom:30px; border:1px solid #C4CBD3;}
#appdue h2 a {text-decoration:none; text-transform:uppercase; color:#193C5C; font-size:25px;}
#appdue p {font-size:38px; font-weight:bold; color:#7EA93D; margin: 14px 0 0 0; padding:0; text-shadow:0px 0px 1px #fff;}
#appdue span {margin:0 10px; font-size:18px; color:#666;}


.msa-award{position: absolute; right: 0px; top: 5px; z-index:999;}
.msa-award-excellence {position: absolute; left: 0px; top: 5px; z-index:999;}



#alert-box {position:absolute !important; top:100px !important; margin-top:0 !important; width:600px;}


#logoAnim {width: 150px;height: 125px;position: absolute;left: 0;top: -20px;}




.msa-award2 {
    position: absolute;
    left: 0px;
    top: 5px;
    z-index: 999;
}