@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,400italic);

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

}

body {
	background:#fff;
	color:#222;
	font-family: 'Open Sans', sans-serif;
	}

/* ---------------------------------------------------------------------------------
FONTS, GENERAL, MISC
------------------------------------------------------------------------------------ */
h1, h2, h3, h4 { font-family: bebasregular, sans-serif; }
h1 { color:#255fb1; font-size:2.2em; line-height:1.8em; }	
h2, h2 a {
    color: #808080;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 25px;
    padding-bottom: 6px;
    text-transform: uppercase;
}
h2.page-hdr { font-size:72px; line-height:82px; border-bottom:2px dotted #e7e7e7; padding-bottom:12px; margin-bottom:24px; }
h2.page-hdr span { font-size:30px; line-height:32px; color:#acacad; display:block; }	
h2 a { margin-top:0; }
h3, h3 a, p.title {
    color: #3c7bc1;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 15px;
    margin-top: 30px;
}

h4, h4 a {
    color: #222;
    font-family: open sans;
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px;
}
	
hr {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 0 none;
    clear: both;
    height: 5px;
    margin: 42px 0;
}

aside hr {
    height: 1px;
    margin: 18px auto;
    width: 94%;
}
p { font-size: 1em; line-height: 1.6em; color:#645f5a; margin-bottom:18px; }
li { color:#645f5a; }
a { color: #363636; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
blockquote p { color: #444; font-size: 16px; font-style: italic; font-weight: 300; line-height: 1.6em; margin:0 0 10px 0 !important; padding:0; }
blockquote span { font-size:14px; color:#666; }

.breadcrumbs { border-bottom: 1px dashed #e7e7e7; color: #999; font-size: 11px; margin-bottom: 24px; padding-bottom: 18px; padding-top: 6px; }
.breadcrumbs a { color:#3c7bc1; border:0; }

.side-block { background:#f3f3f3; border:1px solid #ebebeb; margin-left:20px; text-align:center; padding:0 15px 12px 5px; }
.side-block .img-responsive { max-width:90%; margin:0 auto !important; }

.lead {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}
.btn-print { float:right; background:transparent; }   
span.emphasize { font-family: 'Comfortaa', cursive; font-weight:400; font-style:italic; text-align:center; color:#6c6245; font-size:18px; display:block; text-transform:none; }
.center-block { display: block; margin-left: auto; margin-right: auto; }

.construction { color: #ffa729; }
.design { color:#636261; }
.services { color:#d9484b; }

.padding { padding-top:36px; padding-bottom:36px; }
   
/* ---------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------ */
.masthead { background:url(../images/nav-bg.png) bottom left repeat-x; height:100px; overflow:hidden; }
.site-header { position:relative; }
.masthead h1 { background: url('../images/logo-md.png') no-repeat center center; display: block; height:55px; text-indent: -9999px; width: 480px; margin:0 auto; margin-top:40px; }
address { text-indent: -9999px; }
#banner { display:none; }
h2.intro { margin:0; }
#mcps-link { background:#f3f3f3; border:0; color: #999; font-size:10px; padding: 6px 18px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
#mcps-link:hover { color:#666; background: #e7e7e7; }

/* ---------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------------ */
.nav { margin-top:1px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {}
.navbar { margin: 0; background:transparent; border-radius: 0; min-height:auto; border:0; }
.nav-wrapper { background:transparent; }
.navbar .container { }
.navbar-default .navbar-nav > li > a { font-weight:400; color:#222; font-size:14px; line-height:1em; padding:8px 12px; }
.navbar-default .navbar-nav > li > a:hover { color:#000; background:#f3f3f3; text-shadow:none; }
.nav-wrapper { border-top:1px solid #eee; border-bottom:1px solid #eee; }

/* ---------------------------------------------------------------------------------
FEATURED - VIDEO
------------------------------------------------------------------------------------ */
.featured { background:#3c7bc1 url(../images/bg-featured.jpg) top right no-repeat; background-size: cover; border-bottom:12px solid #3c7bc1; border-top:12px solid #000; }
.featured.padding { padding-top:112px; padding-bottom:112px; }
.featured h2 { color: #fff; margin-bottom: 0; }
.featured p { color: #f8f8f8; font-size: 14px; line-height: 24px; }
.featured .btn.btn-default { border-color: #f3f3f3; color: #333; }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive {
    display: block;
    position: relative;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/* ---------------------------------------------------------------------------------
MAIN CONTENT
------------------------------------------------------------------------------------ */
#content { padding-bottom:0; background:#fff; } 
#content .container { padding-top:20px; padding-bottom:20px; }
 
.main-content a { color: #2a6592; text-decoration: underline; }
.main-content a:hover { color:#000; text-decoration: none; }
.main-content a.list-group-item { border-bottom: 1px dashed #e7e7e7; border-top: 0 none; text-decoration: none; font-weight:normal; }
.main-content .btn-primary { border-bottom:0; }
.main-content ul { padding:0; margin:0 0 15px 15px; }   
.main-content li, .main-content ol { margin:0 15px; padding:6px 0; }
.main-content ul li a { border:0; }   
.main-content .content-inner { padding:0 3%;}
.main-content .content-inner img { padding:5px; margin-top:10px; margin-bottom:10px; background:#fff; -moz-box-shadow: 0px 0px 2px 2px #e7e7e7; -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
  box-shadow: 0px 0px 2px 2px #e7e7e7; }
 
.img-responsive { max-width: 98%; }
.align-right { float:right; margin-bottom:25px !important; }
.align-left { float:left; margin-bottom:25px !important; }
.btn-default, .main-content a.btn-default { color: #999; font-weight: normal; text-decoration: none; }

/* ---------------------------------------------------------------------------------
BANNER
------------------------------------------------------------------------------------ */
.container.banner { max-width: 98%; background:#111; }
.container.banner .img-responsive { max-width: 100%; }
.banner h2 { margin-top:0; margin-bottom:6px; font-size: 26px; line-height: 28px; }
.banner h2 a { color: #fff; font-size: 24px; line-height: 30px; font-weight:400; }
.banner .automotive h2 a { color:#003b7f; }
.banner .construction h2 a { color:#3c7bc1; }
.banner .services h2 a { color:#a13400; }
.banner .padding { padding-top:12px; }
.banner h2 a span { color: #f3f3f3; font-size: 14px; font-weight:400; line-height: 18px; display:block; }
.banner p { color: #c9c9c9; font-size:12px; line-height:19px; margin: 8px 10%; }

/* ---------------------------------------------------------------------------------
PROGRAMS
------------------------------------------------------------------------------------ */
.programs { background:#fff; padding-top:24px; padding-bottom:24px; }
.programs h2.intro-title { color:#5c5c5c; font-size:36px; line-height:40px; text-transform:none;  }
.programs h2.intro-title span { color:#b0b0b0; font-size:20px; line-height:24px; text-transform:uppercase; display:block; font-family: 'Open Sans', sans-serif; font-weight:700; }
.programs p { margin-bottom:18px; }
.programs h3 { font-family: "Comfortaa",cursive; font-size: 32px; font-weight: 400; line-height: 36px; margin-bottom: 8px; }
.programs .automotive h3 { color:#3c7bc1; }
.programs .construction h3 { color:#ffa729; }
.programs .design h3 { color:#636261; }
.programs .services h3 { color:#d9484b; }

p.sec-hdr { background: url(../images/pathways-hdr-bg.png) top left repeat-x; text-transform:uppercase; font-size:24px; line-height:20px; color:#ccc; font-weight:800;  }
p.sec-hdr span { background:#fff; padding-left:12px; padding-right:12px; }

.more a { border:2px solid #f0f0f0; color:#999; padding:8px 14px; }
.more a:hover { border:2px solid #333; color:#333; padding:8px 14px; background:#f3f3f3; }

.programs-page h3 { margin-top:0; }


/* ---------------------------------------------------------------------------------
VIDEO
------------------------------------------------------------------------------------ */
.video { background:#3c7bc1 url(../images/video-bg.png) bottom left repeat-x; padding-top:48px; padding-bottom:56px; }
.video h2 { color:#e7e7e7; text-transform:none; }
.video p { color:#fff; }
.video .btn-primary { background: #393e44; border-color: #393e44; color: #fff; }

/* ---------------------------------------------------------------------------------
QUOTE
------------------------------------------------------------------------------------ */
.quote { background:#efefef; padding-top:48px; padding-bottom:48px; }
p.quote-text { font-family: 'Comfortaa', cursive; font-weight:400; color: #676767; font-size: 40px; line-height:46px; margin-bottom: 20px; margin-top: 25px; padding-bottom: 6px; text-transform: uppercase; }
p.cite { color:#9c9b9b; }

/* ---------------------------------------------------------------------------------
SIDEBAR LEFT
------------------------------------------------------------------------------------ */
.sidebar-1 { border-left:0; padding-right:0; margin-top:15px; }
#sb-menu3 { display:none; }
#sb-menu2 { padding-bottom:20px; display:none; }
.school-info-box { padding:0; padding-bottom:12px; margin-bottom:20px; background:#f9f9fa; border:5px solid #e7e7e7; }
.school-info-box h2 ,.school-info-box h4 { color: #fff; background:#ffa729; font-size:16px; line-height:22px; text-transform: uppercase; padding:10px 5%; margin-bottom:12px; }
.school-info-box p {
    color: #747474;
    font-size: 12px;
    line-height: 19px;
    margin: 8px 5%;
}
.school-info-box .btn { font-size:80%; }

.school-info-box p.ib-logo { margin:0 auto; margin-top:-36px; }

/* ---------------------------------------------------------------------------------
SIDEBAR NAVIGATION
------------------------------------------------------------------------------------ */
.list-group { border: 0; border-radius: 0; box-shadow: none; padding: 0; }
nav.list-group { background:#d78d33; border:5px solid #eca856; }

#sb-menu1 nav.list-group { background:#d78d33; border: 5px solid #eca856; }

nav.list-group ul, nav.list-group ul li { list-style:none; margin:0; padding:0; }	
nav.list-group ul { margin:10px 2%; }	
li.secondary-menu h2, 
.school-info-box h2, .school-info-box h4, 
.UpcomingEventsSchoolBlock .calendar h4 {
    border-bottom: 0;
    color: #a25901;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 10px 5%;
    text-transform: uppercase;
	text-align:center;
	background:transparent;
}

.UpcomingEventsSchoolBlock .calendar h4 { color:#d78d32; }
.school-info-box h2 { color: #656464; }
nav.list-group ul li.secondary-menu { margin:0; }
nav.list-group ul li a {
    border-bottom: 1px solid #cc8126;
    color: #f3f3f3;
    display: block;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    padding: 10px 3%;
    text-transform: none;
}
nav.list-group ul li a:hover { color:#fff; background:#a25901; text-decoration:none; border-color:transparent; }		

/* ---------------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------------------ */
.RecentNewsSchoolBlock .news, #announcements, h2.hp-hdr { margin: 40px 0 20px 0; }
.RecentNewsSchoolBlock .news h2, #announcements h2 {
    color: #d78d32;
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    padding-bottom: 12px;
    text-transform: none;
}

.RecentNewsSchoolBlock .news h3, #announcements h3 { color: #1b2c95; font-size: 24px; line-height: 36px; font-weight:400; margin-bottom: 5px; }
.RecentNewsSchoolBlock .news a:hover h3, #announcements a:hover h3 { color: #fff; }

article.list-group { margin-bottom:50px; }
.list-group-item { border:0; padding:18px 2%; border-bottom: 1px dotted #f1ef87; background-color:transparent; margin-bottom:0; }
.list-group-item h3 { margin-top:0; }
a.list-group-item:hover { background:#1b2c95; }
.list-group-item p { color: #666; line-height: 1.5em; }
a:hover.list-group-item  p { color: #fff; }
.list-group-item:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.announcements-box { background: #f6f5f0; border-top: 5px solid #bc4559; padding:24px 5%; }

/* ---------------------------------------------------------------------------------
SIDEBAR BLOCK
------------------------------------------------------------------------------------ */
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; }
#twitter-widget-0 { margin:0 auto; }
.sbr-1 { padding:30px 0; text-align:center; }
aside.sb-block { display:none; }

/* ---------------------------------------------------------------------------------
SIDEBAR 2	
------------------------------------------------------------------------------------ */
.sbr-2 { background:transparent; padding:24px 0; margin-top:48px; }
.sbr-2 h4 { background: #702400; border-bottom: 1px solid #702400; color: #fff; font-size: 14px; font-weight: 700; line-height: 24px; margin: 0; margin-bottom:12px; padding: 10px 5%; text-transform: uppercase; }
.sbr-2 p { color:#fff; font-weight:700; font-size:15px; line-height:24px; margin-bottom:18px; }
.sbr-2 .btn-enroll { background:#feea8b; }
.sbr-2 .btn-enroll a { color:#d9484b; font-weight:400; text-transform:uppercase; }
.sbr-2 .btn-enroll:hover { color:#666; background:#fff; }

/* ---------------------------------------------------------------------------------
SOCIAL MEDIA	
------------------------------------------------------------------------------------ */

a.sm-icons { display:block; width:36px; height:36px; float:right; background:transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent:-9999px; }

a.sm-twitter { background-image:url(../images/sm-icons/twitter.png); }
a.sm-facebook { background-image:url(../images/sm-icons/facebook.png); }
a.sm-instagram { background-image:url(../images/sm-icons/instagram.png); }
a.sm-google { background-image:url(../images/sm-icons/googleplus.png); }
a.sm-youtube { background-image:url(../images/sm-icons/youtube.png); }

a:hover.sm-twitter { background-image:url(../images/sm-icons/twitter-on.png); }
a:hover.sm-facebook { background-image:url(../images/sm-icons/facebook-on.png); }
a:hover.sm-instagram { background-image:url(../images/sm-icons/instagram-on.png); }
a:hover.sm-google { background-image:url(../images/sm-icons/googleplus-on.png); }
a:hover.sm-youtube { background-image:url(../images/sm-icons/youtube-on.png); }

/* ---------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------------ */
.search { overflow:auto; }
.searchtext, .searchbtn { background-color: #FFFFFF; border: 1px solid #e7e7e7; 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; vertical-align: middle; float:left; }
.searchtext { width: 60%; }
.searchbtn { width: 34%; margin-left:4%; color:#fff; border:1px solid #1b2c95; background-color:#1b2c95; border-radius: 4px 4px 4px 4px; }
.searchbtn:hover { color:#fff; background:#666; border-color: #666; }

/* ---------------------------------------------------------------------------------
Calendar
------------------------------------------------------------------------------------ */
.UpcomingEventsSchoolBlock .calendar { background: #fefefe; border: 5px solid #f6f6f6; margin:0; padding: 15px 5% 40px 5%; text-align: left; }
.UpcomingEventsSchoolBlock .calendar p { border-bottom: 1px solid #f7f7f7; color: #fff; font-size:13px; font-weight: 400; line-height: 18px; margin: 0 5%; padding: 12px 0; }
.UpcomingEventsSchoolBlock .calendar p strong { color: #606060; display: inline-block; font-size: 12px; font-weight: bold;text-transform: uppercase; }
.btn-calendar { text-align:left; margin:-15px 0 0 8%; }
.UpcomingEventsSchoolBlock .calendar p a { border-bottom: 0; color: #616567; font-size: 13px; line-height: 19px; text-decoration: underline; font-style:italic; }
.UpcomingEventsSchoolBlock .calendar p a:hover { color:#1b2c95; text-decoration:none; }
p.btn-calendar a { background: #dcd5c1; color: #bc4559; display: block; font-size: 12px; font-weight: 700; margin-top: 12px; padding: 12px 0; text-transform: uppercase; }
p.btn-calendar a:hover { background: #bc4559; color: #fff; }
ul#taxonomylist { margin:0; padding:0; list-style:none; }
ul#taxonomylist li { background: #F6F3E5; display: inline-block; *zoom: 1; *display: inline; margin: 0.25%; padding: 6px 0.25%; text-align: center; width: 18%; }

.btn-calendar a { background: #d78d32; color: #fff; font-size: 13px; margin: 0; padding: 12px 24px; }
.btn-calendar a:hover { background: #a25901; color: #e7e7e7; }


/* ---------------------------------------------------------------------------------
STAFF DIRECTORY
------------------------------------------------------------------------------------ */
#box_left, #box_right { width:48%; float:left; }
#box_right { width:48%; float:right; }	
#box_left h3, #box_right h3 {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    margin: 15px 0 0;
    padding: 8px 5%;
}
.alternaterow { background-color: #F6F2E5; }
#employee { padding:15px 5% !important; }
#employee p.employeename { font-weight: bold; }
#employee p { font-size:0.9em; line-height:1.5em; margin-bottom:5px; }
#departmentList { padding: 10px 0; border-bottom:1px dotted #F6F2E5; }
#departmentList p { font-size:12px; line-height: 1.8em !important; margin: 0; }
#departmentList p a:hover { text-decoration:none; }	
.alternaterow { background-color: #fff !important; }

/* ---------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------ */
.footer { background:#fefefe; padding-top:50px; border-top:3px double #dcdcdc; }
.footer-inner { }
.mcps-info, .credits, .tron-login { margin: 0; padding: 32px 0; }
.mcps-info, .tron-login { padding:36px 0; }
.credits { text-align:center; font-size:11px; line-height:16px; color:#999; padding:18px 0; border-top:1px dashed #e7e7e7; border-bottom:1px dashed #e7e7e7; }
.credits a { color:#999; 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:10px; line-height:18px; color:#999; }
.footer ul, .footer li { list-style:none; margin:0; padding:0; }
.footer li a { font-size:11px; line-height:16px; color:#999; display:block; padding:5px 10px; text-decoration:none; font-weight:bold; }
.footer li a:hover { color:#fff; text-decoration:none;  }
ul#global-footerNav { width:50%; float:right; }	

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

/* Search -------------------------------------------------------- */
.search { float: right; margin: 0; margin-left:2%; padding: 0; width: 30%; }
.three-column .search { border-bottom: 5px solid #f3f3f3; float: none; margin: 15px 0 25px; padding: 0 0 24px; width: 100%; }
.one-column .search { width:25%; }

/* Misc -------------------------------------------------------- */
.btn-primary { color:#fff; background-image: none; background:#ff9900; border-color: #ff9900; }
a.btn-primary:hover { color:#333; background-image: none; background:#ccc; border-color: #ccc; text-shadow:none; }
html.embed { background:transparent; }


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

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

.intro { font-size:2em;}
p, li { font-size: 13px; line-height: 20px; }
.list-group-item p {
    color: #333;
    font-size: 12px;
    line-height: 18px;
}
h2, h2 a { font-size: 24px; line-height: 30px; margin-bottom:10px; margin-top: 15px; }
h3, h3 a { font-size: 1.8em; line-height: 1.4em; }
span.emphasize { font-size: 14px; }
.navbar-collapse { max-height:none; }	
.navbar-toggle { display: block; float: none; margin: 10px auto; }
.container.banner { max-width: 100%; }
.RecentNewsSchoolBlock .news h2, #announcements h2 { font-size:22px; line-height:30px; text-align:center; }
.programs h2.intro-title { font-size: 28px; line-height: 32px; }
.site-header { background-image: none; }

.masthead h1 {
    background: url('../images/logo-290.png') no-repeat scroll center top;
    display: block;
    height:99px;
    margin: 30px auto 0 auto;
    position: static;
    text-indent: -9999px;
    width: 270px;
}
.featured.padding { padding-bottom: 36px; padding-top: 36px; }
.featured { background: #4381c6; }
.featured p { font-size: 13px; line-height: 20px; }
.masthead { height:105px; }
#banner { display:none; }
address { display:none; }
.RecentNewsSchoolBlock .news h3, #announcements h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.RecentNewsSchoolBlock .news, #announcements, h2.hp-hdr {
    margin: 12px 0;
}
.sidebar-1 { border:0px solid #e6e2d0; margin-top:10px; padding:0 5%; }
.school-info-box p { text-align:left; }
.banner .col-md-4 { margin-bottom: 24px; }
.banner .padding { padding-bottom: 12px; padding-top: 12px; }
.banner p { margin: 8px 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; }
.banner .col-md-4 { margin-bottom: 36px; }
.navbar-default .navbar-nav > li { margin:0; }
.navbar-default .navbar-nav > li > a { border-top:1px dashed #999; padding:8px 0; width:100%; margin:0; background:transparent; }
.navbar-default .navbar-nav > li > a:last-child { border-bottom:0;}
.navbar-default .navbar-nav > li > a:hover { background:#fff; border-top:1px dashed #ccc; padding:8px 0; margin:0;  }
.nav-wrapper { margin-bottom:0; }
.nav li { display: block; }
nav.list-group ul li a { font-size: 14px; padding: 6px 3%; }
#content .container { padding-bottom: 0; padding-top: 0; }
.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; }
#box_left, #box_right { float:none; width:100%;}
.search, .one-column .search { width:80%; display:block; margin:10px auto; float:none; }
.list-group-item { padding: 10px 1%; }
.mcps-logo { background-position: center top; }

.carousel-inner > .item { height: 410px; }
#slideshow blockquote {
    background:transparent;
    bottom: 20%;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 24px 5%;
    padding: 10px 16px;
    width: 90%;
}

#slideshow p.quoted {
    color:#e7e7e7;
	background:transparent;
    bottom: 8%;
    font-size: 12px;
    margin: 12px 5%;
    padding: 8px 12px;
    width: 86%;
}

#slideshow p.quoted span {
    font-size: 10px;
    line-height: 16px;
	color:#999;
}

.carousel-inner {
    margin: 0 auto;
    width: 90%;
}


}

/* 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:6px; padding-right:6px; }

}

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

}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-width: 1200px) { 
  .masthead { height:180px; }
  .masthead h1 { background: url('../images/logo.png') no-repeat center center; display: block; height:135px; text-indent: -9999px; width: 1165px; margin:0 auto; margin-top:30px; }
}


/* ----------- Non-Retina Screens ----------- */
@media screen 
and (min-width: 768px)
and (max-width: 1199px) { 

#slideshow blockquote {
    bottom: 18%;
    font-size: 14px;
    margin: 24px 15%;
    width: 70%;
}

#slideshow p.quoted {
    bottom: 11%;
    font-size: 16px;
    line-height: 20px;
    margin: 0 20%;
    padding: 8px 12px;
    width: 60%;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin-left: -40%;
    max-height: 100%;
    max-width: 200%;
}

#slideshow p.quoted span {
    font-size: 13px;
}

}