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

}


body {
	background:#fff url(../images/hdr-bg.jpg) top left repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	}


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

h1, h2, h3, h4 {
	font-family:ChunkFive;
	font-weight:normal;
	margin:0;
	}

h1 {
	color:#255fb1;
	font-size:2.2em;
	line-height:1.2em;
	}
	
h2, h2 a {
	color:#6bdc67;
	font-size:2.2em;
	line-height:1em;
	text-transform:uppercase;
	margin-bottom:35px;
	}

h3, h3 a {
	color:#5083c1;
	font-size:1.6em;
	line-height:1.3em;
	margin:10px 0;
	}

a h3 { text-decoration:underline; }
a:hover h3 { text-decoration:none; color:#999; }

h4, h4 a {
	text-transform:uppercase;
	color:#999;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:normal;
	margin:10px 0;
	}
	
hr {
	background:transparent url(../images/hr-bg.jpg) top left repeat-x;
	height:11px;
	border:0;
	}

p {
    color: #444;
    font-size: 0.95em;
    line-height: 1.8em;
    margin-bottom: 1.2em;
}

li {
    color: #444;
    font-size: 0.95em;
    line-height: 1.2em;
	}

a:link { color:#4D81C1; text-decoration:underline; }
a:visited { color:#4D81C1; }
a:hover { color:#666; text-decoration:none; }
a:active { color:#4D81C1; }


a#mcps-link { font-size:0.7em; text-decoration:none; }

.col-md-9 .content-inner a:link {
    border-bottom: 1px dotted #ccc;
    color: #336699;
    text-decoration: none;
}

.col-md-9 .content-inner a:hover {
    border-bottom: 0px dotted #ccc;
    color: #999;
    text-decoration: none;
}


.intro {
	font-family:ChunkFive;
	font-size:2.0em;
	line-height:1.4em;
	color:#5083c1;
	margin-bottom:0.5em;
	text-align:center;
	}

.intro span {
    color: #999999;
    display: block;
    font-family: tahoma;
    font-size: 0.4em;
    line-height: 1.4em;
    text-transform: uppercase;
}
	
	
.blue { color:#5083c1;}
.green { color:#6BDC67;}


p.top {
	margin:30px 0 20px 0;
	padding:10px 2%;
	text-align:right;
	border-top:1px dashed #e7e7e7;
	}

.col-md-9 .content-inner .top a:link {
	color:#999;
	font-size:10px;
	text-decoration:none;
	border:0;
	}

.col-md-9 .content-inner .top a:hover {
	color:#333;
	}

p.back {
	background:#FCFCFC;
	margin:50px 0 20px 0;
	padding:15px 0;
	text-align:center;
	border-top:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
	}

p.back a:link {
	border-bottom:0 !important;
	}
	

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

.clear { clear:both; }

#webcalendar1 {
	width:80%;
	}

#webcalendar1 .rsContent table {
    float: left;
}

a:link.list-group-item  { text-decoration:none; }

a.btn-primary:link {
	font-size:0.9em;
    background: #5083C1;
    border: 0 none;
    color: #FFFFFF;
    text-decoration: none;
}

a:hover.btn-primary:link {
    background: #999;
    color: #fff;
	
}
	
.btn-print {
	float:right;
	}

.col-md-9 .content-inner  a.btn-print {
	border:0;
	}
	
.lead {
    color: #666;
    font-size: 1.25em;
    line-height: 1.9em;
}	


.breadcrumbs { color:#999; font-size:10px; padding-bottom:10px; border-bottom:1px dashed #F3F3F3; margin-bottom:20px; }
.col-md-9 .content-inner .breadcrumbs a:link { color:#999; text-decoration:underline; border:0; }
.col-md-9 .content-inner .breadcrumbs a:hover { color:#333; }


.pic-caption {
	color:#666; 
	font-size:12px; 
	padding-bottom:10px; 
	margin-bottom:20px; 
	text-align:center;
	}

.pic-caption img {
	display:block;
	margin:10px auto 20px auto !important;
	}	

.well {
    background: none repeat scroll 0 0 #F8F8F8;
    border: medium none #CCCCCC;
    color: #666666;
    font-size: 0.8em;
    margin-top: 40px;
    padding: 8px 15px;
}


blockquote {
    color: #6BDC67;
    font-size: 1.8em;
	line-height:1.6em;
	font-style:italic;
}

blockquote span {
    color: #ccc;
    font-size:0.8em;
	display:block;
	text-align:left;
}


#box_left h3,
#box_right h3 {
	display:block;
	margin-top:30px;
	}

ul.classrooms {
    width: 100%;
	margin:20px 0;
	padding:0;
	}

ul.classrooms li {
    display: inline-block;
	*zoom: 1;
    *display: inline;	
    margin: 0px 0.3333%;
    padding:0 !important;
    text-align: center;
    width: 32%;
}

ul.classrooms li a {
    color:#fff !important;
	background:#6BDC67;
    display: block;
    padding: 40px 0 !important;
    border:0 !important;
	font-size:1.4em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

ul.classrooms li a:hover {
    color:#ccc !important;
	background:#999;
}

.pika-stage, .pika-textnav {
    width: 100% !important;
}

.content-inner iframe {
	border:5px solid #ccc;
	}
	
/* ---------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------ */

#content { 
	padding-bottom:30px; 
	background:#f9f9f9;
	}

.col-md-9 .content-inner {
	padding-left:5%;
	padding-right:5%;
	display:block;
	overflow:auto;
	}

#content .content-inner hr {
	height:0px;
	border:0;
	background:transparent;
	border-bottom:1px solid #fefefe;
	border-top:1px solid #f2f2f2;
	margin:30px 0;
	}

.col-md-9 .content-inner li {
	padding:5px 0;
	}
	
.col-md-9 .content-inner img {
	padding:3px;
	background:#fff;
	-moz-box-shadow:    0px 0px 4px 4px #e7e7e7;
	-webkit-box-shadow: 0px 0px 4px 4px #e7e7e7;
	box-shadow:         0px 0px 4px 4px #e7e7e7;
	margin:10px; 
	}	
	
/* ---------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------ */

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

.btn-default {
    color:#6f98d0;
	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:#fff;
	background:transparent;
}

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

.site-header {
	position:relative;
	}

.masthead h1 {
    background: url('../images/logo.png') repeat-x scroll center top;
    display: block;
    height: 88px;
    position: absolute;
    text-indent: -9999px;
    top: 45px;
    width: 558px;
}

address {
    text-indent: -9999px;
}

#banner {
	background:url('../images/banner.png') top center repeat-x;
	margin:0 auto;
	width:1170px;
	z-index:0;
	height:172px;
	margin-top:-40px;
	}



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

.navbar {
    margin-top: -10px;
}

.navbar-default .navbar-nav > li > a {
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.95em;
	text-decoration:none;
	padding: 10px 22px;
	}

.navbar-default .navbar-nav > li > a:hover {
	color:#1d8c19;
	}
	
.navbar-nav > li > a {
	padding: 10px 22px;
}

.nav-wrapper {
	background:#46b942;
	border:1px solid #2da42a !important;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; /* future proofing */
	-khtml-border-radius: 12px; /* for old Konqueror browsers */
	-moz-box-shadow:    inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow:         inset 0 0 1px #fff;
	
	background-color: #6bdc67;
    background-image: -moz-linear-gradient(top, #6bdc67, #30a52c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6bdc67), to(#30a52c));
    background-image: -webkit-linear-gradient(top, #6bdc67, #30a52c);
    background-image: -o-linear-gradient(top, #6bdc67, #30a52c);
    background-image: linear-gradient(to bottom, #6bdc67, #30a52c);
    background-repeat: repeat-x;
	}

.navbar {
    background-image: none;
    background-repeat: none;
    border-radius: 0;
    box-shadow: none;
}	

.navbar-default {
    background-color: transparent;
    border:0;
}

/* END - Navigation ---------------------------- */


/* ---------------------------------------------------------------------------------
SUBNAVIGATION
------------------------------------------------------------------------------------ */

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

ul.sub-nav {

	padding:0 1%;
	margin-bottom:10px;

	}

.sub-nav li { 
	display:inline-block; 
	padding:0 !important; 
	*zoom: 1;
    *display: inline;
}

.col-md-9 .content-inner .sub-nav li a {
	color:#fff;
	font-size:0.8em;
	display:block;
	background:#5083c1;
	padding:0.5em 1.0em;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; /* future proofing */
	-khtml-border-radius: 12px; /* for old Konqueror browsers */

	border:0;
	}

.col-md-9 .content-inner .sub-nav li a:hover {
	color:#fff;
	background:#6BDC67;
	text-decoration:none;
	}
	



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

a.btn-map {
	float:right;
	color:#fff;
	font-size:0.9em;
	background:#5083c1;
	padding:4px 6px;
	text-decoration:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	}

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

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

.list-group {
    border-radius: 0;
    box-shadow: none;
}	


.sidebar-1 h2 {
	font-size:1.2em;
	color:#6bdc67;
	margin-bottom:5px;
	}
	
nav.list-group ul, 
nav.list-group ul li {
	list-style:none;
	margin:0;
	padding:0;
	}	

nav.list-group ul { margin:10px 0 40px 0; } 

li.secondary-menu h2:first-word {
	color:#ccc;
	}
	
nav.list-group ul li.secondary-menu { padding:0;}

nav.list-group ul li a {
	font-size:1.1em;
	color:#666;
	display:block;
	padding:10px 5%; 
	border-bottom:1px dashed #e8e8e8;
	text-decoration:none;
	}		

nav.list-group ul li a:hover {
	color:#fff;
	background:#6bdc67;
	border-bottom:1px dashed #fff;
	text-decoration:none;
	}		
	
/* END - Sidebar Navigation ---------------------------- */




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

article.list-group {
	margin-bottom:50px;
	}

.list-group-item {
	border:0;
	padding:20px 15px;
	border-left:10px solid #f7f9f9;
	border-top-left-radius:0px;
    border-top-right-radius:0px;
	background-color:transparent;
	margin-bottom:15px;
}

.list-group-item h3 {
    margin:0;
}

.list-group-item p {
    color:#8f9099;
	margin-bottom:0.5em;
}

a:hover.list-group-item {
	border-left:10px solid #ccc;
}



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

.UpcomingEventsSchoolBlock .calendar h4 {
    color: #5083c1;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 10px 0;
	text-align:center;
}

.UpcomingEventsSchoolBlock .calendar p {
	color: #4D81C1;
    font-size: 1em;
    line-height: 1.4em;
    padding: 10px 0;
	margin:0;
	border-bottom:1px dashed #E8E8E8;
	text-align: center;
	}

.UpcomingEventsSchoolBlock .calendar p strong {
    color: #999;
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 5px 5px;
}


aside.btn-calendar {
	background:url('../images/hr-bg.jpg') repeat-x scroll left bottom;
	padding-bottom:12px;
	}

.btn-calendar p {
	margin:20px 0;
	text-align:center;	
	}	
	
	
/* ---------------------------------------------------------------------------------
SIDEBAR BLOCK
------------------------------------------------------------------------------------ */

.school-info-box p {
	color:#666;
	margin-bottom:8px;
	}
	
	
.school-info-box h4 {
	color:	#5083c1

	}
	


.search,
#sb-menu3,
.sb-block,
.sbr-1,
.sbr-2 {
	padding:36px 0;

}

.sbr-1 { text-align:center; }

aside.sb-block {
	text-align:center;
	background:url('../images/hr-bg.jpg') repeat-x scroll left bottom;
	display:none;
	} 
	
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;
	}

#sb-menu3 { display:none; }	

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

	
/* ---------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------------ */

.searchtext,
.searchbtn {
    background-color: #FFFFFF;
     border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    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;
}

.searchtext { width: 60%; }

.searchbtn {
	font-size:0.9em;
	width: 34%;
	margin-left:4%;
	color:#fff;
	background-color:#5083C1;
	border:0;
	text-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-image:transparent;
}

input:hover.searchbtn { background:#999; }



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

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

.three-column .search {
    float: none;
    margin: 0;
    padding: 0 0 30px 0;
    width: 100%;
	margin-bottom:15px;
	background:url('../images/hr-bg.jpg') repeat-x scroll left bottom;
	overflow:auto;	
}

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

/* ---------------------------------------------------------------------------------
STAFF DIRECTORY
------------------------------------------------------------------------------------ */


#box_left, #box_right {
	width:48%;
	float:left;
	}
	
#box_right {
	width:48%;
	float:right;
	}	
	
#employee p.employeename { font-weight: bold; }
#employee p { font-size:0.9em; line-height:1.2em; margin-bottom:5px; }


#employee {
	padding:10px 20px;
	background:#f9f9f9;
	}

.alternaterow {
	background:#f4f4f4 !important;
	}

#departmentList {
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
	}

#departmentList p {
	font-size:0.8em;
	line-height:1.8em;
	}

#departmentList p a:hover { text-decoration:none; }	
		




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

.footer {
	background:url('../images/bg-turtle.png') no-repeat scroll 90% 32% #4D81C1;
	border-top:12px solid #6bdc67;
	}


.mcps-info,
.credits,
.tron-login {
	border-bottom: 1px solid #4377B7;
    border-top: 1px solid #5387C6;
    margin: 0;
    padding: 24px 0;
	}

.credits {
	text-align:center;
	font-size:0.8em;
	line-height:1em;
	color:#b4c5da;
	}

.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;
	color:#b4c5da;
	}

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

.footer li a {
	font-size:0.80em;
	color:#b4c5da;
	display:block;
	padding:4px 10px;
	text-decoration:none; 
	}

.footer li a:hover { color:#fff; }
ul#global-footerNav { width:50%; float:right; }	
ul#global-footerNav li, ul#global-footerLegal li { line-height:0.8em; }


.tron-login { border-bottom:0px; text-align:center }	
.tron-login a { opacity:0.6; color:#fff; }	
.tron-login a:hover { opacity:1; }	






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



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

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
	background:#fff; 
}

.masthead,
header,
nav,
.navbar,
#content,
footer {
	width:100%; 
	margin:0px;   
	border:0px;
	padding:0;
	overflow-x:hidden;
	background:transparent;
	}
	
body { background:#fff; }
#banner { display:none; }
.masthead  { background:#1f5093; }
.masthead address { display:none; }

.masthead h1 {
    background: url('../images/banner-290.png') center center no-repeat;
    display: block;
    height: 46px;
    position: static;
    text-indent: -9999px;
    width: 100%;
	margin:15px 0;
}

h1, h2, h3, h4, p.intro { text-align:center; font-size:180%; line-height:120%; }
h2, h2 a { margin-top:24px; }
.list-group h3 { text-align:left; }

.navbar { background:#f7f7f7; margin:0; margin-bottom:20px; }
.navbar-toggle { display: block; float: none; margin: 10px auto; }

.navbar .container { width:100%; padding:0; }
.nav-wrapper {
    background: #6BDC67;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    overflow: hidden;
    padding: 0;
}

.navbar-nav { margin: 0; }

.navbar-nav > li > a {
    border-bottom: 1px dashed #60D25C;
    font-size: 1.1em !important;
    padding: 0.5em 5%;
    text-align: center;
}

nav.list-group ul li a {
    font-size: 1.2em;
    padding: 0.5em 5%;
    text-align: center;
}

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

.container { max-width: none; }

#content { padding-bottom: 0; }
.RecentNewsSchoolBlock .news, .sidebar-1, .sidebar-2 { border-top:8px solid #f3f3f3; padding-top:2em; }
.search, #sb-menu3, .sb-block, .sbr-1, .sbr-2 {
    padding:24px 0;
}
.sidebar-1, .sidebar-2 { background:#fafafa; }
.sbr-2 { text-align:center;}
nav.list-group ul li a { background:#E7E7E7; border-bottom: 1px dashed #FFFFFF; }
.school-info-box { text-align:center; }
a.btn-map { font-size: 1.2em; padding: 8px 16px; float:none; }

.searchtext { display: block; margin: 0 auto 12px; width: 100%; }
.searchbtn { width: 90%; }

.mcps-info, .credits, .tron-login { padding: 12px 0; }
.mcps-logo { background-position:center top; }
#global-footerLegal { width:50%; float:left;}
#global-footerNav li, #global-footerLegal li { text-align:center; }
.footer li a { font-size: 1em; }
.mcps-logo p { font-size: 0.95em; line-height: 1.6em; text-align: center; }

.img-responsive, .col-md-9 .content-inner img {
    clear: both;
    display: block;
    float: none;
    margin: 15px auto !important;
	max-width:90%;
}

.footer {
	background:#4D81C1;
	}

#box_left,
#box_right {
	float:none;
	width:100%;	
	}	

ul.classrooms {
	margin:5px 0;
	}
	
ul.classrooms li {
    display: block;
    margin:0;
    width: 100%;
}

.pikachoose {
    width: 100% !important;
}

.pika-stage, .pika-textnav {
    height: auto !important;
    width: 100% !important;
}

.pika-stage img {
    max-width:100%;
}


}

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

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

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.masthead,
header,
nav,
.navbar,
#content,
footer {
	width:100%; 
	margin:0px;   
	border:0px;
	padding:0;
	overflow-x:hidden;
	background:transparent;
	}
	
.container {
    width: 100%;
}

.navbar-nav > li > a {
    padding: 10px 12px;
}

}

/* 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-nav > li > a {
    padding: 10px 10px;
}


}