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

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

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




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


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

h1, h2, h3 { font-weight:normal; }
h1 { font-family:kreonbold; color:#255fb1; font-size:2.2em; line-height:1.8em; }
h2, h2 a { font-family:kreonbold; color:#37beff; font-size:2.6em; line-height:1.4em; margin:0.4em 0 0.5em 0; }
h3, h3 a, p.title { font-family:comfortaaregular; color: #fd7100; font-size: 1.8em; line-height: 1.2em; margin:2em 0 0.5em 0; }
h4, h4 a { font-family:comfortaaregular; text-transform:uppercase; color:#fd7100; font-size:1.2em; line-height:1.3em; margin:1.6em 0 0.5em 0; }	
hr { height:3px; border:0; background:#eef1f6 url(../images/bg-colorbar.png) top left repeat-x; margin:30px 0; clear:both; }
p, li { font-size:1em; line-height:2em; color:#645e5e; font-family:Tahoma, Geneva, sans-serif; }
p { margin-bottom:1.8em; }
a { color: #013c64; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }

.main-content a { text-decoration: underline; }
.main-content a:hover { text-decoration: none; }
.main-content .btn-primary { border-bottom:0; }
.main-content li, .main-content ol { padding:4px 0; }

.btn-default {
    color:#999;
	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; }

.tron-login a { color:#fff;}



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

.site-header { position:relative; }
.masthead { background: #013c64 url("../images/footer-bg.png") ;margin-top:3px; height:164px; overflow:hidden; }
.masthead h1 { background: url('../images/banner.png') no-repeat; display: block; height: 140px; text-indent: -9999px; width:850px; margin:20px auto; }
address { text-indent: -9999px; }
h2.intro { text-align:center; font-size:2.2em; margin-top:1em; }
.intro span { color: #999; display: block; font-family: comfortaaregular; font-size: 0.3em; line-height: 0.8em; text-transform: uppercase; }
p.intro { font-family:kreonregular; color: #666; font-size: 1.3em; line-height: 1.6em; margin-top:5px; }
	


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

.navbar {
    margin-top: 0;
	background:#37beff;
	font-family:Tahoma, Geneva, sans-serif;
	border-radius: 0;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;

	border-top:5px solid #ffb700;
}


.navbar-default .navbar-nav > li > a {
	font-family:kreonregular;
	color:#fff;
	text-transform:uppercase;
	font-size:1.1em;
	padding-left: 16px;
    padding-right: 16px;
	}

.navbar-default .navbar-nav > li > a:hover { color:#ffb700; }
.nav-wrapper { background:#37beff ; border:0; }


/* ---------------------------------------------------------------------------------
NAVIGATION - HORIZONTAL CENTER
------------------------------------------------------------------------------------ */

.nav { text-align: center; width: 100%; }
.nav li { display: inline; float: none; }
.nav a { display: inline-block !important; }


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

#content { padding-bottom:0px; }
#content .container { padding-bottom:100px; background: url("../images/Panda-bg.png") left bottom no-repeat; }

.one-column #content .container { background:transparent; }

.main-content .content-inner { padding:0 3%;}
.main-content .content-inner img { padding:5px; background:#eef1f6; border:1px solid #E6E2D0; }


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

.sidebar-1 { margin-top:15px; }
#sb-menu2 { padding-bottom:20px; }

a.btn-map {
	font-size:0.8em;
	color:#fff;
	background:#37beff;
	padding:6px 10px;
	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:#999; background:#fff; }
.school-info-box { padding:2em 5%; }
.school-info-box p { line-height:1.5em; margin-bottom:12px; }


.school-info-box h4 {
    font-size: 1.5em;
    margin-top: 0.5em;

    color: #fd7100;
    font-family: comfortaaregular;
  
    line-height: 1.3em;

    text-transform: uppercase;
}
/* ---------------------------------------------------------------------------------
SIDEBAR NAVIGATION
------------------------------------------------------------------------------------ */

.list-group { border-radius: 0; box-shadow: none; margin-bottom:40px; }	
nav.list-group ul, 
nav.list-group ul li {
	list-style:none;
	margin:0;
	padding:0;background:#37beff;
	}	

li.secondary-menu h2 {
	font-size:20px;
	font-family:comfortaaregular;
	color:#fff;
	text-transform:uppercase;
	border:0;
	border-top:2px dashed #ffb700;
	padding:10px 5px;
	margin:0;
	
	}

.secondary-menu ul { border:0; padding:0; background:#37beff; }

nav.list-group ul li a {
	font-size:1.2em;
	color:#fff;
	display:block;
	padding:0.5em 0.8em; 
	border-bottom:1px dashed #f2f2f2;
	line-height:1.6em;
	 background:#37beff; 
	}		

nav.list-group ul li a:hover {
	color:#fff;
	background:#ffb700;
	text-decoration:none;
	border-bottom:1px solid #F2F2F2;
	}		



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

.RecentNewsSchoolBlock .news {
	background:url(../images/bg-colorbar.png) top left repeat-x;
	margin: 40px 0 20px 0;
	padding-top:25px;
	}

article.list-group { margin-bottom:50px; }
.main-content a.list-group-item { border-bottom: 1px dashed #eef1f6; text-decoration:none; }

.list-group-item {
	border:0;
	padding:1.6em 2%;
	border-bottom: 1px dotted #eef1f6;
	background-color:transparent;
	margin-bottom:0;
}

a.list-group-item h3 { margin:0; margin-bottom:0.3em; }
a.list-group-item p { margin:0; font-size:1em; line-height:1.6em; }

a.list-group-item:hover h3 { color:#fff; }
a.list-group-item:hover { background:#ffb700; }
a.list-group-item:hover p { color:#fff; }

.list-group-item:first-child,
.list-group-item:last-child {
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 
}


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

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

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

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

#sb-menu3 { display:none; }	

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

.sbr-2 img {
	background:#eef1f6;
	padding:5px;
}

.sbr-1 { padding:30px 0 60px 0; }
.sbr-2 { padding-right:5%; }



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

.search { overflow:auto; }

.searchtext,
.searchbtn {
    background-color: #FFFFFF;
    border: 1px solid #E6E2D0;
    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-family:kreonregular;
	width: 34%;
	margin-left:4%;
	color:#fff;
	border:1px solid #37beff;
	background-color:#37beff;
	border-radius: 4px 4px 4px 4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}


/* 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%; }


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

.slideshow { position:relative; }
.slideshow img { border-top:5px solid #fff; border-bottom:5px solid #fff; padding:0; width:100%; margin:10px 0 20px 0; }
p.slideshow-btn { text-align:center; margin-top:-40px; }
p.slideshow-btn .btn-primary { font-size:120%; }
.pika-stage, .pika-textnav { width: 100% !important; }
.content-inner iframe { border:5px solid #ccc; }
	
	
/* ---------------------------------------------------------------------------------
CALENDAR
------------------------------------------------------------------------------------ */

.UpcomingEventsSchoolBlock .calendar { 
	background:#eef1f6 url(../images/dots.png) repeat top left;
	border:1px solid #eef1f6;
	text-align:center;
	padding:15px 0 40px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */	
	}

.UpcomingEventsSchoolBlock .calendar h4 {
	font-size:1.7em;
	margin-top:0.5em;
	}

.UpcomingEventsSchoolBlock .calendar p {
	font-size: 1.2em;
	line-height:1.4em;	
	color:#666;
	font-family:comfortaaregular;
	padding:10px 0;
	margin:0 5%;
	border-bottom:1px dashed #f3f3f3;
	}

.UpcomingEventsSchoolBlock .calendar p strong {
    font-size: 1em;	
	font-weight:normal;
    font-family:Tahoma, Geneva, sans-serif;
	color: #37beff;
    text-transform: uppercase;
}
	
.btn-calendar { margin-top:-20px; text-align:center; }


/* ---------------------------------------------------------------------------------
SPANISH
------------------------------------------------------------------------------------ */

p.spanish-btn {
	padding:8px 2% 16px 0;
	text-align:right;
	border-bottom:1px dotted #eef1f6;
	}

p.spanish-btn a {
	color:#fff;
	background:#37beff;
	font-size:0.8em;
	text-decoration:none;
	padding:8px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */	
	border:0;
	}

p.spanish-btn a:hover {
	color:#fff;
	background:#133F1C;
	}	


/* ---------------------------------------------------------------------------------
RESOURCES
------------------------------------------------------------------------------------ */


p.small { font-size:0.8em; }

.resources { margin:0; padding:0; width:100%; }
.resources td { width:25%; padding:0; text-align:center; vertical-align:top; padding:15px 0; }
.resources td img { width:60%; max-width:140px; margin:0 auto 10px auto; background:#fff; padding:10px; display:block; }


/* ---------------------------------------------------------------------------------
CALENDAR - TOP LIST
------------------------------------------------------------------------------------ */

ul#taxonomylist { margin:0; padding:0; list-style:none; }
ul#taxonomylist li {
    display: inline-block;
	*zoom: 1;
    *display: inline;
    margin: 0.25%;
    padding: 6px 0.25%;
    text-align: center;
    width: 18%;
}

ul#taxonomylist li a { color:#fff; background: #37beff; text-decoration:none; display:block; padding:0.5em 0.6em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
ul#taxonomylist li a:hover { color:#fff; background: #013c64; }

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

#box_left, #box_right {
	width:48%;
	float:left;
	}
	
#box_right {
	width:48%;
	float:right;
	}	
#box_left h3, #box_right h3 { padding:5px 0; margin-top:50px; }
.alternaterow { background-color: #fcfcfd; }
#employee { padding:15px 3%; }
#employee p.employeename { font-weight: bold; }
#employee p { font-size:0.9em; line-height:1.2em; margin-bottom:5px; }

#departmentList { padding: 10px 0; border-bottom:1px dotted #eef1f6; }
#departmentList p { line-height: 1.4em; margin: 0; }
#departmentList p a:hover { text-decoration:none; }	


/* ---------------------------------------------------------------------------------
TABLE
------------------------------------------------------------------------------------ */

.table { margin:2em 0; border:1px solid #ccc; }
.table th { color:#fff; background:#37beff; }
.table td { font-size:0.9em; color:#666; }

table.newsletter, table.newsletter td { border:0 !important; }
table.newsletter h3 { margin-top:1em; }


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

.footer {
	background:#013c64 url(../images/footer-bg.png) top left repeat;
	border-top:0px solid #ffb700;
	}
.footer-inner {
	background:url(../images/bg-colorbar.png) 0px 3px repeat-x;
}

.mcps-info,
.credits,
.tron-login {
    margin: 0;
    padding: 24px 0;
	}

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

.credits a {
	color:#eef1f6;
	text-decoration:underline;
	}

.credits a:hover {
	color:#fff;
	text-decoration:none;
	}

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

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

.footer li a {
	font-size:0.9em;
	line-height:1.6em;
	color:#eef1f6;
	display:block;
	padding:0px 8px;
	text-decoration:none; 
	}

.footer li a:hover { color:#ffb700; }
ul#global-footerNav { width:50%; float:right; }	

.tron-login { border-bottom:0px; text-align:center }	
.tron-login a { opacity:0.4; }	
.tron-login a:hover { opacity:1; }	


/* Misc -------------------------------------------------------- */

.searchbtn,
.btn-primary {
    font-family:kreonregular;
	color:#fff;
	background-image: none;
	background:#ffb700;
    border-color: #ffb700;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;	
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px; 
}


a.btn-primary:hover,
.searchbtn:hover {
    color:#eef1f6;
	background-image: none;
	background:#FD7100;
    border-color: #FD7100;
	text-shadow:none;
}

html.embed { background:transparent; }

.btn-print {
	float:right;
	margin:0;
	}
	
	

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



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

html { background:#fff; }
body { padding-top:5px; }
.intro { font-size:2em;}
p, li { font-size: 1.2em; line-height:1.6em; }

.navbar { margin:0; }
.navbar-collapse { max-height:none; }	
.navbar-toggle { display: block; float: none; margin: 10px auto; }

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

.masthead { background:#fff; height:auto; }
#banner { display:none; }
address { display:none; }
.sidebar-1 {
	border:0px solid #e6e2d0;
	background:#f3f3f3;
	margin-top:10px;
	padding:0 5%;
	}

.school-info-box p { text-align:left; }
#sb-menu2 { border-bottom:0px solid #E6E2D0; padding-bottom:12px; }
.sidebar-1 h2 { border:1px solid #e6e2d0; }
.navbar-collapse { padding:0;}
.navbar { -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; }
.navbar .container, .nav-wrapper { background:transparent; }
.container > .navbar-header, .container > .navbar-collapse { margin-left: 0; margin-right: 0; }
.navbar-default .navbar-nav > li { margin:0; }
.navbar-default .navbar-nav > li > a { border-top:1px dashed #f3f3f3; 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:#fff; background:#FFB700; border-top:1px dashed #ccc; padding:0.5em 0; margin:0;  }
.nav-wrapper { margin-bottom:0; }
.nav li { display: block; }
nav.list-group ul li a { border-bottom: 1px solid #E6E2D0; }
#content .container { background:transparent; padding-bottom: 10px; }
.main-content { background:transparent; }
.main-content .content-inner { padding: 0 1%; }	
.sidebar-2 { background:transparent; }	
.list-group-item { border-bottom: 1px dotted #ccc; }

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

.mcps-info, .credits, .tron-login { padding: 12px 0; }
.footer li a { font-size:0.8em; }
.mcps-logo { background-position:top center; }

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

.search, .one-column .search { 
	width:80%;
	display:block;
	margin:10px auto;
	float:none;
}


}

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

.container {
    max-width: 100%;
}

.nav li { display: inline-block; }
.navbar-default .navbar-nav > li > a {
	padding-left:10px;
	padding-right:10px;
	}

}

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

}

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

.nav li {
    display: inline-block;
}

.navbar-default .navbar-nav > li > a {
	font-size:11px;
	border:0;
	padding:5px 8px;
	}

.navbar-default .navbar-nav > li > a:hover {
	border:0;
	padding:5px 8px;
	}
	
.navbar-toggle { display:none; }

}