@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: 'SourceSansPro-Regular';
    src: url('fonts/source-sans/sourcesanspro-regular-webfont.eot');
    src: url('fonts/source-sans/sourcesanspro-regular-webfont?#iefix') format('embedded-opentype'),
         url('fonts/source-sans/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/source-sans/sourcesanspro-regular-webfontt.ttf') format('truetype'),
         url('fonts/source-sans/sourcesanspro-regular-webfont.svg#enriquetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('fonts/source-sans/sourcesanspro-bold-webfont.eot');
    src: url('fonts/source-sans/sourcesanspro-bold-webfont?#iefix') format('embedded-opentype'),
         url('fonts/source-sans/ssourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/source-sans/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/source-sans/sourcesanspro-bold-webfont.svg#enriquetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


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

.blue { color:#133f1c;}
.green { color:#133F1C;}
.red {color:#870003;}
.bold {font-weight:bold;}
h1 { font-family:EnriquetaBold; font-weight:normal; }

h1 { color:#870003; font-size:2.8em; line-height:1.2em; text-shadow: -1px 1px 0 #333; }
h2, h2 a { font-family:EnriquetaRegular; color:#870003; font-size:2em; line-height:1.4em; font-weight:normal;  text-transform: uppercase;  margin-bottom:20px;  }
.content-inner h2, .content-inner h2 a { margin: 0 0 0.5em; padding: 0.2em 0; }
h3, h3 a, p.title { font-family:EnriquetaBold; font-weight:normal; color:#16c325; font-size:1.8em; line-height:1.2em; }
h4, h4 a { font-family:Tahoma; font-weight:normal; color:#002f64; font-size:1.2em; line-height:1.3em; }
p, li { color: #001338; 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; }
.RecentNewsSchoolBlock .news h2{font-family:EnriquetaBold; font-weight:normal; color:#002f64; font-size:1.8em; line-height:1.2em; }
a, a:visited, a:active { color:#00259c; text-decoration:underline;}

a:hover { color:#16c325; text-decoration:none; }
h5, .h5 {  font-family: SourceSansPro-Bold; font-size:1.8em; font-weight: normal; line-height: 1.2em; margin: 0px; padding: 0px 0px 20px 0; }

.sbr-2 ul, ol {
    list-style: none; margin:1em 0;
	padding:0;
   
}
.sbr-2 ul li {
    border-bottom:1px solid #fff;
   
}

#homeintro h2 {
	font-size:1.8em; font-weight:bold;
	
}

#homeintro 
{ padding-right:1em;}

.blurbs img {
 

	max-width:110%;
    display: block;
    margin-bottom: 0.4em;


}	

.blurbs a:hover {
    opacity: 0.75;

}
#ctl00_ContentPlaceHolder1_tronSlideShowHomepage1_pnlSlideHome img {
    background-color: #fafcfe;
    box-shadow: 1px 1px 2px 2px #e7e7e7;
    height: 300px !important;
    padding: 5px;
    width: auto !important;
	margin-top:20px;
}


a#ctl00_ContentPlaceHolder1_tronSlideShowHomepage1_hpyViewSlideShow {
	background: #16c325 none repeat scroll 0 0;
    border: 1px solid #00af0f;
    border-radius: 6px;
    color: #fff;
    font-family: Tahoma;
    font-size: 1.1em;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;

}




a:hover#ctl00_ContentPlaceHolder1_tronSlideShowHomepage1_hpyViewSlideShow {

	color:#FFF;
	background:#00af0f;
	}

.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  { border: 0; height: 4px; background: #e7effb; background-image: linear-gradient(to right, #e3e8ee, #e7effb, #e3e8ee); margin-top:30px; margin-bottom:30px;}


.graybox{background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ecebeb;
    border-radius: 0.25em;
    box-shadow: 0 0 0 1px #fff inset;
    margin-bottom: 2em;
    margin-top: 3em;
    overflow: hidden;
    padding: 0em 1em 0em .2em;
}

 .main-content{ padding:0px 2em 0 2em;}
/* ---------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------ */

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

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

a:hover.btn-default { color:#000; background:transparent; }

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

.site-header { position:relative; display:block;  background-image: url("../images/sligo-banner.jpg") ;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 height:99px;margin:0px auto; padding:0px;}
#banner{margin:0; padding:0px;}

#banner .container .col-md-12 {
   background: url("../images/sligo-logo.png") top left;
background-repeat: no-repeat;
position:absolute;
z-index:999999;
    display: block; top:0px;
  height:160px;
  width:249px;
    margin: 0 ;
    padding: 0;
	margin-left:-15px;
}

.masthead { background:#16c325; margin:0 auto; text-align:center; }
.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
  	height:173px;
	text-indent:-9999px;
}

address { margin:0; color:#4cad25; line-height:0; text-indent:-9999px; }

 .site-header .btn-default {
font-size:11px;	
}


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

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:0;}


.navbar {
    margin-top: 5px;
	background:#00259c;
	border-top: 8px solid #f35b00;
	border-bottom: 8px solid #FFF;

	border-radius: 0;
   margin:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	box-shadow: none;
	min-height:61px;


}

.nav {
text-align:left;	
}

.navbar-nav {
 
    margin-left: 290px;
	max-width: 880px;
}

.navbar .container, .nav-wrapper { background:transparent; }

.navbar-default .navbar-nav > li > a {

	text-decoration:none;
	    font-family:SourceSansPro-Regular,Arial, Helvetica, sans-serif ;
	color: #fff;
	font-size:1.05em;
    font-weight: bold;
	padding:0.6em 0.8em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	border:0;
	text-transform:uppercase;
	line-height:inherit;
	}



.navbar-default .navbar-nav > li > a:hover {
	color:#16c325;
	}
	
	
.navbar-nav > li > a {
    padding-top: 10px;
}

.navbar a{
	padding-bottom:5px;
	}

.nav-wrapper {
	background:#00259c;
	background-color: transparent;
	}



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


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

a.btn-map {
	font-size:1.1em;
	text-transform:uppercase;
	font-family:Tahoma;
	    border: 1px solid #00af0f;

	color:#FFF;
	background:#16c325;
	padding:6px 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 */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
	}
	


a:hover.btn-map {
	color:#FFF;
	background:#00af0f;
	}

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

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

#sb-menu1 h2 {
	 background-color: #00259c;
    font-size: 20px;
	text-transform:uppercase;
	font-weight:bold;
	   color: #FFF;
	   margin:0 0 .8em 0;
  	width:100%;
 
    display: inline-block;
 
    padding: 8px 3px 8px 1em;
    position: relative;

}


#sb-menu1 h2:after{
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	
	border-top: 22px solid #00259c;
	

    content: '';
    position: absolute;
    right: 10px;
	top:40px;
}
	



.school-info-box { margin-bottom:2em; 
    background: #FFF;
    border: 0px;
 
    box-shadow:  none;
    overflow: hidden;
    padding: 0px 0.5em 0.5em 0em; }
	
	.school-info {
	 padding: 1em 0.5em 0.5em 1em;
	 }
	

.school-info-box h4 {
    background-color: #f35b00;
    display: inline-block;
    padding: 8px 3px;
    position: relative;
    width: 100%;
	color: #fff;
    font-size: 20px;
    font-weight: bold;
   font-family: EnriquetaRegular;
    text-transform: uppercase;
}
	
.school-info-box p { color:#4c4c4c; font-size:1em; line-height:1.4em;}


.bubble {
    background-color: #f35b00;
   
  	width:100%;
 
    display: inline-block;
 
    padding: 8px 3px;
    position: relative;

}

.bubble h2 {
	   font-size: 20px;
	text-transform:uppercase;
	font-weight:bold;
	   color: #FFF;
	   margin:0px;
	   padding:0px 0px 0px 5px;
}
.bubble:after{
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	
	border-top: 22px solid #f35b00;
	

    content: '';
    position: absolute;
    right: 10px;
}



	

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

li.secondary-menu h2 {
    font-family:EnriquetaRegular;
	color: #fff;
    font-size: 2.3em;
    margin: 0;
	padding:0;

    text-align: left;

}

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

nav.list-group ul li a {
    border-bottom: 2px solid #ebf3fd;
    color: #163365;
    display: block;
    font-family: EnriquetaRegular;
	text-decoration:none;
    font-size:1.1em;
    font-weight: normal;
	padding: 0.5em 1em 0em 1em;
    text-align: left;
	text-transform:uppercase;
}

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

nav.list-group ul li a:hover { color:#163365; background:#ebf3fd; text-decoration:none; }		
	

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

.container { max-width: 1170px;  }


	#content {
    background:#FFF url("../images/sligo-background2.jpg") no-repeat scroll center top;
    padding-top: 200px;

}
#content .container { 
	background:#fff;
	padding:1.5em 0px;


    }


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

.main-content .content-inner { background:#fff; padding:0!important; }


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

.RecentNewsSchoolBlock .news {
border-top: 0px solid #e7effb;
    margin: 20px 0 10px;
	}

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

.list-group-item {
	border:0;
	padding:10px 2%;

	background-color:transparent;
	margin-bottom:0;
}

a.list-group-item { border-bottom:2px dashed #ebf3fd; }


.list-group-item h3 { margin-top:.8em; text-decoration:none; color:#16c325; font-size:1.4em;}
a.list-group-item:hover { background:#ebf3fd; }
.list-group-item p { color:#001338; }
a.list-group-item {text-decoration:none;}
.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}




/* ---------------------------------------------------------------------------------
SIDEBAR BLOCK
------------------------------------------------------------------------------------ */
.content-inner .search{ }
.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;
    background: none ;
    border: 0px solid #ecebeb;
    border-radius: 0.25em;
    box-shadow: 0 0 0 1px #fff inset;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 1em 0.5em 0.5em 1em; }
	
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 { border:#9ca0be solid 1px; border-radius: 4px 4px 4px 4px; padding:24px 1%; margin:0 3px 0 0}
.searchtext,
.searchbtn {
    background-color: #e3e8ee;
    border: 1px solid #9ca0be;
    border-radius: 4px 4px 4px 4px;
    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;
}

p.bluelink { display:block; overflow:auto; margin:0; padding:0 2%; }
.searchtext { width:60%; }

.searchbtn {
	font-size:16px;
	font-family:SourceSansPro-Bold;
	text-transform:uppercase;
	width: 35%;
	margin-left:5%;
	color:#fff;
	border:0px;
	background:#f35b00;
	border-radius: 4px 4px 4px 4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000',endColorstr='#000',GradientType=0);
}

input.searchbtn:hover { color:#fff; background:#d14f01; }

.three-column .search { float: none; margin:0 0 24px 0px; margin-right:4px; padding:12px 1%; margin-bottom:24px; display:block; overflow:auto; }


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

.content-inner .search {
    float: right;
    margin: 0;
    padding: 4px;
    width: 30%;
}



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


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


.UpcomingEventsSchoolBlock .calendar {
	background:#FFF;
	padding:10px 3px 20px 0;
	border:0px;

	}



.UpcomingEventsSchoolBlock .calendar h4 {
	background:#00259c url("../images/sligo-calendar.jpg") no-repeat scroll left top;
	 
    font-size: 20px;
	text-transform:uppercase;
	font-weight:normal;
	   color: #FFF;
	   margin:0 0 .8em 0;
  	width:100%;
 
    display: inline-block;
 
    padding: 8px 3px 8px 40px;
    position: relative;

}


.UpcomingEventsSchoolBlock .calendar h4:after{
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	
	border-top: 22px solid #00259c;
	

    content: '';
    position: absolute;
    right: 10px;
	top:40px;
}
	

.UpcomingEventsSchoolBlock .calendar p {

    border-bottom: 1px dashed #ebf3fd;
    color: #fff;   

    display: block;
    font-size: 1.1em;
    line-height: 1px;
    margin: 0 0 0 2%;
    overflow: auto;
    padding:10px 0 15px 0;
    text-align: left;
}
.UpcomingEventsSchoolBlock .calendar p a {
    color: #163365;
    font-size: 15px;
	line-height:18px;
    text-decoration: none;
	float:right;
	width:63%;
	margin:0px;
	padding:0px;
}

.UpcomingEventsSchoolBlock .calendar p a:hover {
text-decoration:underline;	
}

.UpcomingEventsSchoolBlock .calendar p strong {
    color: #163365;
      background:#e3e8ee;
    border: 1px solid #9ca0be;
    border-radius: 4px;

    display: block;
    float: left;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.2em;
    padding: 5px 2px 5px 0;
    text-align: center;
    text-transform: uppercase;
    width:32%;
	margin:8px 3px 0 0;
}

	
.btn-calendar {  text-align:center; }



aside.btn-calendar { border-bottom: 0px solid #770001; 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: .9em;
    padding: 10px 40px;
	background: #00259c; 
	border: 0 none; 
	-moz-box-shadow:none; 
	-webkit-box-shadow: none; 
	box-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	}


.btn-primary:hover { background: #16c325; }

.UpcomingEventsSchoolBlock .calendar p br { padding-top:12px; }

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

#webcalendar1 .rsContent table { float: left; }

.img-responsive { 
	    border: 1px solid #ccc;

    display: block;
    margin-bottom: 0.4em;

	max-width:100%;
	overflow: hidden;
}

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


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

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



/* ---------------------------------------------------------------------------------
STAFF DIRECTORY
------------------------------------------------------------------------------------ */
#box_right{float:right; width:45%}
#box_left{float:left; width:45%}
#box_right h3, #box_left h3{font-size:1.2em; color:#fff; background:#4cad25; padding:7px 0 7px 10px; border-bottom:2px solid #060356;}
h.btn-print img{ padding:0; display: inline-block; margin:0 10px;}
#employee p{line-height:1.3em; margin-bottom:.9em;}

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

.footer { background:#00259c; color:#fff; border-top:10px solid #16c325; }
.footer p { color:#e7e7e7; }
.mcps-info, .credits, .tron-login {  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;  display: block; font-size: 0.9em; padding: 0.2em 0.8em; text-decoration: none;  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:#16c325;}
#content {
    background: none;
    padding-top: 10px;
}
.masthead h1 { font-size: 2em; }
.masthead h1, .masthead address { text-align:center;}

.masthead h1 {
    background: url(../images/sligo-mobilebanner.png) no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height:159px;
    margin:  0;
	padding:0;
    position:relative;
    text-indent: -9999px;
    width: 100%;
}
.site-header {background:none; height:auto;}
#banner .container .col-md-12 {
    background: none;
    display: block;
    height:auto;
    margin: 0;
    padding: 0;
    position:relative;
    top: 0;
    width:auto;


}

#homeintro {
    padding:0px;
}
address { display:none; }

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

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

.list-group-item { padding: 1em 1% 2em; }
article.list-group h3, .list-group-item p { float:none; width:100%; }
article.list-group h3 { margin-bottom:12px; }

.navbar-nav {
 
   margin-left: 0px;
    margin-right: 0px;
	max-width: 100%;
}

.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:#ebf3fd; width:100%;  }
.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; }
ul.grid li{ width:100%; display:block; min-height:auto; margin-left:0px;}

  .graybox img{float:none; width:95%; }
.graybox div{float:none; width:95%;}
}


@media (min-width: 992px) and (max-width : 1199px) {
  .container {
    max-width: 970px;
  }
  
  	#content {
    background:#FFF url("../images/slig-background-md.jpg") no-repeat scroll center top;

}


.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
  	height:135px;
	text-indent:-9999px;
}


.masthead h1 {
     background: url("../images/sligo-banner-md.png") no-repeat top left;;
    display: block;
    height:135px;
    margin:  0;
	padding:0;
    position:relative;
    text-indent: -9999px;
    width: 806px;
}
.site-header {background:none; height:auto;}
#banner .container .col-md-12 {
    background: none;
    display: block;
    height:auto;
    margin: 0;
    padding: 0;
    position:relative;
    top: 0;
    width:auto;


}


.navbar {
text-align:center;

}

.nav {
text-align:center;	
}

.navbar-nav {
 
    margin-left: 0px;
	max-width: 970px;
}
}

@media (min-width: 768px) and (max-width : 991px) {

  .container {
    max-width: 750px;
  }
  
  	#content {
    background:#FFF url("../images/sligo-background-xs.png") no-repeat scroll center top;

}


.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
  	height:126px;
	text-indent:-9999px;
}


.masthead h1 {
     background: url("../images/sligo-banner-sm.png") no-repeat top left;;
    display: block;
    height:126px;
    margin:  0;
	padding:0;
    position:relative;
    text-indent: -9999px;
    width: 750px;
}
.site-header {background:none; height:auto;}
#banner .container .col-md-12 {
    background: none;
    display: block;
    height:auto;
    margin: 0;
    padding: 0;
    position:relative;
    top: 0;
    width:auto;


}


.navbar {
text-align:center;

}

.nav {
text-align:center;	
}

.navbar-nav {
 
    margin-left: 0px;
	max-width: 750px;
}

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


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


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



  .container {
    max-width: 1024px;
  }
  
  	#content {
    background:#FFF url("../images/slig-background-md.jpg") no-repeat scroll center top;

}


.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
  	height:129px;
	text-indent:-9999px;
}


.masthead h1 {
     background: url("../images/sligo-banner-md.png") no-repeat top left;;
    display: block;
    height:129px;
    margin:  0;
	padding:0;
    position:relative;
    text-indent: -9999px;
    width: 768px;
}
.site-header {background:none; height:auto;}
#banner .container .col-md-12 {
    background: none;
    display: block;
    height:auto;
    margin: 0;
    padding: 0;
    position:relative;
    top: 0;
    width:auto;


}


.navbar {
text-align:center;

}

.nav {
text-align:center;	
}

.navbar-nav {
 
    margin-left: 0px;
	max-width: 1024px;
}


}

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


	#content {
    background:#FFF url("../images/slig-background-md.jpg") no-repeat scroll center top;

}


.masthead h1 { 
	margin:0.2em auto 0.4em auto;
	color:#283f64; 
  	height:129px;
	text-indent:-9999px;
}


.masthead h1 {
     background: url("../images/sligo-banner-md.png") no-repeat top left;;
    display: block;
    height:129px;
    margin:  0;
	padding:0;
    position:relative;
    text-indent: -9999px;
    width: 768px;
}
.site-header {background:none; height:auto;}
#banner .container .col-md-12 {
    background: none;
    display: block;
    height:auto;
    margin: 0;
    padding: 0;
    position:relative;
    top: 0;
    width:auto;


}

}