@charset "utf-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
@charset "utf-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,av,section,summary {    display: block; }
audio,canvas,video {    display: inline-block;    *display: inline;    *zoom: 1;}
html {    font-size: 100%; /* 1 */    -webkit-text-size-adjust: 100%; /* 2 */    -ms-text-size-adjust: 100%; /* 2 */}
body {margin:0; padding:0;   width:100%;  font-family:Arial, Helvetica, sans-serif; }
body img { max-width:100%; overflow:hidden; height:auto;   white-space:nowrap; text-indent: 100%;  }
@font-face {    font-family:'archivonarrow';
    src: url('../fonts/heading-fonts/archivonarrow-regular-webfont.eot');
    src: url('../fonts/heading-fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heading-fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/heading-fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/heading-fonts/archivonarrow-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;    font-style: normal;}
	
	
@font-face {
    font-family: 'leaguespartan';
    src: url('../fonts/leaguespartan/leaguespartan-bold-webfont.eot');
    src: url('../fonts/leaguespartan/leaguespartan-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguespartan/leaguespartan-bold-webfont.woff') format('woff'),
         url('../fonts/leaguespartan/leaguespartan-bold-webfont.ttf') format('truetype'),
         url('../fonts/leaguespartan/leaguespartan-bold-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
section, aside{margin:1.5em 0 ; }
figure {    margin: 0;}
.skipnav { text-align: left; }
  .skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
  .skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } 

.labelforscreenreader
 {
	text-align: left; position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h2, h3, h4, h5,  #news h2{ font-family:archivonarrow; } 
/* h3, h4, h6{ color:#e18522;}*/
 h3, h4,h5, h6{color:#2b455a;}
h1 {font-size: 1.8em;  margin:0.5em 0; font-family:Arial, Helvetica, sans-serif color:#4d5d66;}
h1 a, h1 a:hover{ color:#012d5b; font-weight:600; display:block;text-decoration:none; font-size:100%; }
h2 {  font-size: 2.3em;  margin:0.4em 0 .7em 0; font-weight:lighter; color:#4d5d66; }

h4.homeheader {
	 border-bottom: 1px dotted #3c5a78;
    font-size: 1.8em;
    margin: 0 0 0.6em;
	color: #2b455a;
}
.gray {  color:gray; }
.nolineheight { line-height:1em; }
h3 {font-size: 1.8em;  margin: 0 0 0.7em 0; border-bottom: 1px dotted #3C5A78;  }
h4 {font-size: 1.5em; margin:0 0 .6em 0 ;  }
h5 {font-size: 1.3em; line-height:1.3em;  margin:0 0 .4em 0 ; }
h6 {font-size: 1.1em; line-height:1.1em;  font-weight:bold;  margin:0 0 .2em 0; font-family:Arial, Helvetica, sans-serif; }
h2 a {  font-size: 100%;	}
h3 a, h4 a, h5 a, h6 a,  a h3, a h4, a h5, a h6 { font-weight:normal;padding:0; margin:0;  line-height:inherit; color: #1561c0; }
p {  font-size: 0.98em;   line-height: 1.56em;   margin: 0 0 1em 0; color:#3C5A78;}
a {    color: #1561c0; 	font-size:100%;   line-height: 1.60em;     font-weight: normal;    text-decoration: none; border:none;}
.list-group-item h3{ color: #1561c0; font-size:1.5em; margin-bottom:0.3em;}
.bold-font {border-bottom: 0 none;      font-family:leaguespartan!important; text-transform:uppercase;}
a:active, a:hover {  color:#a0a090;text-decoration:underline;}
p a {     font-size: 100%;}
p.caption{font-size:82%; font-style:italic;}
ul, ol{ margin:.4em 0 1.2em .8em;	}
ol li ul li {    list-style-type: disc;}
ol li {   list-style-type: decimal; font-size: 0.98em; line-height:1.65em;   margin: .2em 0 .5em .9em ;  }
ul li {		line-height:1.5em;   margin:.2em 0 .5em .9em ; color:#3C5A78; font-size: .98em;}
ul li a{   font-weight: normal; }
ul li ul li {list-style:circle;	}
ul li ul li, ul li ul li ul li, ul li p  {	font-size:100%;	}
em {font-style:italic; }
.red{   color: #ab401b;   font-weight: 100;  }
.orange-underline{border-bottom: 3px solid #F6891F;}
.blue-bg{color:#FFF; background-color:#5a81b2; padding-left:10px; font-weight:normal; }
.blue-bg a{color:#FFF; font-weight:normal; }
.large{font-size:140%;}
.small {  font-size:95% !important;  }
.smaller {  font-size: 75% !important;  }
.smallest {  font-size: 65% !important; }
.arrow{background:url(/global/2011/images/orange-arrow.png) no-repeat 0 2px; list-style-type:none; padding:0 0 0 1.2em; margin:.2em 0 .8em 0em; vertical-align:middle}
/* ==========================================================================
   Master Page Styles
   ========================================================================== */
#header {margin:0; padding:0; width:100%;}
h1#logo{ color: #1d335e; display: inline-block; font-size: 2.2em; font-weight: 500; line-height: 1.95em;   margin:0 0 0 10px; vertical-align: top;  width: 59%;}
#logo-img{ display: inline-block;  width:103px; vertical-align: top; margin-top:3px;}
.soc-media{ width:25%; display:inline-block; text-align:right; padding-top:1em;}
.soc-media a{ margin-right:5px;}
.soc-media a:hover{ text-decoration:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=75);	-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
#top-row{width:100%; margin:0; padding:0; background:#5395ea url("../images/banner.jpg");  border-bottom:5px #fff solid; border-top:5px #fff solid; height:160px; overflow: hidden;}
#wrapper{max-width:1570px;  margin:0 auto; overflow:visible;  }
#left-img{float:left;   width:19.52%; min-width:206px;   overflow:visible; border-left:5px #fff solid; }
#right-img{float:right;  width:19.52%; min-width:206px;  overflow:visible; border-right:5px #fff solid;}
img.displayed {display:block; margin:0 auto; }
.maxwidth{ max-width:1000px;  	overflow:hidden; margin:0 auto; }
#content-wide{margin: -170px auto 0 auto;    max-width: 1530px;    overflow: visible; background-color:#fff; padding:20px;}
.container-wide { background: none repeat scroll 0 0 #fff;    position: relative;    top: -169px;}
/* =================  Main Menu Styles=========================== */
/*.........Main Menu...........*/
.toggleMenu {   color: #fff;    display: none;    padding: 10px 15px;}
.departments li#career, .index-test-aspx li#home {color:#F6891F; text-decoration:underline;}
#mobile-nav{margin:0; padding:0;}
#nav-wrapper{width:100%; background-color:#012d5b; border-top:4px solid #5395EA;}
 ul.menuList li ul.hover {    display: block;    visibility: visible!important;} 
#nav-wrapper ul:after {		content: ""; clear: both; display: block;}
.nav-center{max-width:1000px ; margin:0 auto; }
ul.menuList, ul.menuList li, ul.menuList ul { list-style: none;}
ul.menuList { position: relative; z-index:99997; top:0;margin:0; padding:0;    }
ul.menuList li ul { visibility: hidden; position: absolute; left: 0;  margin:0; padding:0; z-index: 99999; width: 100%; background-color:#3a6499;border-bottom:5px solid #5395ea; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95);	-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
ul.menuList li { float:left; text-decoration:none; font-size: 100%; padding:0 ; margin:0;   border-left:1px solid #023a74; border-right:1px solid #01264e;line-height:3.2em ;  dispay:block;}
ul.menuList li a{ line-height:3.2em ;padding:0 1em; font-size:0.90em; font-family:archivonarrow; margin:0; font-weight:normal; color:#fff;  text-decoration:none; text-transform:uppercase;  }
ul.menuList li:hover { position:static; background-color:#3a6499;     -webkit-transition: width 1s linear 1s;    transition: width 1s linear 1s; }
ul.menuList li a:hover{ text-decoration:none; color:#b8d4f6; }
ul.menuList ul li { position: static;  border:0; color:#d3e4fa; font-size:1.08em; line-height:130%; text-transform:uppercase;}
ul.menuList ul ul { display: block; position: static; width: auto ;  left: 99%; color:#0c3567; border-bottom:none; text-decoration:none}
ul.menuList ul ul li { float: none; font-size:90%; text-decoration:none; line-height:0.8em; border-bottom:0; }
ul.menuList li.toggle-menu { padding: 0 1px 0 1px;}
ul.menuList ul li.small-section{	 width:19.2%; padding:2% 0 1.5% 3.5%;}
ul.menuList ul li.large-section { width:25%; padding:2% 2% 2% 3.5%; }
.large-section img, .small-section img{ margin:2% 5%; padding:7px; background-color: #587ca8;  border: 1px solid #305889;  box-shadow: 0 0 0 1px #698dba inset; }
.small-section ul li a, .large-section ul li a{ line-height: 2em; margin:0; Padding:0;}
ul.menuList .icon-angle-down {display:none;}
/* =================  Banner, Search and Links=========================== */
/*.........General Styles...........*/
.container{ position:relative; top:-169px; background:#fff;  box-shadow: 0 1px 2px #39475e;}
#content-wrapper{width:100%; background:#f3f3f3; margin:0; padding:0;}
#banner{   background:#21518c url(../images/banner.jpg) 0 0 ;  overflow:hidden; margi:0; padding:0; display:block; border:5px solid #fff;  }
#content{margin: 3% 3% 4% 3%;  width:94%; background-color:#fff;}
.top-box{display:inline-block; width:32.80%;  margin:0; padding:0;  vertical-align:top;}
#middle-img {display:inline-block; width:31.2%; max-height:160px;  margin:0; padding:0;  border-left:5px solid #fff; border-right:5px solid #fff; overflow:hidden;   vertical-align:top; }
#contact-button{margin:8% auto 3% auto; width:85%; -moz-box-shadow:inset 0px 1px 0px 0px #276ec4;-webkit-box-shadow:inset 0px 1px 0px 0px #276ec4;	box-shadow:inset 0px 1px 0px 0px #276ec4;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f579c), color-stop(1, #244874));	background:-moz-linear-gradient(top, #1f579c 5%, #244874 100%);	background:-webkit-linear-gradient(top, #1f579c 5%, #244874 100%);
background:-o-linear-gradient(top, #1f579c 5%, #244874 100%);	background:-ms-linear-gradient(top, #1f579c 5%, #244874 100%);	background:linear-gradient(to bottom, #1f579c 5%, #244874 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f579c', endColorstr='#154c8f',GradientType=0);
background-color:#244874;	-moz-border-radius:3px;	-webkit-border-radius:4px;	border-radius:4px;	border:1px solid #073f83;	display:block;cursor:pointer;text-align:center;  vertical-align:central;}


#contact-button:hover {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #154c8f), color-stop(1, #1f579c));	background:-moz-linear-gradient(top, #154c8f 5%, #1f579c 100%);	background:-webkit-linear-gradient(top, #154c8f 5%, #1f579c 100%);	background:-o-linear-gradient(top, #154c8f 5%, #1f579c 100%);	background:-ms-linear-gradient(top, #154c8f 5%, #1f579c 100%);
	background:linear-gradient(to bottom, #154c8f 5%, #1f579c 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#154c8f', endColorstr='#1f579c',GradientType=0);	background-color:#154c8f;}
#contact-button a{ color:#fff;	text-transform:uppercase; font-family:archivonarrow;	font-size:110%;	line-height:1.8em;	text-decoration:none;	text-shadow:0px 1px 0px #0d3e7a;}
ul#top-links {list-style-type: square; color:#f7a119; margin: 0 0 0 3em;}
#contact-button a span{color:#f4be7d;}
ul#top-links li{ margin: 0 0 .2em 0;  font-size:95%; color:#f7a119; list-style-type: square;}
ul#top-links li a{color:#fff; font-weight:normal;    font-family: archivonarrow;  font-weight: normal;  text-transform: uppercase;  }
/*.........Languages...........*/
ul#languages  { margin:8% auto 1% auto;  padding:0 ;  width:96.7%; border-bottom: 1px dotted #fff;}
#languages li{list-style:none; text-decoration:none; padding:0  0.5%;margin: 0; display:inline-block ;border-right:solid 1px #a3c2e6; font-size:82%;  }
#languages a{color:#fff;font-weight:normal; line-height:1em;text-decoration:none;}
.languagelinks a	{color:#ffff;	}
#languages li.first{border-left:0;}
.form-wrapper button::-moz-focus-inner {  border: 0;    padding: 0;}  
/*.........Search...........*/
.cf:before, .cf:after{    content:"";    display:table;} 
.cf:after{   clear:both;}
.cf{   zoom:1;}
.form-wrapper {    width:88%;  padding:0.8em; margin:1.6em auto .73em auto;   background:#184d8e; background: rgba(0,0,0,.2); border-radius: 3px;  box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);}
/* Form text input */ 
.form-wrapper input {  width: 83.6%;	margin:0;    padding: .2em 0 0.2em 0.2em;  float: left;    font-size:.87em;	line-height:1.6em;  border: 0;   background: #eee;  border-radius: 3px 0 0 3px; -webkit-appearance: none;}
.form-wrapper input:focus {  outline: 0;   background: #fff;   box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.form-wrapper input::-webkit-input-placeholder {  color: #999;   font-weight: normal;   font-style: italic;} 
.form-wrapper input:-moz-placeholder {  color: #999;    font-weight: normal;    font-style: italic;}
.form-wrapper input:-ms-input-placeholder {   color: #999;   font-weight: normal;   font-style: italic;}   
/* Form submit button */
.form-wrapper button {   overflow: visible;   float: right;  border: 0; padding: 0.39em 0;margin:0px; cursor: pointer;  width: 15%;  	color: #fff;  background: #e77802; border-radius: 0 3px 3px 0; }  
.form-wrapper button:hover{   background: #e54040;}     
.form-wrapper button:active,.form-wrapper button:focus{    background: #c42f2f;   outline: 0;}
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */   border: 0;    padding: 0;} 
/* ==========================================================================
   Interior Pages
   ========================================================================== */
/*.........Global Layout Properties...........*/
#mainbox{padding:1em;}
.floatl{float:left; margin-right:1.8%;}
.floatr{float:right; }
.twocol{width:45%;  padding:0 0 0 1%; overflow:hidden; }
.twocolvideo{width:38%;  padding:0 0 0 1%; overflow:hidden;  }
.twocolplayer{width:54%;  padding:0 1%; overflow:visible; }
.narrowcol{width:24%;  padding:0 1%; overflow:visible;  }
.widecol{width:80%;  padding:0 1%; overflow:visible;}
.twocolplus{width:60%;  padding:0 1%; overflow:hidden; }
.full{  padding:0 1%; overflow:hidden; }
.twothirdcol{width:61.225%;  padding:0 1%; overflow:hidden; }
.threecol{width:29.2%; padding:0 1%; overflow:hidden;   }
.onethirdcol{ width:29.2369%;  float:left; padding:0 1.963% ; overflow:hidden; }
.onefourthcol{ width:23.2%; padding:0 1%; overflow:hidden;}
.threefourthcol{ width:70.7%; padding:0 1%; overflow:hidden;}

.onefourthcol-small{ width:21.2%; padding:0 1%; overflow:hidden;}
.threefourthcol{ width:70.7%; padding:0 1%; overflow:hidden;}


.hide-desktop { display: none; visibility:hidden; }
#photoblock {    padding: 0;	width: 48%;	height: auto;}
/*......... Clear Float ...........*/
.clear{clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
/*......... Emergency Message ...........*/
.emergency {color: #990000;    font-size: 1em;    padding: 0 ;}
.emergency h3 { color: #990000; font-size:1.1em; border-bottom:1px dotted #990000;}
.emergency p {margin-bottom:10px; color: #990000;}

.MSG_EMER {color: #990000;    font-size: 1em;    padding: 0 ;}
.MSG_EMER h3 { color: #990000; font-size:1.1em; border-bottom:1px dotted #990000;}
.MSG_EMER p {margin-bottom:10px; color: #990000;}


.MSG_INFO {color: #008319;    font-size: 1em;    padding: 0 ;}
.MSG_INFO h3 { color: #008319; font-size:1.1em; border-bottom:1px dotted #008319;}
.MSG_INFO p {margin-bottom:10px; color: #008319;}


/* ==================  Home Page  ========================================== */
/*.........Home Page News Rotator...........*/
#news{ background:#ecf1f7;  padding:1em 0 0  0px; box-shadow: 0 0 0 1px #f6f9fd inset;  }
#news p{color:#000;}
#news h2{margin-top:0;   } 
#news h2 a{ color:#265da0; line-height:1.2em; font-size:88%;  }
#news h2 a:hover{text-decoration:none; color:#4a83c8;}
#news li{margin-left:10px}
.story, .maininfo{float:left;width:47%;  margin: 0 0 0 2%; padding: 0; border:0; }
.fullstory { margin: 0 0 0 2%; padding: 0;}
.mainimg, .photoblock {    border: 0 solid #F1F1EC; float: right; margin: 1.5em 1.5em 1.5em 0  ; width:45%;  padding: 0;   height:auto;}
.mainimg img, .photoblock img {border:1px solid #e6e9ec; padding:6px;background:#fff;}

.mainimgsub {    border: 0 solid #F1F1EC; float: right; margin: 0em 1.5em 1.5em 0  ; width:45%;  padding: 0 0 0 5px;   height:auto;}
#storyselector{margin:1em 0 0 0 ; clear:both;  height:2.2em; background-color:#3b74bb; padding:0 1.3em;  }
#storyselector li{float:left;list-style:none; margin:0 auto; padding:0;  font-size:1em;  text-transform:uppercase; font-family:archivonarrow;  width:24.8%; height:2.2em; text-align:center; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#storyselector li a{color:#fff;display:block; line-height:2em;  font-weight:normal; text-shadow: 1px 1px #1c4982;}
#storyselector li a:hover{  text-decoration:none; }
#storyselector li:hover{background:#012d5b;   }
#storyselector .selected{background:#012d5b;  text-shadow: 1px 1px #4c8ee4;     }
.blueline{border-bottom: 5px solid #e0e3e7;}
#imgStory{margin:1em 0 .5em 0;}
#tabs-1{ min-height:100%!important;}
#news h1{display:none;}
/*.........Promo Tiles...........*/
#tile-container{margin-top:40px;}

#tile-container h3.secondary {margin-top:40px;}
ul#tiles{ list-style-type: none;padding: 0px;margin: 0px 0 0 -0.5em; }
ul#tiles li {padding:0.3em 0.7em 1em 0.7em ; margin:0 0 0 0.5em;  border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em; width:16.12%; display:inline-block; vertical-align:top; min-width:100px; height:80px; overflow:hidden;}
ul#tiles li a{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:0; margin:0; width:100%; height:100%; text-align:center; }
ul#tiles li .content{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:0; margin:0; width:100%; height:100%; text-align:center; }

ul#tiles li .date-white{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:3px; background-color: rgba(255, 255, 255, 0.8); border-radius:5px; margin:0; width:100%;  text-align:center; margin:0 0 8px 0;}
ul#tiles li a:hover{ text-decoration:none; opacity:0.75;filter:alpha(opacity=145);}
ul#tiles li:hover, a.badge:hover {filter:alpha(opacity=185); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
.tile-orange{ background-color:#e69221; border:solid 1px #e29d30; box-shadow: 0 0 0 1px #fbb94f inset; }
.tile-green{ background-color:#7dc254; border:solid 1px #7abe56; box-shadow: 0 0 0 1px #a1db7d inset; }
.tile-blue{ background-color:#5395ea; border:solid 1px #4b8ce0; box-shadow: 0 0 0 1px #70aefd inset; }
.tile-purple{ background-color:#bf9aef; border:solid 1px #5600c8; box-shadow: 0 0 0 1px #c297fa inset; }
.tile-yellow{ background-color:#ebdf60; border:solid 1px #dcc900; box-shadow: 0 0 0 1px #f9ef89 inset; }
.tile-lightblue{ background-color:#74abf1; border:solid 1px #5395ea; box-shadow: 0 0 0 1px #8ab6ef inset; }
.tile-lightorange{ background-color:#f1ac42; border:solid 1px #c97a00; box-shadow: 0 0 0 1px #f4ba62 inset; }
.tile-lightgreen{ background-color:#a9cd4c; border:solid 1px #648b00; box-shadow: 0 0 0 1px #c7e183 inset; }


.tile-red{ background-color:#d27056; border:solid 1px #7e1b00; box-shadow: 0 0 0 1px #fdb5a2 inset; }
#tiles li a img { padding:0;  margin:0 auto;  position:relative; bottom:0;}

/*.........Side Menu. Usualy used at the top left side...........*/
#sidenav{ margin-bottom:1.5em ; padding:.25em;  border:1px solid #ecedef; width:25%}
.sidenav-content{ width:68.5%;  padding:0 1%; overflow:hidden;}
#sidenav ul{    margin: 0; padding: 0;  list-style-type:none; }
#sidenav ul li { margin:0; padding:0; background-color:#f4f4f4;  list-style-type: none; border-bottom: 1px solid #cccccc;  border-top: 1px solid #ffffff; }
#sidenav ul li h4{  font-weight:300;background:#6a97d0 url("http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/glossyback2.gif") repeat-x ; color: white;border:0;  text-align:left; margin:0;padding:.5em 0 .5em .5em; font-size:1em; line-height:1.3em;  }
#sidenav ul li a {   border-top:0; display:block; color:#4a463e; padding:.3em 0 .3em .8em; margin:0; text-align:lef;}
#sidenav ul li:hover {  background-color:#e8e8e8;  }
#sidenav ul li a:hover{color:#2c2c2a; text-decoration:none;}
#sidenav ul li:first-child {  border-top: none;}
#sidenav ul:last-child {  border-bottom: none;}
/* Video Landing pages */
ul#tv_programs { overflow: hidden; padding: 0; margin:0; }
ul#tv_programs li {  float: left;  list-style:none;  margin: .1em .1em; padding:0;  ;width:16.25%; min-width:90px;	height:auto;position: relative;   font-size: .68em;	line-height:1em;text-align:left;}
ul#tv_programs a { text-decoration: none; display: block; }
ul#tv_programs li img { display: block; position: relative; z-index: -1; } 
ul#tv_programs li:not([class=na]) img { position: static; } 
ul#tv_programs a:hover, ul#tv_programs a:focus{ display: block;outline: none; -moz-box-shadow: 3px 3px 5px #06173f;  -webkit-box-shadow: 3px 3px 5px #06173f; box-shadow: 3px 3px 5px #06173f;}
ul#tv_programs a:hover:after,ul#tv_programs a:focus:after{   content: attr(title);   color: #fff;   position: absolute;  bottom: 0; height:90%;  width: 95%;background:#06173f;	 opacity:0.8;  filter:alpha(opacity=80);    display: block;	padding:.2em;}
div.video-box div.tab { display: none; }
div.video-box div.current { display: block; }
/*.........Elements...........*/
#mediaplayer_wrapper img{width:auto; height:auto;}
.bottom-margin-padding {padding-bottom:1em; margin-bottom:1em; margin-top:0;padding-top:0;}
.top-margin {margin-top: 1.5em;	}
.margin-top-bottom { margin:1.5em 0; }
.marginl{margin-left:.6em;}
.marginbottom { margin-bottom:1.5em; }
.bold {font-weight:bold;}
.padded { padding:2% }
.tanheading {	 color: #8A8274;}
.darkblue {  color: #3C5A78;  }
.notopmargin {margin-top:0px;}
.backtotop {border:1px solid #ecebeb;   background-color: #f4f4f4;padding: .25em .5em;   float:right;   cursor:pointer;}
.backtotop:hover {background-color:#ecebeb;}
.backtotop:after {    clear: both;}
ul#tiles li:hover, a.badge:hover , a img:hover{filter:alpha(opacity=185); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
/*.........Side Menu...........*/
.submenu {    margin-right:  2% ;    width: 25%;}
#submenulist{ margin: 1.5em 0;background:#f4f4f4;padding:0 0px 0 0px;border-radius: 0.25em;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;border:1px solid #ecebeb;  box-shadow: 0 0 0 1px #fff inset; overflow:hidden; 	list-style-type: none; }
#submenulist .secondary-menu {  border-size: 1px;  border-width: 1px;}
#submenulist ul {  list-style: none;  padding: 0px;  margin: 0px;}
#submenulist li {  list-style: none;  padding: 0px;  margin: 0px;  color:#2c2c2a;  padding-left:0em; font-size:96%;}
#submenulist li h2{margin:0px;padding:6px 10px;text-decoration:none;background-color:#5A81B2;color:#FFFFFF;text-transform:none;font-weight:normal;font-size:1.2em;line-height: 1.5em;}
#submenulist  li a {display: block;  text-decoration: none;  font-weight:normal;   color:#625e56; padding: 5px 3px 5px 10px;	border-bottom:1px solid #CCCCCC;border-top:1px solid #FFFFFF;}
#submenulist li  a:hover {  color: #4A463E;background-color:#ecebeb;}
#submenulist li  a:active {  color: #4A463E;}
.subcontent  {   width: 70%;}
/*........ Staff page ..........*/
.staffbox {	padding:0; margin:0;}
.staffmain {float:left;width:61%;  margin: 0 0 0 2%; padding: 0;}
.staffmainimg {    border: 0 solid #F1F1EC; float: right; margin: oem .5em 0em 0  ;  padding: 0;  width: 33%; height:auto;}
.staffboxfigure { float: left; margin: 0  ;  padding: 0 0 1em 0;  width: 28%; height:auto; }
.staffboxmain {float:right; width:68%;  margin: 0; padding: 0;}
.staffboxmain p {margin:0; padding:0;}
.staffbox h3 {margin:.5em 0  1em 0; padding:0;}
.columnstaff{width:48%;float:left; padding:0;} 
.firstrow {	margin:0 .7em 0 0;}
.columnstaff ul li {  font-size: .785em;   font-style: normal;   font-weight: 600;    line-height: 1em;    padding: 0 0 .75em 0px;	margin:0 !important;}
.columnstaff ul {margin-bottom:3%;padding-bottom:0px;	}
.secondarycol {     margin: 0 2% 0 0;    width: 25%;}
.secondarycolright {    margin-left:2%;    width: 25%;	float:right;}
.secondarycolleft {        margin: 0 3% 0 0;    width: 25%;}
.primarycolright {   margin: 0;    width: 72%;}
.primarycol  {    margin: 0;    width: 70%;}

/*........Flash Slide show only..........*/
.learnmore{ margin:1.1em 0;  border-bottom:1px dotted #e9ebeb; list-style-type:none;}
.learnmore_long { margin:1.1em 0;  min-height: 75px; border-bottom:1px dotted #e9ebeb; list-style-type:none;}
ul#learnmore {margin-left:0px;}
ul#learnmore li{ margin:1.1em 0;  border-bottom:1px dotted #e9ebeb; list-style-type:none;position:relative;}
.tabs-wrapper{ width:64.5%;  padding:1em 0 0 0; overflow:hidden;}
.tabs-wrapper-full { padding:1em 0 0 0; }

ul#custom li{ margin:1.1em 0;  border-bottom:1px dotted #cccccc; list-style-type:none;position:relative;}

ul#custom li.pdf {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/acrobatPDF.png') no-repeat top left;

padding-left: 2.2em;
}

ul#custom li.word {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/word_icon.png') no-repeat top left;
padding-left: 2.2em;

}

ul#custom li.excel {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/excel_icon.png') no-repeat top left;
padding-left: 2.2em;
}

ul#custom li.other {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/file_icon.png') no-repeat top left;
padding-left: 2.2em;
}


ul#onlinelearning li.user {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/departments/onlinelearning/head.png') no-repeat top left;
padding-left: 1.2em;
}
ul#onlinelearning li{ font-size: 1.3em; margin:0 0 .5em 0 ; border-bottom:1px dotted #cccccc; list-style-type:none;position:relative; color:#2b455a; font-family:archivonarrow;}


ul#onlinelearning li.tweet {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/departments/onlinelearning/twitter.png') no-repeat top left;
padding-left:1.2em;
}


ul#onlinelearning li.login {
list-style-type: none;
background: url('http://www.montgomeryschoolsmd.org/uploadedImages/departments/onlinelearning/login.gif') no-repeat top left;
padding-left: 1.2em;
}
/*.........Calendar on Home Page..........*/
.box-calendar{background: #f4f4f4; padding:0 .5em .5em .5em;   border-radius: 0.25em 0.25em 0.25em 0.25em;	border:1px solid #ecebeb;    box-shadow: 0 0 0 1px #fff inset; overflow:hidden; }
#events{ margin:0 ; padding:0; background-color:#fff; display:table;  }
#events dl{ display:table-cell; width:20%; border-left: 1px solid #dde7eb; margin:0.2em 0 .5em 0;  padding: 0 ; }
#events h3{ margin:.5em 0 .8em 0.5em; border-bottom:0; font-size:90%; display:none;}
#events dl dt{ background-color:#295790; border-bottom:2px solid #1f4c83; margin:0; padding:0.3em 0 .3em .6em;   font-size:.99em;   color:#fff; }
#events dd{  padding:.8em .2em .6em .5em; list-style-type:disc;}
dd {font-size:0.88em;line-height:1.5em; font-weight:normal;  display:block; color:#556778; }
dd a {}
dd a:hover{color:#435a70;   }
h3.calendar{border-bottom:0; margin:0 0 10px 0;}
a.calendar{border-bottom:0; margin:.5em 0 0.6em 1em; }
.icon-cal{  padding: 0 0 0 0.5em; }
#events dl.first{ border:0; }
#calendar-link{width:200px; position:relative; left:80%; margin:10px 0 0 0;}
#calendar-link a{text-ailgn:right;  font-size:80%;   font-size:1em; text-decoration:underline;}

/*.........END Calendar..........*/
.caret{display:inline-block; width:0;height:0; padding-left:3px;vertical-align:top; border-left:5px solid #23385C; border-top:5px solid transparent; border-bottom:5px solid transparent; content:""; }
table.data {    background: none repeat scroll 0 0 white;    border: 1px solid #EEF1F2;    border-spacing: 2px;	border-collapse:separate;}
.data td {    background: none repeat scroll 0 0 #FAFAF9;    border: 1px solid #F8F8F6;    color: #4F6B72;    font: 12px Arial,Helvetica,sans-serif;    padding: 5px 10px;}
.data tr.alt td {	background: none repeat scroll 0 0 #fff;	}	
th.data-date {	width:22%;	}	
th.data-event,th.data-note {	width:38%;	}		
	/* ----------------RESPONSIVE TABLE -----------*/
table.responsive {   width: 100%;   border-collapse: collapse; }
/* Zebra striping */
.responsive tr:nth-of-type(odd) {   background: #f4f4f4; }
table.responsive.nostripes tr:nth-of-type(odd) {   background: none;}
.responsive th {   background: url("/global/2011/images/capped-bg-tan.jpg") repeat-x scroll center bottom #D8D1C1;  font-weight: bold; }
.responsive td, .responsive th {  padding: 6px;   border: 1px solid #F8F8F6;  text-align: left; }
.responsive td p {font-size: 100%;}
.responsive td ul li {font-size: 100%;}
/* ............Tables ..........*/
.table {	border:3px double #F3F3F3;	background:#FDFDFB;	border-spacing:0;    border-collapse:collapse;	width:100%;	margin-bottom:3em;	}
.table-center { text-align:center; }
.table caption {    color: #5A81B2;    font-family: Georgia,"Times New Roman",Times,serif;   font-size: 1.5em;  font-weight: normal; line-height: 1.4em;  margin: 0.4em 0;margin-top:20px;padding:0 4em;}
.table th { background: none repeat scroll 0 0 #5A81B2; border-bottom: 0 solid #F3F3F3;  color: #FFFFFF;  font-size: 0.7em;   font-weight: bold;   line-height: 1.4em;   padding: 16px 10px;  text-transform: uppercase;    vertical-align: middle;}
.table td {	color:#666;	border-bottom:1px solid #f3f3f3;font-size: 0.75em;   line-height: 1.4em;	padding:8px 10px;	vertical-align:top;	}
 /*.........FOOTER START ...........*/
 footer#contact-info {background-color:#4d73a1; padding:1% 3%; font-size:85%; }
#contact-info img{float:left;}
#contact-info h3 a{color:#c9d6e6;   border-bottom:0;}
#contact-info h3{border-bottom:0; font-size: 1.2em;    line-height: 1.2em; color: #fff;}
#contact-info p, #contact-info a{ color:#ffffff;}
#footerwrapper{  border-top:4px solid #fff; padding:6em 0 0 0;margin:-258px 0 0 0; background:#215188;}
.footer{margin:0 auto; padding:0; }
.footer h3{ font-size:.875em; margin-bottom:.35em; padding-bottom:0; font-weight:bold; color:#c0ddfb; font-family:Arial,Helvetica,sans-serif; border-bottom:0px;} 
.footer p {font-size:.75em} 	
.footer ul{margin:0 0 1.5625em 0; padding-left:0} 
.footer li {font-size:.75em; list-style:none;margin:0;padding:0 0 .45em 0;}
.footer ul li a{font-weight:normal;color:#b0c5da;} 
.footer a:hover{color:#6689a9}
.column{width:18%;float:left;margin:0 0 0 1.9%; padding:0} 
.columnbig{width:30%;float:left;margin:0 0 0 1.9%; padding:0} 
.top{padding-top:1.25em;vertical-align:middle}
/* Thin Promos */
.thinpromo{ width:32%; padding:0; margin:0; padding-top:.316666%;float:left;}
.twocolpromo {width:64.5%; padding:0; margin:0;  padding-top:.316666%; float:right;	}
.twocolpromo img:hover, .thinpromo img:hover{opacity:0.75;filter:alpha(opacity=75);} /* For IE8 and earlier */
.widthsmall	{ width: 35%;}
#login{position:relative; top:-20px;  }
h3.boxheading {margin-top:0px;}
/* ............SCHOOLS START ..........*/
h4.capped {    background: none repeat scroll 0 0 #F0EEE5;    border-bottom: 0 none;    border-radius: 0 0 0 0;    font-size: 1em;    max-width: none;    padding: .125em .5em;	width:100%;}
.togglebox{display: block;}
.slidedown{display: block; position: relative; text-align:right;}
#map-canvas img {max-width:1029px;}/*.........This is only fo the school-o-dex pages...........*/

/* ............Staff Directory ..........*/
#dept-info{ margin:0 0 1.5em 0;}
#dept-info h2{ margin:0 0 .2em 0}
#staffdir-search p{font-style:italic; font-size:80%; margin-top:15px;}
.staffinfo{ display:inline-block; width:50%; min-width:300px;   }
.staffinfo p {margin:.1em 0; padding:0;}
.contactcard{display:inline-block; width:210px; padding:4px;   text-align: center;}
.contactcard a{font-size:17px;  line-height:35px; font-weight:lighter; display:block; color:#666; margin:0 0 10px;  }	
ul.box-one-light{padding:0 1em; margin-left:0;}
#staffdir-search {margin:.5em 0 1em 0; background-color:#5a81b2; padding:0 .7em 0 .7em;  border-radius: 0.25em 0.25em 0.25em 0.25em;	border:1px solid #4273A4;    box-shadow: 0 0 0 1px #89B0D8 inset; overflow:hidden;}
#staffdir-search h4{color:#fff; margin:6px 0; font-weight:normal;}
label.directory{	clear:both;width: 20%;float: left;text-align: right;margin-right: 1.5%;display: block;font-weight:bold;}
.submit{margin-left: 21.5%;} 
/* ............Misc ..........*/
h2.hdr-ccss {	margin:0;	margin-bottom:15px;	}
h2.ccss-hdr-math {	display:block;	width:625px;height:93px;background:url(/curriculum/common-core/images/math-hdr.png) top left no-repeat;	text-indent:-9999px;	margin:-25px 0 15px 0;	}
hr {    background:transparent;   border: 0 none;   clear: both;   height: 5px;   margin: 30px 0;display:block;	border-top:1px solid #F3F3F3;	border-bottom:1px solid #F3F3F3;}
hr.nospace {    background:transparent;   border: 0 none;   clear: both;   height: 5px;   margin: 0px 0px 10px 0px;display:block;	border-top:1px solid #ccc;	border-bottom:1px solid #F3F3F3;}
#content .right {	float:right;	margin:5px;	margin-left:15px;	border:1px solid #f3f3f3;	padding:3px;	}
#content .left {	float:left;	margin:5px;	margin-right:15px;	border:1px solid #f3f3f3;	padding:3px;	}
.top-small {	font-size:0.6em;	border-top:1px dashed #f3f3f3;	padding:3em 15px;	margin:3em 0;	text-align:right;	}
.top-small a {	color:#999;	}
.top-small a:hover {	color:#666;	text-decoration:none;	}
.back-small {	border-top:3px dashed #f3f3f3;	border-bottom:3px dashed #f3f3f3;	background:#f3f3f3;	padding:12px 15px;	}	
/* ............Common Core ..........*/
.sb-section {	font-size:0.8em;	margin-bottom:20px;	}
.sb-section h3 {   border-bottom: 3px solid #F6891F;   color: #666;    font-size: 1.4em;    font-weight: normal;    padding: 5px 0;	margin-bottom:15px;}
.brochure ul li {    padding: 5px 8px;	border-bottom:1px dashed #f3f3f3;}
.ccss-button a {color:#fff;	background: #F6891F;text-align:center;display:block;padding:10px 15px;	font-size:2.2em;	line-height:0.8em;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;
	-khtml-border-radius: 10px; 	}
.ccss-button a span {	font-size:0.5em;	font-weight:normal;	display:block;	color:#000;	}
.ccss-button a:hover {	color:#fff;	background: #666;	text-decoration:none;}

/* ............Common Core: Table ..........*/
table.ccss { margin:0; border:1px solid #999;}
table.ccss th { padding:8px 10px; text-align:center; background:#666; color:#fff; font-size:22px; font-weight:bold; vertical-align:middle; }
table.ccss td { padding:25px 20px; text-align:left; border-bottom:1px dashed #999; vertical-align:middle; font-size:14px; }
table.english { margin:0; border-color:#00B0E7;}
table.english th { background: none repeat scroll 0 0 #00B0E7; }
table.english tr { background:url(/curriculum/common-core/images/arrow-blue.png) 42% 50% no-repeat; }
table.english td { border-bottom:1px dashed #00B0E7; color:#666; }
table.ccss td.ccss-new {    color: #00B0E7;    font-size: 18px;    padding-left: 55px;    width: 60%;}
/* ............Common Core: English ..........*/
.ccss-english #submenulist li h2 { background:#0094c1; }
.ccss-english h3 { border:0; }
.ccss-english .sb-section h3 { border-bottom: 3px solid #00B0E7; }
.ccss-english #ctl00_ContentPlaceHolder1_MainContent2 h4 {    color: #00b0e7;   font-size: 1.1em;    line-height: 1.4em;}
.ccss-english #ctl00_ContentPlaceHolder1_MainContent2 h5 {    color: #666;    font-size: 0.9em;    line-height: 1.4em;	font-weight:bold;}

/* ............Common Core: Math ..........*/
.ccss-math #submenulist li h2 { background:#cb7217; }
.ccss-math h3 { border:0; }
.ccss-math .sb-section h3 { border-bottom: 3px solid #F6891F; }
.ccss-math h4 {    color: #F6891F;    font-size: 1.4em;    line-height: 1.4em;}
.ccss-math #ctl00_ContentPlaceHolder1_MainContent2 h5 {    color: #666;    font-size: 0.9em;    line-height: 1.4em;	font-weight:bold;}
.ccss-math .brochure h3 {    background: #CB7217;    border-bottom:0px solid #ccc;    color: #FFFFFF;    padding: 5px 10px;	margin-bottom:5px;	-moz-border-radius: 10px 10px 0 0;	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; /* future proofing */	-khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */}
.brochure ul,.brochure ul li { 	list-style:none;	margin:0;	padding:0;
}
.brochure ul li {    padding: 4px 12px;	border-bottom:1px dashed #e7e7e7;}
.ccss-button a {	font-family:Georgia,"Times New Roman",Times,serif;	color:#fff;	background: #CB7217;	text-align:center;	display:block;	padding:15px 5px;	font-size:2.5em;	line-height:0.8em;
	border:6px solid #fff;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px; /* future proofing */	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	-moz-box-shadow:    0px 0px 2px 2px #e7e7e7;  	-webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;  	box-shadow:         0px 0px 2px 2px #e7e7e7;	}
.ccss-button a span {	font-size:0.4em;	font-weight:normal;	display:block;	color:#e7e7e7;	}
.brochure a.math-btn span {    color: #F3F3F3;    display: block;    font-size: 1em;    font-weight: normal;    text-transform: uppercase;}
.ccss-button a:hover {	color:#f3f3f3;	background: #F6891F;	text-decoration:none;	border:6px solid #f3f3f3;}
p.ccss-button { margin:0; padding:0; }
p.brochure { margin:0; }
.ccss-button a.english-btn, 
.ccss-button a.math-btn,
.ccss-button a.commoncore-btn {    border-width:4px;    font-size: 1.1em;    line-height: 1.3em;	text-align:left;	padding:10px 15px;}
.ccss-button a.english-btn { background:#00B0E7 url(/curriculum/common-core/images/icon-english.png) 95% center no-repeat; }
.ccss-button a.math-btn { background:#F6891F url(/curriculum/common-core/images/icon-math.png) 95% center no-repeat; }
.ccss-button a.commoncore-btn { background:#666 url(/curriculum/common-core/images/icon-commoncore.png) 95% center no-repeat; }
.brochure a.math-btn  { background:#CB7217 url(/curriculum/common-core/images/icon-math-brochure.png) 95% center no-repeat; }
.ccss-button a:hover.english-btn,.ccss-button a:hover.math-btn,.ccss-button a:hover.commoncore-btn { 	color:#f3f3f3; 	background-color:#999;	}	
.ccss-pic {	padding:2px;	background:#fff;	margin-top:5px;	-moz-box-shadow:    0px 0px 2px 2px #e7e7e7;  	-webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;box-shadow: 0px 0px 2px 2px #e7e7e7;}
.picRight,.picLeft {	padding:2px;	background:#fff;	margin:10px;	-moz-box-shadow:    0px 0px 2px 2px #e7e7e7;  	-webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;  	box-shadow:  0px 0px 2px 2px #e7e7e7;}
.picRight {	float:right;	margin:10px 5px 10px 15px;	}
.picLeft {	float:left;	margin:10px 15px 10px 5px;	}
p.ccss-brochure-math {    border-bottom: 1px dotted #F3F3F3;    color: #F3F3F3;    padding: 5px 0 15px;    text-align: center;}
.ccss-brochure-math a {	font-size:0.95em;	display:inline-block;	padding:3px 5px;	}

/* ............ Athletics (http://www.montgomeryschoolsmd.org/departments/athletics/) ..........*/
.athletics-photoslide .rslides img { height:270px; overflow:hidden;}
aside.athletics-calendar {    background: none repeat scroll 0 0 #F3F3F3;    margin: 20px 0 20px;    padding: 15px 0;    text-align: center;
    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px; }
.athletics-calendar h3 { padding:10px 2%; margin:0; }
.athletics-calendar p {    border-bottom: 1px dotted #E7E7E7;    border-top: 1px dotted #FFFFFF;    font-size: 0.8em;    line-height: 1.8em;    margin: 0;    padding: 10px 2%;}
.athletics-calendar p strong { text-transform:uppercase; }
/* ..............................................................................................
Sub-Nav for Office Sections - Special Education sections 
(http://www.montgomeryschoolsmd.org/departments/special-education/programs-services/autism.aspx) 
..................................................................................................*/
#submenulist .sub-nav {	background:#fff;	border:0;	}.sub-nav {	margin-bottom:20px;	}#submenulist .sub-nav li h2 {   background-color: #999999;    font-size: 0.8em;    text-transform: uppercase;}
#submenulist .sub-nav li {    color: #2C2C2A;    list-style: none outside none;    margin: 0;    padding: 0 0 0 0;}
#submenulist .sub-nav li a {  border-bottom: 1px dashed #f3f3f3; border-top: 0; color: #625E56; display: block; font-weight: normal;padding: 5px 10px; text-decoration: none;font-size:0.85em;	background:#fff;}
#submenulist .sub-nav li a:hover { border-bottom: 1px dashed #f3f3f3;  border-top: 0;  color: #666;  display: block;  font-weight: normal;  padding: 5px 10px;  text-decoration: none;font-size:0.85em;	background:#f3f3f3;}
ul.sub-list {	font-size:0.95em;	padding:0;	margin:0;	margin-bottom:2em;	}
ul.sub-list li {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border-bottom: 1px dashed #F3F3F3;    list-style: none outside none;    margin: 0;    padding: 0.5em 0.5em;}
.faqs {	padding:0.6em 2%;	margin-bottom:4em;	}
.faqs ul {	padding:0;	margin:0;	margin-left:1em;	}
.faqs li {    font-size: 0.8em;    margin: 0 1em;    padding: 0.6em 0;}
/* ............MCPS Super ..........*/
.large-section-border img{border: 5px solid #FFFFFF;    box-shadow: 3px 3px 5px #CCCCCC; margin:.5em ;}
#mcpssuper_video h2 {    background: url("/uploadedImages/departments/superintendent/mcpssuper/h2_bg.jpg") no-repeat scroll 0 0 #FFFFFF;   height: 105px;    margin: 0 auto;    overflow: hidden;    text-indent: -99999px;}
.mcpssuper_bg {    background: url("/uploadedImages/departments/superintendent/mcpssuper/mcpssuper_bg.jpg") repeat-x scroll 0 0 #FFFFFF;    border: 1px solid #FFFFFF;    border-radius: 10px 10px 0 0;    overflow: hidden;
    padding: 0 20px;    word-wrap: break-word;}
#mcpssuper_video {    margin: 0 auto;    width: 73%;}
#mcpssuper-videoplayer {    border: 10px solid #FFFFFF;    box-shadow: 2px 4px 5px #5D6B70;    margin-bottom: 10px;    padding: 0;}
	/* Gray button with orange font */
.jQueryBookmark {	font-size:16px;	font-family:Arial;	font-weight:normal;	-moz-border-radius:8px;	-webkit-border-radius:8px;	border-radius:8px;	border:1px solid #dcdcdc;
	padding:4px 4px;	text-decoration:none;	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');	background-color:#ffffff;
	color:#e37805;	display:inline-block;	text-shadow:1px 1px 0px #ffffff; 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff; 	box-shadow:inset 1px 1px 0px 0px #ffffff; margin-bottom:1em;
}.jQueryBookmark:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.jQueryBookmark:active {	position:relative;	top:1px;}
a.jQueryBookmark {	color:#e37805;}
  /* Twitter FeedStyles */
.horizontal_dotted_line{  border-bottom: 1px dotted #006;  width:  55%;  float:right;  margin-right: .5em;}
 .blockquote:before {    color: #000000;   content: "“";   font-family: Georgia,serif;  font-size: 6rem;  font-weight: 300;  left: 0px;  position: absolute;  top: 0;  }
  /* Tech Products Styles */
 .techicon { padding-right: 0.5em; padding-bottom: 0em; float:left; } 
 .subnav {	background-color: #F8F7F1;    border: 1px solid #E6E4DA;    margin-bottom: 1.5em;    padding: 0.25em; }
  .productimg {	float: left; text-align: center; width: 30%; margin: 0px; padding: 0px 0.8em 0.2em 0px;  }
  .techproducttitle {	margin: 0px 0px 0.4em; padding: 0px;  }
 .specheading {margin: 0px; padding: 0px;  }
   .producticon {	margin: 0px; padding: 0px .8em 0px 0px; width:10%; float:left; } 
 .whiteboxlinks { padding:.6em 1em .6em 1em ; margin:0 0 0em 0; border:1px solid #ebebea; background-color:#FFFFFF; overflow:hidden;}
  .grayboxlinks { padding:.6em 1em .6em 1em ; margin:0 0 0em 0; border:1px solid #ebebea; background-color:#f3f3f1; overflow:hidden;} 
 .nospace {	 margin: 0; padding: 0; height:0; }
 td {  font-size: 0.875em; line-height: 1.4em;   margin: .3em 0 .8em 0;}
td a { font-size: 100%;}   /* END Tech Products Styles */
  .icon {font-weight:bold;font-size:larger;padding: 0 1em 0 0;color: #3C5A78;	}
    /* start schoolodex search styles */
 #searchwrap {margin: .5em 0 1em 0;	padding:4% 2% 15% 2% !important;	border:#c1c0c0 solid 1px;	background:#FFFFFF url(/images/BGstripe.png) repeat;}
#searchwrap .searchtext {    width: 63%;	float:left;}
#searchwrap .searchbtn {    width: 31%;	float:right;    background:#e37805;    border: 0px solid #8B5723;    border-radius: 0.5em ;    box-shadow: 1px 1px 1px #939393;	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; 	-moz-border-radius: .5em;    color: #FFFFFF;   text-align: center;    text-shadow: 0 1px 1px #373737;    vertical-align: middle;	 cursor: pointer;	 font-size:11px;
	padding:2px 0px 2px 0px;	webkit-appearance: none;overflow: visible;display: inline-block;}
#searchwrap .searchbtn:focus {  outline: 0;  background: #fff;}
#searchwrap .searchbtn:hover{   background: #c56906;}
#searchwrap .searchbtn:hover{   background: #c56906;}  
#searchwrap .searchbtn:active,.form-wrapper button:focus{   outline: 0; }
#searchwrap .searchbtn:hover:before{   border-right-color: #e37805;}
#searchwrap .searchbtn:focus:before,.form-wrapper button:active:before{  border-right-color: #e37805;} 
#searchwrap .searchbtn:-moz-focus-inner {  border: 0;    padding: 0;}   
   /* end schoolodex search styles */
.presspage p, .textblack{ color: #444444;}
p span.header {
    border-bottom: 1px dotted #3c5a78;
    color: #444444;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.4em 0 0.9em;
}


/* ............Banner ..........*/

#subbanner {
		width:100%;  
		height:auto;  
		padding:0; 
		-moz-border-radius:8px; 
		-webkit-border-radius:8px; 
		border-radius:8px; 
		-khtml-border-radius:8px;    
		box-shadow: 0 0 0 1px #FFFFFF inset;
  		-moz-box-shadow:    1px 1px 4px 2px #ccc;  
		-webkit-box-shadow: 1px 1px 4px 2px #ccc;  
		box-shadow:     1px 1px 4px 2px #ccc;   
		margin-bottom:15px;
		}
		
.blue-bg{background-color:#00b0e7; }
.green-bg{background-color:#85c961;}
.orange-bg{background-color:#eaa537;}
.electricblue-bg{background-color:#00b0e7;}
#subbanner img{  
	margin:0; 
	padding:0;  
	float:left; 
	width:25%;
	-moz-border-radius:8px 0 0 8px; 
	-webkit-border-radius:8px 0 0 8px; 
	border-radius:8px 0 0 8px; 
	-khtml-border-radius:8px 0 0 8px;
}
#subbanner hgroup{  padding:0;  float:right; width:75%; text-align:center; margin:0; }
.twolines { margin:1em .3em 0 .3em ;}
.threelines { margin:.3em .3em 0 .3em ;}
#subbanner h2, #subbanner h3, #subbanner h4 { margin:0; padding:0; font-family:Georgia,"Times New Roman",Times,serif; }
#subbanner h2{ color:#474747; font-size:1.9em;  text-shadow: 1px 2px 1px rgba(0,0,0,0); font-weight:200; margin-top:15px;  }


#subbanner h3{  font-size:1.2em;  color:#333;  font-weight:bold; border:0; margin-top:0px;   }
#subbanner h4{  font-size:1.1em;line-height:1.3em;  color:#333;  font-style:italic;  font-weigh:bold; margin-top:5px;  }
#subbanner h2.large {  font-size:2.5em;    }
#subbanner h3.small{  font-size:1em;  }


/*
==========================================================================
miscellaneous
 ==========================================================================*/

.noleftmargin {	margin-left:0;	 }
.nobottommargin {	margin-bottom:0;	 }
.noclear {	clear:none; 	 }
/* Thin Promos (on community engagement site */
.onecolpromo  img:hover{opacity:0.75;filter:alpha(opacity=75);} /* For IE8 and earlier */
.bold {font-weight:bold;}
/* picture border on association relations site */
.pictureborder {background: none repeat scroll 0 0 #FFFFFF;    box-shadow: 0 0 2px 2px #E7E7E7;        padding: 2px;}
/* News Items on ERSC site */
#employeenews {		margin:0px .5em 0 .5em ;}#employeenews h4 {margin: .5em 0 1em 0;	font-family:Arial, Helvetica, sans-serif;	font-size:100%;	}
#employeenews ul{    list-style-type: none;}
#employeenews li {	list-style-type: none;	border-bottom:1px dotted #8ca8c9;	   text-indent: -1.8em;}
.slidedownleft {text-align:left;}
#employeenews ul li:before{    font-family: icomoon;    content: "\e042";	font-size: .9 em;		color:#666;    float: left;    width: 1.8em;}
#employeenewsitem h3{color: #A0411D;   font-weight: 100;  margin-top:0px;}
/* ICONS for LIST ITEMS ON BUDGET PAGE */
#moneylist ul{    list-style-type: none;} 
#moneylist li {	list-style-type: none;	   text-indent: -1.8em;margin: 1.5em 1em;}
#moneylist ul li:before{    font-family: icomoon;    content: "\e0a7";	font-size: .9 em;		color:#666;    float: left;    width: 1.8em;}
/* ICONS for LIST ITEMS ON BUDGET PAGE */
#fy15 ul{    list-style-type: none;}
#fy15 li {	list-style-type: none;	   text-indent: -1.8em;}
#fy15 ul li:before{    font-family: icomoon;    content: "\e029";	font-size: .9 em;		color:#666;    float: left;    width: 1.8em;}
ul.nav-submenu li.nohover a:hover {	border-bottom: none;}
#submenulist  li a.selected {    background-image: url("http://www.montgomeryschoolsmd.org/uploadedImages/globalContent/menu-arrow.png");    background-position: 1% 50%;
    background-repeat: no-repeat;    color: #CC6600;    font-weight: bold;    text-decoration: none;    text-indent: 9px;    width: 100%;}
.dontshow>div {    display:none;}
.dontshow{	width:280px;display:inline-block; margin:0 10px 0 0; background:#fff; vertical-align:top; }.expand>div {    display:block;}
.expand>br {    clear:both;}
.active {position:relative;}
.dontshow h5{ font-size:1em; color:#7d7d7d; }
.dontshow h5 span{color:#E18522; font-size:1.2em; margin-right:5px;}
.dontshow img:hover{opacity:0.4;filter:alpha(opacity=40);}
.expand{width:95%; padding:20px; float:none; background:#f7f7f7; overflow:hidden; display:block; }
.expand span{width:280px; float:left;}
.expand div{width:60%; float:right;}
.expand h5 {display:none;}
.expand h6{color:#E18522; font-size:1em; margin:0; padding:0; text-align:right; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
      /* start horizontal navigation styles (like News pages) */
ul.nav-submenu {    margin: 0 auto 3em;line-height: 1.4em;    padding-left: 1%;    text-align: center;	list-style:none;}
.nav-submenu li {    float: left;    margin: 0;    padding: 0 20px 0 0;	list-style:none;	text-align:left;}
.nav-submenu li a {    color: #CC6600;    line-height: 1.4em;    margin: 0 0px 0px 0px;    padding: 8px 0em 3px;	font-weight:200;}
.nav-submenu li a:hover {    border-bottom: 5px solid #A4C5E7;	text-decoration:none;    color: #FF9900;	font-weight:200;}
 /* end horizontal navigation styles (like News pages) */
 
 
 /* start horizontal navigation styles (Online Learning pages) */
  ul.nav-onlinelearning {
	margin-bottom: 0px;  
  }
 
 .nav-onlinelearning li {
    border: 0 none;
    display: inline-block;
    width: 15%;
	text-align:center;
}
.nav-onlinelearning li a {
    font-size: 1.2em;
    padding: 8px 0 0px 0;
	color: #CC6600; 
}
.nav-onlinelearning li a:hover {
    background: none repeat scroll 0 0 transparent;
		color: #FF9900;
}
 /* end horizontal navigation styles (Online Learning pages) */
 
.dashed-bottom-border { border-bottom: 2px dashed #f3f3f3;}
 
 .office-info-left.withbreadcrumbs {margin-top:2.5em;	}
 
 /* ..............................................................................................
Office Info - Side Float - Left aligned not centered
..................................................................................................*/

.office-info-left {
	margin:10px;
	margin-left:20px;
	margin-top:1.5em;
	text-align:left;
	float: right;
    padding: 10px;
    width: 29%;
	}


.office-info-left h3 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0.3em 0 .8em 0;
    padding-bottom: 0.5em;
}

.office-info-left p {
    font-size: 0.75em;
    line-height: 1.6em;
}

/* ==========================================================================
    Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 685px) {

#wrapper img{display:none; visibility:hidden;}
#top-row, #contact-button, #top-links, #middle-img{display:none; visibility:hidden;} 
.top-box{width:100%;  display: block; }
.mainimg{width:100%; height:auto; margin:10px auto ; min-width:300px; }

.mainimgsub {width:100%; height:auto; margin:10px auto ; min-width:300px; }
h1#logo{font-size:1.25em; line-height:1.35em; }
#logo-img {margin:0 0 5px 0; }
#banner{ width:100%;  border:0px; background:#002042;}
.container { position:relative; top:0; }
#content-wide{margin:0 auto 0 auto;    max-width: 100%;   }
.container-wide {    top:0px;}
#mainbox img.showimg, #mainbox ul li img{ display: block;	visibility:visible; } 
.maxwidth, #content-wrapper, .nav-center, .story, .narrowcol, .threecol, .subnav, .twocol, .onethirdcol, .twothirdcol, .full, .threefourthcol, .onefourthcol, .onefourthcol-small, .mainimg, .tabs-wrapper, .emergency, .maininfo , #sidenav,.sidenav-content, #mainbox, 
.twocolvideo, .primarycol, .staffmain, .staffboxmain, .secondarycol, .columnstaff, .subcontent, .secondarycolleft, .primarycolright, .submenu, .widecol, .secondarycolright {width:100%; margin:0 ;padding:0; display:block;overflow:hidden;  }
/* .....Navigation..... */
#mobile-nav{z-index:999999; position:relative; width:50px; float:left;}
a.toggleMenu  {font-size:160%; padding:5px 0 0 8px; font-weight:normal;}
a.toggleMenu:hover{text-decoration:none;}
ul.menuList ul {   display: block;    width: 100%;}
ul.menuList li { float:none; width:100%; border-bottom:1px solid #01264e; margin:0px; font-size:115%;line-height:90%;  border-top:1px solid #023a74; border-right:0; border-left:0; position: relative; background-color:#012d5b;}
ul.menuList ul li.small-section {   padding:0;}
ul.menuList li ul{ background: #5395ea;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);	-moz-opacity:100;-khtml-opacity:100;opacity:100;  border-bottom: 0; margin:0 ; padding:0;}

ul.menuList li ul li {border-bottom:1px solid #4a91e9; border-top:1px solid #5b9cf4; margin:0;}
.menuList li li a {  background:  #5395ea; font-size: 86%;   display: block;    position: relative;    z-index: 100;	padding:7px 0 7px 20px;}
ul li.large-section img {display:none; border:none; margin:0; padding:0; box-shadow:none; background:none;}
ul.menuList ul li.small-section, ul.menuList ul li.large-section  {   width: 100%;padding:0;}


.large-section img, .small-section img{ margin:0; padding:0; background-color: none;  border:0;  box-shadow: 0; }
ul.menuList li:hover { background-color:#1f60b3;  }
ul.menuList .icon-angle-down {color:#95b1e2; padding:0; margin:0; display:inline-block;}
.active {   display: block;}
body {  -moz-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);  -o-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  transition: all 0.5s cubic-bezier(0.75, -0.25, 0.25, 0.75);  position: relative;  }
body.slide-body {    -moz-transform: translateX(260px); -ms-transform: translateX(260px);  -webkit-transform: translateX(260px);  transform: translateX(260px);  }
ul.menuList { background: #012d5b; width:260px; height: 100%;  position: absolute; -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -webkit-transform: translateX(-260px); transform: translateX(-260px);
  -moz-transition: 0.25s ease-out all;  -o-transition: 0.25s ease-out all;  -webkit-transition: 0.25s ease-out all;  transition: 0.25s ease-out all;}
  .toggleButton{width:210px; margin-bottom:20px;}
    .toggleButton span{margin-right:10px;}
	.nav-center{background-color:#1f60b3;}
/* .....Search..... */
#search {width:80%; padding:0 ;margin:.7em .2em .5em 0 ;float:right;border:0; }
input[type="search"] {	border-radius:0; -webkit-appearance: none;}
.form-wrapper input {   border: 0;    border-radius: 0; font-size:100%; }
.form-wrapper button{font-size:90%;}
/* ....Languages..... */
ul#languages {clear:both; margin:5px 0 0 0; padding:0 0 0 2px; background-color:#5395ea;  width:100%; border-top:5px solid #fff;}
#languages li {margin: 0.3em 0;  padding: 0 .4%; font-size:90%;}
#languages a {   padding: 0 ; margin:0;}
/* .....Layout Options..... */
.twocolplayer {width:100%; margin:0 ;padding:0; display:block;overflow:visible; }
.box,   .borders, .borderr, .borderl {border-radius:0px;  border:0px ; }
 .hide, .story p,  #photoblock, #mainbox img, .thinpromo, .twocolprom,.twocolpromo, .staffmainimg, .staffboxfigure {display:none; visibility:hidden; border:none; margin:0;} 
.mainimg, .photoblock, .mainimgsub {width:100%; height:auto; margin:10px auto ;  }

.mainimgsub img{ width:280px; margin:0 auto;}
.mainimg img{ width:280px; margin:0 auto;}
.box, .box-one-narrow, .box-pattern {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px solid #e2e5e8;  }
.tanbg {background:#Fff;}
.column{width:140px;float:left;}
.columnbig{width:140px;float:left;}
.widthsmall{width:100%;min-width:300px; margin:0 ;padding:0; display:block;overflow:hidden; }

/* .....News..... */
#news {  padding:5px 0 0 10px ; width:auto;  background-color:#e0e7f1; }
#news h2{font-size:22px;  color:#344359;}
#news h3{ font-size: 20px;}
	/* SCHOOLS PAGE  */
#school-tabs .active-panel{ height:auto; overflow:auto;}
.tabs-wrapper-full { padding:0 0 0 0; }

#secondarynav img {width:90%; align:center; margin:10px auto 5px auto; padding:0px;  }
#secondarynav{float:none; width:100%;   }
#sidenav {    background-color: #fff;    border: 0;}

ul#tiles { margin:0; }
ul#tiles li {    margin: 0.2em 0 0.3em 0.3em;    min-width:85px;  min-height:80px;   padding: 0.2em ; 	font-size:80%;}

#storyselector{background-color:#e0e7f1; height:1em; margin:.6em auto; padding-top: 10px; border:0; border-radius:0px; width:8em; }
#storyselector li{border-radius: 50%;  background-color:#b3bfd1; height:.9em; width:.9em; margin: 0 .4em; align:center;  }
#storyselector li a {    line-height: 1.2em; text-indent:-999999px;}
#storyselector li:hover { height:.9em; width:.9em;}
#storyselector .selected, #storyselector a:hover{border-radius: 50%; width:.9em; height:.9em; background-color:#63748e;  }
.hide-desktop { display: block;	visibility:visible; }
/* ....Calendar..... */
#events{ padding: 0 0 1em 0;  margin:0 ;border:1px solid #e6eaea; background-color: #fff;  display:block;border-left:1px solid #d9dde1;  border-right:1px solid #d2d7db; border-bottom:2px solid #c5ccd2; }
#events dl{width:100%;  display:block;   margin: 0; border: 0; }
#events dl dt {  background-color:#f6f8fa; border-bottom:1px solid #e6eeee; border-top:4px solid #5b6e7f; color:#be6f0b;  }
#events dd{margin:.2em 0 .3em .1em;}
dd a{font-size:0.87em;line-height:1.2em; padding:.5em .2em .4em 1em; vertical-align: middle; border:0;  }
#calendar-link{ left:0;}
h3.calendar {margin-top:20px;}

/* CALENDAR PAGE  */
.data th {	font-size:0.7em;}
.data td {	vertical-align:middle;	}
.data-date {text-align:center;}
.data-day {	display:block;	}
.staffinfo{width:100%;}
ul.box-one-light{padding:5px;}
ul.box-one-light li{list-style-type:none; margin:0; padding:0;}
/*.........FOOTER ...........*/
#footerwrapper{margin:0; padding:0; top:0;}
 footer#contact-info {background-color:#012d5b; padding:10px 0;  }
 #contact-info p,  #contact-info h3{text-align:center; float:none;}
.footer{ margin: 3%;  width:94%; } 
.footer li {  display: inline-block; padding:0 0 .65em 0;}
.footer h3{  margin-bottom:.45em; padding-bottom:0; } 
.column{width:auto; }
.columnbig{width:auto; }
.footer li:not(:last-child):after {   color: #444;   content: " |";   padding: 0 2px 0 4px;}
img.left{float:none; display:block;}
#contact-info img { display:none;}

.top{padding:.5em 0 0 0;}

	
/* ............MCPS Super ..........*/
#mcpssuper_video h2 {  background: #FFFFFF;  color: #000;  height:auto;  margin: 0 auto; overflow: hidden;  text-indent:0;font-size:1em;}
.mcpssuper_bg {  background:  #FFFFFF;    border: 0;    border-radius:  0;}
#mcpssuper_video {    margin: 0 auto;    width: 88%;}
/* ............ Staff Directory ..........*/
label.directory{clear:both;width: 100%;text-align: left;margin-right: 0px;}	
    /* ............RESPONSIVE TABLE STYLES ..........*/ 
table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 		display: block; 	}
	/* Hide table headers (but not display: none;, for accessibility) */
.responsive th { position: absolute;top: -9999px;left: -9999px;	}
	.responsive tr { border: 1px solid #ccc; }
	.responsive  td {/* Behave  like a "row" */	border: none;border-bottom: 1px solid #eee;	position: relative;}
	.responsive  td:before {/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;}
	.office-info-left { background: none repeat scroll 0 0 #F3F3F3; float: none; margin: 0; padding: 0 0 12px; width: 100%; }
	.expand div{width:100%; float:none;}	
	 ul.nav-submenu{  width:100%; -moz-border-radius:0px; border-radius:0px; padding:0;}
.nav-submenu li {float:none; width:100%; border-bottom:1px solid #88a1b9; margin:0px; }	
	 ul.nav-onlinelearning {  width:100%; -moz-border-radius:0px; border-radius:0px; padding:0;}
.nav-onlinelearning li {float:none; width:100%; border-bottom:1px solid #88a1b9; margin:0px; }	
#subbanner img { display:none;}
#subbanner hgroup{width:100%; font-size:80% padding:10px;}

}
@media only screen and (max-width: 685px) and (orientation:landscape) {
h1#logo  {font-size:1.6em;  }	
#wrapper img{display:none; visibility:hidden;}
#news h3{ font-size: 90%;  margin: 10px 0 0 0;  text-align:left;  } 
#news a{ font-size: 85%; } 	
#news img{ margin:10px 0 0 0; width:auto;   }
ul#tiles li {    min-height:50px;height:50px; font-size:60%;}
dd a{font-size:0.95em; padding:.5em .2em .4em 1.4em;}
#subbanner img { display:none;}
#subbanner hgroup{width:100%; font-size:80% padding:10px;}
}

@media screen and (min-width:685px) and (max-width: 980px) {
body { font-size: 96%;}
h1#logo {   font-size: 1.6em;   font-weight: 500;    width: 50%;}
.maxwidth{ width:97.96%;  margin:0 auto;}
#top-row{  background: url("../images/bg.jpg"); border-bottom:solid 5px #edece6;}
#left-img, #right-img{display:none; visibility:hidden;}
.form-wrapper button {    }  
#languages a {    font-size: 0.8em;  line-height: 1em;}
#languages li {margin: 0.2em 0;  padding: 0 .5%;}

 ul#languages {margin: 7% auto 0;} 
#contact-button a {   font-size:95%;}
.twocolvideo{width:100%}
ul#top-links {font-size:95%;}
ul#tiles li { font-size:85%;  margin: 0.2em 0 0.8em 0.5em;    height:85px; width:155px!important; padding: 0.3em ; }
ul.menuList li a{  font-size: 90%;   padding: 0 0.45em;  }
.videoList .slide {width:140px!important;}
}
@media screen and (min-width:685px) and (max-width:1225px) {
#left-img img, #right-img img{ display:none; visibility:hidden;}

}
@media screen and (min-width:685px)  {
ul.menuList li:hover ul { visibility: visible ; transition-delay:0.2s; }
}