@font-face {
    font-family: 'EnriquetaBold';
    src: url('fonts/enriqueta/enriqueta-bold-webfont.eot');
    src: url('fonts/enriqueta/enriqueta-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/enriqueta/enriqueta-bold-webfont.woff') format('woff'),
         url('fonts/enriqueta/enriqueta-bold-webfont.ttf') format('truetype'),
         url('fonts/enriqueta/enriqueta-bold-webfont.svg#enriquetabold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'EnriquetaRegular';
    src: url('fonts/enriqueta/enriqueta-regular-webfont.eot');
    src: url('fonts/enriqueta/enriqueta-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/enriqueta/enriqueta-regular-webfont.woff') format('woff'),
         url('fonts/enriqueta/enriqueta-regular-webfont.ttf') format('truetype'),
         url('fonts/enriqueta/enriqueta-regular-webfont.svg#enriquetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaaregular';
    src: url('fonts/comfortaa/comfortaa_regular-webfont.eot');
    src: url('fonts/comfortaa/comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa/comfortaa_regular-webfont.woff') format('woff'),
         url('fonts/comfortaa/comfortaa_regular-webfont.ttf') format('truetype'),
         url('fonts/comfortaa/comfortaa_regular-webfont.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaabold';
    src: url('fonts/comfortaa/comfortaa_bold-webfont.eot');
    src: url('fonts/comfortaa/comfortaa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa/comfortaa_bold-webfont.woff') format('woff'),
         url('fonts/comfortaa/comfortaa_bold-webfont.ttf') format('truetype'),
         url('fonts/comfortaa/comfortaa_bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaathin';
    src: url('fonts/comfortaa/comfortaa_thin-webfont.eot');
    src: url('fonts/comfortaa/comfortaa_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comfortaa/comfortaa_thin-webfont.woff') format('woff'),
         url('fonts/comfortaa/comfortaa_thin-webfont.ttf') format('truetype'),
         url('fonts/comfortaa/comfortaa_thin-webfont.svg#comfortaathin') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif; }


/* ---------------------------------------------------------------------------------
FONTS, GENERAL, MISC
------------------------------------------------------------------------------------ */

h1, h2, h3, h4 { font-family:EnriquetaBold; font-weight:normal; }

h1 { color:#283f64; font-size:2.8em; line-height:1.2em; text-shadow: -1px 1px 0 #333; }
h2, h2 a { color:#283f64; font-size:2.0em; line-height:1.5em;  }
.content-inner h2, .content-inner h2 a { margin: 0 0 0.5em; padding: 0.2em 0; }
h3, h3 a, p.title { color:#4cad25; font-size:1.6em; line-height:1.3em; }
h4, h4 a { text-transform:uppercase; color:#666; font-size:1.2em; line-height:1.3em; }
p, li { color: #373434; font-size: 1.0em; line-height: 1.8em; margin-bottom: 1.2em; }
ul, ol { margin:1em 0; list-style:circle; }
li { margin:0.3em 0; }

a, a:visited, a:active { color:#020e1f; }
a:hover { color:#999; text-decoration:none; }

.content-inner a { border-bottom:1px dotted #999; }
.content-inner a:hover { border-bottom:0px dotted #999; }


.intro { border-bottom: 1px solid #283f64 !important; border-top: 1px solid #283f64 !important; color: #283f64; font-family: EnriquetaBold; font-size: 2.5em; line-height: 1.4em; margin: 0 0 1.2em; padding: 0.5em 0; text-align: center;
}
.intro span { color: #999999; display: block; font-family: tahoma; font-size: 0.4em; line-height: 1.4em; text-transform: uppercase;}
hr { background:url("../images/dots.png") repeat left top; height:15px; border:0; }


/* ---------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------ */

/* Top MCPS Button ---------------------------- */

.btn-default { color:#000; font-size:11px; background:transparent; background-image: none; background-repeat: no-repeat; border:0; text-shadow:none; box-shadow:none; margin-top:3px; }
a:hover.btn-default { color:#000; background:transparent; }

/* END - Top MCPS Button ---------------------------- */

.site-header { position:relative; display:block; background:#fff; }
.masthead { background:#152b48; margin:0 auto; text-align:center; }
.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
	width:1100px;
	height:130px;
	background:url(../images/logo-2.jpg) center center no-repeat;
	text-indent:-9999px;
}
address { margin:0; color:#4cad25; line-height:0; text-indent:-9999px; }

/* ---------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------------ */

.navbar {
    min-height:20px;
	background:transparent;
    border: 0 none;
	border-bottom:1px dashed #4cad25;
	border-top:1px dashed #4cad25;
    box-shadow: none;
    margin:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */	
	}

.navbar .container {
	background:#283f64;
	margin:1px 0;
	width:100%;
	max-width:100%;
}

.navbar .container .nav-wrapper { margin: 0 auto; max-width:1170px; }

.navbar-default .navbar-nav > li > a {
    font-family:comfortaaregular;
	color: #fff;
	font-size:1.1em;
    font-weight: normal;
	padding:0.6em 1.2em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	border:0;
	text-transform:uppercase;
}

.navbar-default .navbar-nav > li > a:hover { color: #4cad25; }

.nav {
    text-align: center;
    width: 100%;
}

.nav li{
    display:inline;
	float:none;
}
.nav a{
    display:inline-block !important;
}



/* ---------------------------------------------------------------------------------
SIDEBAR LEFT
------------------------------------------------------------------------------------ */

a.btn-map {
    background: #283f64;
    color: #fff;
    padding: 0.25em 0.75em;
    text-decoration: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}

a:hover.btn-map { color:#fff; background:#020e1f; }


	
/* ---------------------------------------------------------------------------------
SIDEBAR NAVIGATION
------------------------------------------------------------------------------------ */

#sb-menu1 ul li ul, 
#sb-menu2 ul li ul { 
	padding:0; 
	background:#4cad25;  
	border: 1px solid #368f13;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}


.school-info-box { margin-bottom:2em; }
.school-info-box p { color:#666;}

.school-info-box h4 {
    border-bottom: 1px dashed #152b48;
    color: #283f64 ;
    font-family: comfortaaregular;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0;
    padding: 10px 0 15px;
    text-align: center;
}

.list-group { 	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */ 
	box-shadow: none; }	

nav.list-group ul, nav.list-group ul li { list-style:none; margin:0; padding:0; }	

li.secondary-menu h2 {
    font-family:comfortaaregular;
	color: #152b48;
    font-size: 1.2em;
    margin: 0;
    padding: 0.4em 0;
    text-align: left;
	text-transform:uppercase;
}

nav.list-group ul li.secondary-menu { padding:0;}

nav.list-group ul li a {
    border-bottom: 1px dashed #368f13;
    color: #FFFFFF;
    display: block;
    font-family: tahoma;
    font-size: 0.85em;
    font-weight: normal;
    padding: 0.3em 1em;
    text-align: left;
	text-transform:uppercase;
}

nav.list-group ul li a:last-child { border:0; }

nav.list-group ul li a:hover { color:#fff; background:#368f13; text-decoration:none; }		
	

/* ---------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------ */

.container { max-width: 1170px; }

#content { 
	padding:3em 0;
	background:#fff url(../images/dots.png) repeat left top;
	padding: 0;
}
#content .container { 
	background:#fff;
	padding:1.5em 1%;

  	-webkit-box-shadow: 4px 2px  #efefef,  -4px 0 2px #efefef;   
	-moz-box-shadow: 4px 0 2px #efefef,  -4px 0 2px #efefef;   
	box-shadow: 4px 0 2px #efefef,  -4px 0 2px #efefef; 

    }


#content .container .row { padding:0; }

.main-content .content-inner { background:#fff; padding:0 2% 3em 2%; }


/* ---------------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------------------ */


article.list-group {
	display:block;
	overflow:auto;
	}

.list-group-item {
	border:0;
	padding:2.5em 1% 3.5em 1%;
	border-bottom:2px dashed #f3f3f3;
	border-top-left-radius:0px;
    border-top-right-radius:0px;
	background-color:transparent;
}

article.list-group h3 {
    font-family:comfortaaregular;
	margin: 0;
	margin-bottom:0.3em;
    padding:0;
	font-size:1.8em;
	border-bottom:1px dashed #ccc;
}

.list-group-item p {
    color: #333333;
    font-size: 95%;
	line-height:1.5em;
	margin-bottom:0;
}

a.list-group-item {
    color: #555555;
    display: block;
    overflow: auto;
	background:url(../images/dots.png) repeat-x scroll left bottom #FFFFFF;
}


a:hover.list-group-item { background:url(../images/dots.png) repeat-x left bottom #fff; border-bottom: 1px dotted #f3f3f3; }
a:hover.list-group-item h3 { color:#999; border-bottom:1px dashed #f3f3f3; }
a:hover.list-group-item p { color:#999; }

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


/* ---------------------------------------------------------------------------------
SIDEBAR BLOCK
------------------------------------------------------------------------------------ */

.search,
#sb-menu3,
.sb-block,
.UpcomingEventsSchoolBlock .calendar {
	padding:0.5em;
	background:transparent;
	margin-bottom:2em;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}

.sbr-2 { margin-bottom:2em; text-align:center; margin-top:3em; }
	
aside.sb-block img {
	padding:5px;
	background:#fff;
	-moz-box-shadow:    0px 0px 4px 4px #f7f7f7;
	-webkit-box-shadow: 0px 0px 4px 4px #f7f7f7;
	box-shadow:         0px 0px 4px 4px #f7f7f7;
	
	}

aside.sb-block a:hover {
	opacity:0.6;
	}


#twitter-widget-0 { margin:0 auto; }

.sbr-1 { text-align:center; padding:1em 0; margin-top:5em; }

aside.sb-block img,
.sbr-1 img {
	padding:2px;
	background:#fff;
	-moz-box-shadow:    0px 0px 4px 4px #f7f7f7;
	-webkit-box-shadow: 0px 0px 4px 4px #f7f7f7;
	box-shadow:         0px 0px 4px 4px #f7f7f7;
	}

aside.sb-block a:hover,
.sbr-1 a:hover {
	opacity:0.6;
	}
	
		
/* ---------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------------ */

.search {
	overflow:auto;
	}

.searchtext,
.searchbtn {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
}

.searchtext { width: 60%; }

.searchbtn {
	width: 34%;
	margin-left:4%;
	color:#fff;
	background-color:#428bca;
	border-color:#357ebd;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    background: #283f64;
    border: 0 none;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}

.searchbtn:hover { background:#000; }


/* Search -------------------------------------------------------- */

.search {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
	display:block;
}

.bluelink {
    float: right;
    margin: 0;
    padding: 0;
    width: 30%;
}

.three-column .search { margin-bottom:15px; }

.three-column .bluelink {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom:15px;
}

.one-column .search { width:25%; }

/* ---------------------------------------------------------------------------------
SIDEBAR - CALENDAR
------------------------------------------------------------------------------------ */


.UpcomingEventsSchoolBlock .calendar {
	background:#283f64;
	padding:10px 0 40px 0;
	border:1px solid #152B48;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */		
	}

.UpcomingEventsSchoolBlock .calendar h4 {
    font-family:comfortaaregular;
	color: #e0e0e1;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3em;
    margin:0;
	text-align:center;
	padding:10px 0 15px 0;
	border-bottom: 1px dashed #152b48;
}

.UpcomingEventsSchoolBlock .calendar p {
    border-bottom: 1px dashed #152b48;
    color: #fff;
    display: block;
    font-size: 1.0em;
    line-height: 1.5em;
    margin: 0 5%;
    overflow: auto;
    padding: 8px 0;
	text-align: center;
}

.UpcomingEventsSchoolBlock .calendar p a { color:#e7e7e7; text-decoration:underline; display:block; }
.UpcomingEventsSchoolBlock .calendar p a:hover { color:#ccc; text-decoration:none;}

.UpcomingEventsSchoolBlock .calendar p strong {
    color: #9babc5;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
	display:block;
	text-transform:uppercase;
}
.UpcomingEventsSchoolBlock .calendar p br { display:none; }
aside.btn-calendar { border-bottom: 3px solid #f3f3f3; margin-bottom: 30px; margin-top: -45px; padding-bottom: 12px; }
.btn-calendar p { margin:20px 0; text-align:center; }	
.btn-primary { 
	color: #FFFFFF !important;
    font-size: 90%;
	background: #4cad25; 
	border: 0 none; 
	-moz-box-shadow:none; 
	-webkit-box-shadow: none; 
	box-shadow:none;
	}

.btn-primary:hover { background: #152B48; }


/* ---------------------------------------------------------------------------------
MISC
------------------------------------------------------------------------------------ */

#webcalendar1 .rsContent table { float: left; }

.img-responsive, .content-inner img { 
	border: 3px solid #fff; 
	display: block; 
	height: auto; 
	margin:15px 2%; 
	max-width: 98%; 
	padding:0;
	background:url(../images/dots.png) top left repeat;
  -moz-box-shadow:    0 0 4px 2px #CCCCCC;
  -webkit-box-shadow: 0 0 4px 2px #CCCCCC;
  box-shadow:         0 0 4px 2px #CCCCCC;
}

img.img-nostyle {
	border:0px solid #fff; 
	display: block; 
	height: auto; 
	margin:15px auto; 
	max-width: 98%; 
	padding:0;
	background:transparent;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
	}

img.staffprinticon { max-width:30px; }

/* ---------------------------------------------------------------------------------
DISPLAY NONE
------------------------------------------------------------------------------------ */

#sb-menu3, aside.sb-block { display:none; }


/* ---------------------------------------------
SLIDESHOW
------------------------------------------------ */

.pika-stage, .pika-textnav { width: 100% !important; }
.content-inner iframe { border:5px solid #ccc; }
.pika-stage img { margin:0 auto !important; }	
.pika-textnav { bottom: 10px; margin:10px 0 0 !important; overflow: hidden; }	
.clip img {  height:auto !important; width:98% !important; margin:0 !important; padding:0 !important; }
div.jcarousel-skin-pika { display:block; margin-top:20px; }
.pika-stage { background:transparent !important; border:0 !important; }
.pika-stage .caption { left:0 !important; right:0 !important; top:0 !important; bottom:auto !important; text-align: center !important; }
.pika-counter { left:50% !important; bottom:10px !important; }
.pika-stage img { margin-top:40px !important; }

div.slideshow { position:relative; }
div.slideshow p { margin:0; padding:0; background:transparent;}

p.slideshow-btn {
    position: absolute;
    text-align: center;
    top: 70%;
	text-align:center;
	width:100%;
}

p.slideshow-btn a {
	border:0 !important;
	width:50%;
	font-size:120%;
	padding:10px 0;
}


.slideshow-btn {
    background: none repeat scroll 0 0 #4cad25;

}



/* ---------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------ */

.footer { background:#4CAD25; color:#fff; border-top:10px solid #42A01C; }
.footer p { color:#e7e7e7; }
.mcps-info, .credits, .tron-login { border-bottom: 1px solid #42A01C; border-top: 1px solid #55B82D; margin: 0; padding: 2em 0; }
.credits { color:#e7e7e7; text-align:center; font-size:0.8em; line-height:1em; border-top:0; }
.mcps-logo { background:url(../images/ftr-mcps-logo.png) 5% top no-repeat; padding-top:75px; }
.mcps-logo p { font-size:0.8em; line-height:1.5em; }
.footer ul, .footer li { list-style:none; margin:0; padding:0; }
.footer li { line-height:1.5em; }
.footer li a { color:#90d774; border-color:#55B82D; display: block; font-size: 0.9em; padding: 0.2em 0.8em; text-decoration: none; border:1px solid #55B82D; margin-bottom:2px; }
.footer li a:hover { color: #ccc; border-color:#ccc; }

ul#global-footerNav, ul#global-footerLegal { width:50%; float:right; }	
.tron-login { border-bottom:0px; text-align:center }	
.tron-login a { opacity:0.4; color:#e7e7e7; }	
.tron-login a:hover { opacity:1; }	




/* ---------------------------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------------------------------ */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 240px) 
and (max-width : 768px) {
/* Styles */

.container { max-width:100%; }
.masthead { background:#fff;}
.masthead h1 { font-size: 2em; }
.masthead h1, .masthead address { text-align:center;}

.masthead h1 {
    background: url(../images/logo-290.png) no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 56px;
    margin: 18px 0;
    position: static;
    text-indent: -9999px;
    width: 100%;
}

address { display:none; }

#content .container { padding: 1em 1%; }

.main-content .content-inner { padding-left:5%; padding-right:5%; }
.slideshow { display:block;}

.list-group-item { padding: 1em 0 2em; }
article.list-group h3, .list-group-item p { float:none; width:100%; }
article.list-group h3 { margin-bottom:12px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.navbar-default .navbar-nav > li { margin:0; }
.navbar-default .navbar-nav > li > a { border-bottom:1px dashed #b3d8ff; padding:0.5em 0; width:100%; }
.navbar-default .navbar-nav > li > a:last-child { border-bottom:0;}
.navbar-default .navbar-nav > li > a:hover { color:#000; background:#b3d8ff; }
.nav-wrapper { margin-bottom:0; }

.nav li { display: block; }

.mcps-logo { background-position:center top; }
.school-info-box { background-image:none; text-align:center; }

.UpcomingEventsSchoolBlock .calendar p, .UpcomingEventsSchoolBlock .calendar p strong { text-align:center; display:block; border-right:0; }

.sidebar-1, .sidebar-2 { width:96%; margin:0 auto; }
.sbr-1 p { width:50%; float:left; }
.sbr-1 p img { width:90%; margin:0 auto; }
.search { clear:both; margin-top:24px; }
.searchtext, .searchbtn { display:block; width:100%; margin:0; margin-top:10px; }
.searchtext { margin:0;}

ul#global-footerNav, ul#global-footerLegal {
    margin: 0 3%;
    width: 44%;
}

.row { margin-left: 0; margin-right: 0; }
.col-md-6  { padding:0; }

p.slideshow-btn a {
    width:70%;
}

.img-responsive, .content-inner img { margin-left:auto; margin-right:auto; }

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 1600px) {
/* Styles */

.school-info-box { background-image:none; }
.UpcomingEventsSchoolBlock .calendar p, .UpcomingEventsSchoolBlock .calendar p strong { text-align:center; display:block; border-right:0; }

.row { margin-left: 0; margin-right: 0; }
.col-md-6  { padding:0; }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1601px) {
/* Styles */

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */	


.school-info-box { background-image:none; }
.UpcomingEventsSchoolBlock .calendar p, .UpcomingEventsSchoolBlock .calendar p strong { text-align:center; display:block; border-right:0; }
.searchtext, .searchbtn { display:block; width:100%; margin:0; margin-top:10px; }
.searchtext { margin:0;}
.nav li { display: inline-block; }

}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

.navbar-toggle { display:none; }
.navbar-default .navbar-nav > li > a {
    font-size: 0.85em;
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 10px;
	border:0;
}
#mcps-link { font-size:9px;}
.sbr-1 p { width:20%; float:left; }
.sbr-1 p img { width:90%; margin:0 auto; }

}