@font-face {
    font-family: comfortaa;
    src: url(fonts/comfortaa_regular.woff);
}
@font-face {
    font-family: chunkfive;
    src: url(fonts/chunkfive.otf);
}
body {
	background:#fff; 
	font-family: Tahoma, Geneva, sans-serif;
	}


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

h2, h2 a {
	margin:20px 0 10px 0;
	}
	
h3, h3 a, p.title {
	margin:40px 0 10px 0;
	}

hr {
	height:6px;
	border:0;
	background:#f9f9f9;
	margin:30px 0;
	clear:both;
	}

p, li {
	font-size:1em;
	line-height:1.6em;
	color:#565656;
	font-family:Tahoma, Geneva, sans-serif;
	}

a { color: #904dad; text-decoration:none; }
a:hover { color: #fdd700; text-decoration: none; }

::selection {
	background: #fff7c8; /* Safari */
	}
::-moz-selection {
	background: #fff7c8; /* Firefox */
}


.breadcrumbs { font-size:11px; }

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

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


.btn-default { 
	font-family:comfortaa;
	border:none;
	color:#3e4d72;
	z-index:9999999;
	background:none;
	position:relative;
	top:-30px;
	}
a:hover.btn-default {
	border:none;
	color:#904dad;
	background:none;
	}

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

.site-header {
	height:148px;
	
	position:relative;
	top:30px;
	z-index:5;
	}
.site-header h1{
	background:url(../images/bannertext.png) no-repeat;
	width:548px;
	height:86px;
	text-indent:-9000px;
	position:relative;
	bottom:15px;
	}
.masthead {
	background:#ebd04c url(../images/bannerbg.png) no-repeat center;
	background-size:cover;
	height:148px;
	z-index:-99999;
}
.masthead h1 {}
.masthead address {
	display:none;
}
#banner{
	background:url(../images/banner.png) no-repeat top right;
	z-index:2;
	position:relative;
	top:-148px;
	left:53%;
	margin:0;
	height:148px;
	width:335px;
	}
/* ---------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------------ */

.navbar {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#3e4d72;
	border-top:1px solid #fdd700;
	border-bottom:1px solid #fdd700;
	border-radius:0px;
	border-left:0px;
	border-right:0px;
	margin-bottom:40px;
	}
.navbar .container {}

.navbar-default .navbar-nav > li > a {
	color:#fdd700;
	text-transform:uppercase;
	padding-left:25px;
	padding-right:25px;
	}
.navbar-default .navbar-nav > li > a:hover {
	color:#3e4d72;
	background-color:#fdd700;
	}
.nav-wrapper {}
.navbar-collapse{
	background-color:#3e4d72;
	}

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

.main-content ul, .main-content ol { margin-bottom:18px;}
.main-content h2{margin-bottom:10px;}
.RecentNewsSchoolBlock .news p{margin-bottom:0;}
#content .container { 


}
.container h1{
	font-family:chunkfive;
	font-weight:bold;
	color:#3e4d72;
	text-transform:uppercase;
	}

.container h2 {
    color: #904dad;
    font-family: comfortaa;
    font-size: 46px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.container h3{
	font-family: Verdana, Geneva, sans-serif;
	color:#565656;
	}
#content .container .row { }
.main-content .content-inner { }

.main-content .content-inner img {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ccc;
    margin: 12px;
    padding: 4px;
}


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

#sb-menu1 h2 {
	font-family:comfortaa,sans-serif,arial;
	color:#fdd700;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	padding-bottom:12px;
	padding-left:5px;
	border-bottom:2px solid #fdd700;
	margin:0px;
	}
#sb-menu1 ul{
	list-style-type:none;
	padding:0px;}
#sb-menu1 ul li ul li{
	padding:0;
	border-bottom:1px solid #eaeaea;
	}
#sb-menu1  a{
	color:#3e4d72;
	padding-left:5px;
	display:block;
	padding:6px 5%;
	}
#sb-menu1 ul li ul li:hover{
	background-color:#f9f9f9;
	color:#fff;
	}
#sb-menu2 {}

.school-info-box {
    background: none repeat scroll 0 0 #f3f3f3;
    margin-bottom: 50px;
    padding: 15px 5%;
    -moz-box-shadow:    0 0 3px #adadad;
    -webkit-box-shadow: 0 0 3px #adadad;
    box-shadow:         0 0 3px #adadad;	
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align:center;	
}

.school-info-box h4 {
    color: #3e4d72;
    font-size: 28px;
    margin: 0 0 10px;
}


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

.list-group { }	
nav.list-group ul, 
nav.list-group ul li {}	
nav.list-group ul ul {}
nav.list-group ul { }
.secondary-menu ul { }
#sb-menu1 {}
nav.list-group ul li a {}		
nav.list-group ul li a:hover {}		


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

.homepage .main-content h2 {
    border-bottom: 1px dashed #eaeaea;
    border-top: 1px dashed #eaeaea;
    font-size: 24px;
    margin-bottom: 15px;
    padding: 12px 2%;
}


.main-content a.list-group-item {}
.list-group-item {
	border:none;
	padding:15px 2%;
	border-left: 10px solid #f3f3f3;
	margin-bottom:20px;
	}
.list-group-item p { 
	color:#666;
	}
	
a.list-group-item h3 {
	font-size:28px;
	line-height:36px;
	font-family:comfortaa; 
	font-weight:100;
	color:#3e4d72;
	margin:0;
	}
a.list-group-item:hover h3 {color:#adadad;}
a.list-group-item:hover{border-left: 10px solid #fdd700;}
a.list-group-item:hover p {color:#3e4d72;}
.list-group-item:first-child,
.list-group-item:last-child {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 0px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 0px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 0px; 
}


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

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



/* ---------------------------------------------------------------------------------
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 {
	width: 34%;
	margin-left:4%;
	background-color:#3e4d72;
	color:#fdd700;
	border:0px solid #ac4f50;
	font-size:12px;
	border-radius: 4px 4px 4px 4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000',endColorstr='#000',GradientType=0);
}
.searchbtn:hover{
	color:#fff;
	background-color:#fdd700;
	}


.search { float: right; margin: 0; padding: 0; width: 30%; }
.three-column .search { float: none; margin: 0; padding: 0; width: 100%; margin-bottom:24px; }
.one-column .search { width:25%; }


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

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

.UpcomingEventsSchoolBlock .calendar { 
	text-align:center;
	 background:#f3f3f3 url(../images/hawkbg.png) no-repeat right bottom;
	padding:8px 0px 20px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	margin-top:40px;
  -moz-box-shadow:    0 0 3px #adadad;
  -webkit-box-shadow: 0 0 3px #adadad;
  box-shadow:         0 0 3px #adadad;	
	}
.UpcomingEventsSchoolBlock .calendar p {
	border-bottom:2px dotted #e7e7e7;
	margin:0;
	padding:12px 5%;
	color:#333;
	font-size:13px;
	font-family:comfortaa;
	}
	
.UpcomingEventsSchoolBlock .calendar p a {
	font-size:1.5em;
	line-height:1.3em;
	}
	
.UpcomingEventsSchoolBlock .calendar p:last-child{
	border-bottom:none;
	}

.UpcomingEventsSchoolBlock .calendar h4 {
    border-bottom: 2px dashed #fdd700;
    color: #3e4d72;
    font-family: comfortaa;
    font-size: 28px;
    margin: 0 5px;
    padding: 10px 10px 12px;
    text-transform: uppercase;
}

.UpcomingEventsSchoolBlock .calendar p strong{
	text-transform:uppercase;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#666;
	}
.btn-calendar{text-align:center;}
.btn-primary{
	z-index:999999;
	background-color:#3e4d72;
	color:#fdd700;
	border:0px;
	text-transform:uppercase;
	padding:10px 15px;
	margin-top:-45px;
	font-size:12px;
	border-radius:8px;
	}
.btn-primary:hover{
	color:#fff;
	background-color:#fdd700;
	}

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




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

#box_left h3, #box_right h3 { color:#fff; background:#3e4d72; padding:15px 5%; font-size:18px; margin-bottom:0; }
.alternaterow { background-color: #eef1f6; }
#employee { padding:15px 5% !important; }
#departmentList { padding: 10px 0; border-bottom:1px dotted #eef1f6; }
#departmentList p { line-height: 1.4em; margin: 0; }
#departmentList p a:hover { text-decoration:none; }	


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

.footer { background:#3e4d72; border-top: 4px solid #fdd700; z-index:90; color:#f9f9f9; margin-top:140px;}
.footer:before{content:url(../images/footertop.png); position:relative; bottom:42px; left:45%; display:block; width:129px; height:73px;}
/*.ftr-image{content:url(../images/footertop.png) no-repeat center top; z-index:999999; display:block; position:absolute;} ADD FOOTER IMG*/
.footer-inner .container { position:relative; }
.mcps-info, .credits, .tron-login { margin: 0; padding: 12px 0; }
.tron-login a { color:#fff;}
.credits { padding-top:10px; text-align:center; font-size:0.8em; line-height:1.5em; color:#f9f9f9; border-bottom:1px dashed #999; }
.credits a { color:#fdd700; text-decoration:underline; }
.credits a:hover { color:#ede6ae; 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:#fff; }
.footer ul, .footer li { list-style:none; margin:0; padding:0; }
.footer li a { font-size:0.8em; color:#fdd700; display:block; padding:0px 10px; text-decoration:none; }
.footer li a:hover { color:#ccc; }
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; }	




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



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 240px) 
and (max-width : 768px) {
/* Styles */
.sidebar-1{margin-bottom:30px;}
.site-header h1{
	background:url(../images/bannertext-290.png) no-repeat;
	background-position:center;
	}
#banner{
	background:none;
}
.menu-item a{padding-top:20px !important; padding-bottom:20px !important;}
.footer:before{display:none;}
}


/* 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 */

}

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

}