/* embedded fonts */
@font-face {
  font-family: 'fontawesome-selected';
  src: url("/css/mobile/font/fontawesome-selected.eot");
  src: url("/css/mobile/font/fontawesome-selected.eot#iefix") format('embedded-opentype'), url("/css/mobile/font/fontawesome-selected.woff") format('woff'), url("/css/mobile/font/fontawesome-selected.ttf") format('truetype'), url("/css/mobile/font/fontawesome-selected.svg#fontawesome-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontawesome-selected';
    src: url('/css/mobile/font/fontawesome-selected.svg#fontawesome-selected') format('svg');
  }
}
*/

/* http://nicolasgallagher.com/micro-clearfix-hack */
header[role=banner]:before, .media-boxes div.wrap:before, footer[role=contentinfo]:before, .copy-wrap:before, .copy-wrap section:before, .custom-header:before, .fc-calendar-container:before, .clearfix:before,
header[role=banner]:after, .media-boxes div.wrap:after, footer[role=contentinfo]:after, .copy-wrap:after, .copy-wrap section:after, .custom-header:after, .fc-calendar-container:after, .clearfix:after {
	content: " "; /* 1 */
	/*display: table;*/ /* 2 */
}
header[role=banner]:after, .media-boxes div.wrap:after, footer[role=contentinfo]:after, .logo-wrap:before, .copy-wrap:after, .copy-wrap section:after, .custom-header:after, .fc-calendar-container:after, .clearfix:after {
	clear: both;
}
header[role=banner], .media-boxes div.wrap, footer[role=contentinfo], .logo-wrap, .copy-wrap, .copy-wrap section, .custom-header, .fc-calendar-container, .clearfix {
	*zoom: 1;
}

/* base styles */
body {
	background-color: rgb(255, 255, 255);
	background: url('/images/mobile/bkg-gradient-tile02.jpg') 0 0 repeat-x;
	font: 1em/1em Arial, Verdana;
}
*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container {
	height: auto;
	margin: 0 auto;
	min-height: 100%;
	width: 60em; /* 960px / 16px */
	max-width: none;
}
a {
	text-decoration: none;
	color: #2350C4;	/*don */
	/*border-bottom: 1px dotted;  */   /*don*/
	word-wrap: break-word;
}
a:active {
}
/*
a:visited {
	color: #474747;
}
*/
.copy-wrap a:hover {
	border-bottom: 1px solid;
}
.page-wrap {
	float: none;
	height: auto;
	margin: 0 auto;
	clear: none;
	width: 100%;
	min-width: 0;
	max-width: none;
}
header[role=banner] {
	float: none;
	height: auto;
	margin: 0 auto;
	clear: none;
	width: 100%;
	min-width: 0;
	min-height: 115px;
	overflow: visible;
}
.logo-wrap {
	float: left;
	height: 86px;
	margin: 1em 0 0.813em 0;
	clear: none;
	width: 100%;
	min-width: 0;
}
a.logo-seal {
	float: left;
	height: 86px;
	margin: 0 1em 0 0;
	clear: none;
	width: 86px;
	background: url('/images/mobile/dos-logo-seal01.png') 0 0 no-repeat;
	border: none;
	text-indent: -99999px;
	display: block;
	border: none;
}
.logo-text {
	color: #fff;
	font-size: 3em;
	line-height: 56px;
	float: left;
}

.logo-text-container {
    float:left;
}

.logo-text-container h2 {
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 2em;
    margin: 0;
    padding: 4px 0 0 2px;
    font-weight: normal;
}

.logo-text-container a.full-site {
    color: #FFFFFF;
    float: right;
    font-weight: normal;
    padding: 8px 0 0;
    font-size:1.1em;
    display: none;
}

#info-bubble {
    background: url('/css/mobile/tooltip-bubble-reverse.png') 0 0 no-repeat;
    background-size:230px 80px;
    position:absolute;
    top:-10px;
    left:30px;
    float: left;
    z-index: 10;
    font-size: .9em;
    height:80px;
    width:230px;
    padding: 33px 11px 0;
    /*opacity: 0;*/
    display: none;
}

.menu-icon:after{
    padding: 2px 4px;
    font-family: 'fontawesome-selected';
    content: '\f0c9';
    font-size: 1em;
}
.menu-icon-boxed:after{
    padding: 2px 4px;
    font-family: 'fontawesome-selected';
    content: '\f0c9';
    font-size: 1em;
    border: 1px solid;
}

/* navigation */
.nav-wrap {
	position: relative;
	background-color: rgb(25, 95, 164);
	
}

nav[role=navigation] {
		clear: both;
}

.js nav[role=navigation] {
	overflow: hidden;
	max-height: 0;
}

nav[role=navigation].active {
	max-height: 23em;
}
	
nav[role=navigation] #menu2 ul {
	margin: 0;
	padding: 0;
	border: 0;
	/*background-color: rgb(25, 95, 164);*/
	list-style: none;
	background-color: #ddd;
}
nav[role=navigation] #menu1 ul {
    margin: 0;
    padding: 0;
    border: 0;
    /*background-color: rgb(25, 95, 164);*/
    list-style: none;
    background-color: #195FA4;
}

nav[role=navigation] li {
	display: block;
	margin: 0;
	border-color: #67AFE8;
    border-style: solid none none;
    border-width: 1px medium medium;
}
nav[role=navigation] li a:hover, a.menu-link:hover {
	background-color: #003366;
}
nav[role=navigation] li a {
	color: #fff;
	display: inline-block;
	width:100%;
	padding: .8em;
	/*border-color: #67AFE8;
    border-style: solid none none;
    border-width: 1px medium medium;*/
    
}

/* right arrow on submenu not needed
nav[role=navigation] li ul li a:before {
    /* right arrow */
    content: '\25b8';
    padding-right: 3px;
}
*/

/* 
nav[role=navigation] li a.has-sub:before {
    content: '\25b8';
}
*/

nav[role=navigation] li .menu1-level1 {

}
nav[role=navigation] li .menu1-level2 {
    /* doesn't work? */
   background-color: #3C80B7;
   /*padding-right: 30px;*/
}

nav[role=navigation] li a.has-sub {
	color: #fff;
	display: inline-block;
	/*width:90%;*/
	padding: .8em;
	/*border-color: #67AFE8;
    border-style: solid none none;
    border-width: 1px medium medium;*/
    
}

nav[role=navigation] li span {
	display: inline-block;
	/*background-color: #A22538;*/
	padding: .8em 0;
	width:10%;
	color:white;
	text-align:center;
	cursor:pointer;
	border: 1px dotted #FFFFFF;
    font-size: 1.1em;
    padding: 8px 0 9px;
}

nav[role=navigation] li span:before {
    /*content: '\2795';*/
}

nav[role=navigation] li ul.main-menu-sub-menu {
	display: none;
}

nav[role=navigation] li ul.main-menu-sub-menu li a{
	padding-right: 3em;
	line-height:1.2em;
    /*color: yellow;
    font-weight: bold;*/
}

.plus-sign{
content:'\F0FE';
font-family: 'fontawesome-selected';
}


nav[role=navigation] li a.selected {
	opacity: .6;
}


/* menus */
.menu-link {
	text-transform: uppercase;
	font: 700 1em/1em;
	color: #fff;
	border: none;
}

/* menu 1 */
#menu-link1 {
	color: #fff;
	border: none;
	float: right;
	display: block;
	/*for longer menu names */
	padding: .85em .4em;
	line-height: .95em;
}
#menu-link1:after {
	padding: 0 0 0 .5em;   /* was .8 */
	font-family: 'fontawesome-selected';
	content: '\f0c9'; /* '' the 3 lines of the menu icon */
}
#menu-link1-search {
    color: #fff;
    border: none;
    float: right;
    display: block;
    padding: .8em .4em;
    line-height: .95em;
}

.menu-link.submenu:before {
	padding: 0;
	content: ''; /* blank */
}
/*
.menu-link.submenu:after {
	padding: 0 0 0 .8em;
	font-family: 'fontawesome-selected';
	content: '\f0c9';  
}
*/

/*
.menu-search:before {
    font-family: 'fontawesome-selected';
    content: '\1f50d';
    padding: 1em 0.3em 1em 1.3em;
}
*/

.menu-search {
    background: url('/images/mobile/search_icon.png') 0 7px no-repeat;
    background-size:30px 30px;
    float:right;
    color: #ffffff;
    /*border: 1px solid #fff;*/
    font-size: 2em;
    cursor: pointer;
    display: inline-block;
    /*display: none;*/
    padding: 1em 0.5em 1em 1em;
}
#search-input {
    color: #cccccc;
    width: 70%;
    font-size: 1em;
    margin-top: -2px;
    padding: 1px 1px 1px 3px;
}
#search-label {
    padding: 2px 5px 0 0;
    float:left;
}
#search-form {
    
}

/* menu 2 */
#menu-link2 {
	display: block;
	/*position: absolute;
	top: 0;
	left: 0;
	border: none;
	padding: .8em .4em; */
	width: 100%;
}

.hidden {display:none;}

#menu-link2 h1 {
    font-size:1em;
}

#menu-link2 h1 .more:before {
    font-family: 'fontawesome-selected';
    content: '\f0c9';
}
#menu-link2 h1 .more {
    border:1px solid;
    padding:5px 9px;
    background-color:#bbb;
    margin-right: 8px;
    margin-top: 1px;
    float: left;
} 

.wrap a#menu-link2 {
    background-color: #ddd;
    padding: 10px;
    color: #A22538;
    text-shadow: 1px 1px 0 #FFFFFF;
    min-height: 46px;
} 

/* when no drop menu icon shown */
.wrap a#menu-link2.thinner {
    padding: 14px 10px 10px 10px;
}

.wrap a#menu-link2:hover {
    background-color: #bbb;
} 

/*
#menu-link2.submenu:before {
	padding: 0 .5em 0 0;  /*was .8 */
	font-family: 'fontawesome-selected';
	content: '\f0c9'; /* 'menu */
}
*/
#menu2 {
	display: none;
}
#menu2, .menu-link.submenu {
	display: block;
}

.menu-link.submenu {
	position: absolute;
	top: 0;
	right: 0;
}

#menu2 ul li {
	width: 100%;
	text-align: right;
	border-color: #aaa;
}

/* left nav */
#menu2 ul li a {
	text-align: left;
	display: block;
	background-color: #ddd;
	color: #000;
	/*border-top: 1px solid #67afe8;*/
}
#menu2 ul li a:hover {
    background-color: #bbb;
}



/*close menu1 and menu2 */
#menu1, #menu2 {
	display:none;
}

#menu1 {
     text-align: right;
}

/*gray out (moved out of nav/menu area) */
.gray-out {
	opacity: .2;
}
 a.gray-out:hover {
 	background-color: transparent;
 	cursor:default;
 }

/* copy */
.copy-wrap {
	float: none;
	margin: 0 auto;
	clear: none;
	width: 100%;
	background-color: rgb(255, 255, 255);
	min-width: 0;
	min-height: 20em; /*don*/ /* 789px / 16px - important: dpb calendar needs this value @ desktop screen size */
	position: relative;
}
.copy-wrap .wrap h1 {
	padding: .7em .8em .7em .8em; /*don*/
	width: 100%;
	font: 700 1em/1em Arial, sans-serif;
	text-transform: uppercase;
	color: #A22538;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	background: #ddd;
	border-bottom: 1px solid lightgrey;
	clear: both;
}
.copy-wrap>.wrap:first-child {
	background: #efefef;
	border-bottom: 1px solid lightgrey;
}



/* old truncated breadcrumbs 
.breadcrumbs, .breadcrumbs_medium, .breadcrumbs_large { padding: 0 1em .5em 1em; width: 100%; font-size: 0.875em; }
.breadcrumbs_large {display:block;}
.breadcrumbs, .breadcrumbs_medium {display:none;}
*/

.sub-section-header {
    padding:3px;
    display: block;
    font-size:.9em;
    color:#fff;
}

.breadcrumb {
	display: block;
    /*padding: 0.4em 0.8em;*/
    /*width:100%;
    background-color: #888;*/
}

#breadcrumb_toggle a:hover {
	text-decoration:none;
	border-bottom: none;
	background-color: #003366;
}

#breadcrumb_toggle a {
    color: #fff;
    display: block;
    padding: .85em .4em .85em .4em;
    text-transform: uppercase;
}

#breadcrumb_toggle:hover {
    background-color: #003366;
}

#breadcrumb_toggle { 
	display: inline-block;
	/*padding: 10px 3px 10px 10px;*/
	/*border: 1px solid #aaa;*/
	/*margin-left: 2px;
	margin-bottom: 2px;*/
}

#breadcrumb_toggle a:before {
    padding: 0 .5em 0 0;
    /*font-family: 'fontawesome-selected';*/
    /*content: '\f0c9';*/ /* 3-lines */
} 
 
#breadcrumb_toggle.disabled { 
    opacity: 0.5;
    border: 0px;
}

#breadcrumb_list {
	display:none;
	list-style: none;
	/*padding: 0.5em 0em 0.4em;*/
	line-height:1em;
}

#breadcrumb_list a.last{
    /*font-weight:bold;*/
    font-style: italic;
    /*color: #A22538;
    text-transform: uppercase;
    font-size: .95em;*/
}


#breadcrumb_list li {
	display:block;
	border-color: #67AFE8;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 0;
}
#breadcrumb_list a {
	line-height:1.3em;
	display: block;
    width: 100%;
    padding: .3em 1em;
    background-color:#195FA4;
    color:white;
}

#breadcrumb_list a:hover {
	border-bottom: none;
	background-color:#003366;
}

#breadcrumb_list a.bread1 { padding-left: 1em;}
#breadcrumb_list a.bread2 { padding-left: 1.5em;}
#breadcrumb_list a.bread3 { padding-left: 2em;}
#breadcrumb_list a.bread4 { padding-left: 2.5em;}
#breadcrumb_list a.bread5 { padding-left: 3em;}
#breadcrumb_list a.bread6 { padding-left: 3.5em;}
#breadcrumb_list a.bread7 { padding-left: 4em;}
#breadcrumb_list a.bread8 { padding-left: 4.5em;}
#breadcrumb_list a.bread9 { padding-left: 5em;}
#breadcrumb_list a.bread10 { padding-left: 5.5em;}
#breadcrumb_list a.bread11 { padding-left: 6em;}

/* top stories */
section[role=region].top-stories .wrap .wrap {
	padding: 1em;
	width: 50%;
	float: left;
	clear: both;
}
section[role=region].top-stories .wrap .wrap img {
	margin: 0 auto;
	display: block;
}
/*media boxes*/
section[role=region].media-boxes .wrap {
    clear: both;
}


/* secretary landing */
section[role=region].secretary-landing .wrap .wrap {
	padding: 1em;
	width: 25%;
	float: left;
	clear: both;
}
section[role=region].secretary-landing .wrap .wrap img {
	margin: 0 auto;
	display: block;
}


/* secretary photos */
.bottom .sec-photo-dates dl {
    float: left;
}

.bottom .sec-photo-dates dl dd {
   	margin: 0;
}

/* footer */

footer[role="contentinfo"] {
    background-color: #EFEFEF;
    height: 90px;
}

footer[role=contentinfo] nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
footer[role=contentinfo] nav li {
	display: inline-block;
	border-right: 1px solid lightgrey;
	float: left;
}
footer[role=contentinfo] nav li a.pipe{
    border-right: 1px solid lightgrey !important;
}
footer[role=contentinfo] nav li:last-child {
	border-right: none;
}
footer[role=contentinfo] nav li a, footer[role=contentinfo] nav li span {
	padding: 1em 0.4em; /*don*/
	display: inline-block;
	font-size: 0.875em;
	border: none;
}
footer[role="contentinfo"] nav li a.footer-icon {
    padding: 0.5em 0.4em 0.3em;
}
footer[role=contentinfo] li span {
	opacity: .6;
}
footer[role=contentinfo] li a:hover {
	background-color: #cdcdcd;
}
footer[role=contentinfo] nav {
	float: left;
	background-color: #eee;
}
footer[role=contentinfo] nav.right {
	float: right;
}
footer[role=contentinfo] nav.right a {
	/* top and back buttons */
	padding: 1em;
}
footer[role=contentinfo] img {
    border: 0;
}
.previous-page:before, .back-to-top:before {
	padding: 0 .3em 0 0;
	font-family: 'fontawesome-selected';
	font-size: 1em;
}
.previous-page:before {
	content: '\25c2'; /* '◂' */
}
.back-to-top:before {
	content: '\25b4'; /* '▴' */
}

/* media boxes */
.media-boxes {
	padding-bottom: 1em;
}
.mb-inner {
	overflow: visible;
	font-weight: normal;
}
.mb-inner h2 {
	padding: 0;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: .5em;
	font-size: 1em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	background: none;
	border: none;
}
.mb-inner p {
	line-height: 1.2em;
}
.mb-inner p a {
	white-space: nowrap;
	font-size: 0.875em;
}

/* split lists */
.split-list {
	padding: 0 1em;
	list-style-type: none;
	width: 100%;
}
.split-list li {
	padding: 0 1em 0 0;
	width: 25%;
	float: left;
}
.split-list li a {
	line-height: 1.5em;
}

/* alphabetical groupings */
#a-b, #c-e, #f-k, #l-o, #p-s, #t-z {
	margin-bottom: 1em;
}
#a-b h2:first-child {
	margin-top: .6887em;
}
#a-b h2, #c-e h2, #f-k h2, #l-o h2, #p-s h2, #t-z h2 {
	margin: 0 0 .6887em .6997em;
}

/* content area */
section[role=main].content {
	padding: 1em .8em 0 .8em;  /*don */
	float: none;
	clear: both;
	line-height: 1.2em; /*don*/
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin: .5em 0 .5em 0;
}
.content h2 {
    font-size: 1.1em;
    color: #003366;
}
.content p {
	margin: 0 0 1em 0;
	line-height: 1.2em;
}
.content ol, .content ul, .content dl {
	margin: 0 0 1em 2em;
	line-height: 1.2em;
}
.content ul > ul, .content ol > ol {
	margin: 0 0 0 2em;
}
.content dl dt {
	margin: 0 0 .5em 0;
	font-weight: 700;
}
.content dl dd {
	margin: 0 0 0 2em;
}

/* responsive images */
.responsive {
    max-width: 100% !important;
    height: auto !important;
}





/* begin media queries */
@media all and (min-width: 35.5em /* 568px / 16px */) {
	.media-box {
		padding: 1em 1em 0 1em;
		float: left;
		width: 50%;
	}
	
	.secretary-media-box {
		padding: 1em 1em 0 1em;
		float: left;
		width: 75%;
	}
	
	
}

/* 960px --  force top navigation (home menu) to be shown*/
@media only screen and (min-width: 60em /* 960px / 16px */) {
	/* MM removed 
	#menu1 {
		display: block !important;
	}
	*/
	
	/* old truncated breadcrumbs 
	.bread7, .bread8, .bread9, .bread10 {display:none;}  
	.breadcrumbs, .breadcrumbs_medium {display:none;}
	.breadcrumbs_large {display:block;}
	*/
}
/* 959px -- add padding around page - media boxes now displayed below flexslider carousel */
@media only screen and (max-width: 59.938em /* 959px / 16px */) {
	.container {
		width: 95%;
	}
	.logo-text {
		color: #fff;
		font-size: 2.2em;
		line-height: 51px;
		float: left;
	}
    .logo-text-container h2 {
        font-size: 1.6em;
        padding-left: 2px;
    }
    .logo-text-container a.full-site {
        font-size: .95em;
    }
    .menu-search {
    	padding: 0em 0.5em 2em 1.15em;
    }
	footer[role=contentinfo] nav {
		clear: none;
	}
	header[role=banner] {
        height: auto;
        min-height: 115px;
    }
	
	/* split-list */
	.split-list li {
		width: 33.3333333%;
	}
	/* old truncated breadcrumbs 
	.bread7, .bread8, .bread9, .bread10 {display:none;}  
	.breadcrumbs, .breadcrumbs_large {display:none;}
	.breadcrumbs_medium {display:block;}
	*/
	
}

/* unused media query for 800px and 768px
@media only screen and (max-width: /*800px*\/50em \/* 800px \/ 16px *\/) {}*/

@media only screen and (max-width: 48em /* 768px / 16px */) {
	/* MM added to increase +/- size */
	/*nav[role=navigation] li a.has-sub { width:85%;}
	nav[role=navigation] li span {width:15%;}*/
	/* end MM added to increase +/- size */
	
/*the 3 smaller secretary stories get real small if you don't bump back up their size here */
	section[role=region].secretary-landing .wrap .wrap {
		width: 35%;
	}
	
	.secretary-media-box {
		width: 65%;
	}

}


/* 653px */
@media only screen and (max-width: 40.8125em /* 653px / 16px */) {
	.container {
		width: 100%;
	}
	header[role=banner] {
		height: auto;
		min-height: 88px;
	}
	.logo-wrap {
		margin: .5em 0 .406em 0;
		height: auto;
	}
	a.logo-seal {
		margin: 0 .5em;
		width: 71px;
		height: 71px;
		background: url('/images/mobile/dos-logo-seal02.png') 0 0 no-repeat;
	}
	.logo-text {
		color: #fff;
		font-size: 1.7em;
        line-height: 41px;
        margin-top: 5px;
		float: left;
	}
    .logo-text-container h2 {
        font-size: 1.3em;
        padding-left:1px;
    }
    .logo-text-container a.full-site {
        font-size: .9em;
        padding-top: 3px;
    }
    .menu-search {
        padding: 0.7em 1.5em 1em 0;
	background-size:27px 27px;
    }
	.copy-wrap {
		background: #fff;
	}
	
	/* old truncated breadcrumbs 
	.bread6, .bread7, .bread8, .bread9, .bread10 {display:none;}  
	.breadcrumbs_medium, .breadcrumbs_large {display:none;}
	.breadcrumbs {display:block;}
	*/
}
/* 568px -- iphone 5 landscape */
@media only screen and (max-width: 35.5em /* 568px / 16px */) {
	header[role=banner] {
		height: auto;
		min-height: 54px;
	}
	header[role=banner], .nav-wrap, .copy-wrap {
		min-width: 485px;
		min-height: 86px;
	}
	section[role=region].top-stories .wrap .wrap {
		width: 100%;
	}
	.media-box {
		padding: 1em 1em 0 1em;
		width: auto;
		float: none;
	}
	
	section[role=region].secretary-landing .wrap {
		margin-top: 1em;
	}
	

	section[role=region].secretary-landing .wrap .wrap {
		width: 100%;
	}
	
	.secretary-media-box {
		padding: 1em 1em 0 1em;
		width: auto;
		float: none;
	}
	/* old truncated breadcrumbs 
	.bread5, .bread6, .bread7, .bread8, .bread9, .bread10 {display:none;}  
	*/
}
/* 480px -- iphone 3+4 landscape */
@media only screen and (max-width: 30em /* 480px / 16px */) {
	body {
		-webkit-text-size-adjust: none; /* prevent font size increase in webkit browsers when device orientation is changed */
	}
	header[role=banner], .nav-wrap, .copy-wrap, footer[role=contentinfo] {
		min-width: 441px;
		min-height: 69px;
	}
	.split-list li {
		width: 50%;
	}
	/* old truncated breadcrumbs 
	.bread5, .bread6, .bread7, .bread8, .bread9, .bread10 {display:none;}  
	*/
}
/* 384px~499px - 3rd dos breakpoint */
@media only screen and (min-width: 24em /* 384px / 16px */) and (max-width: 31.188em /* 499px / 16px */) {
	/* MM added to increase +/- size */
	/*nav[role=navigation] li a.has-sub { width:85%;}
	nav[role=navigation] li span {width:15%;}*/
	/* end MM added to increase +/- size */
	
	header[role=banner] {
		min-height: auto;
	}
	a.logo-seal {
		margin: 0 .4em;
		width: 54px;
		height: 54px;
		float: left;
		background: url('/images/mobile/dos-logo-seal04.png') 0 0 no-repeat;
	}
	.logo-text {
		color: #fff;
		font-size: 1.25em;
		line-height: 25px;
		margin-bottom: 2px;
		float: left;
	}
    .logo-text-container h2 {
        font-size: 1.2em;
        padding:0px;
    }
    .logo-text-container a.full-site {
        font-size: .85em;
    }
    .menu-search {
        padding: 0.7em 1.4em 0.8em 0.0em;
	background-size:24px 24px;
    }
	header[role="banner"], .nav-wrap, .copy-wrap, footer[role="contentinfo"] {
		min-width: 368px;
		min-height: 69px;
	}
	
	/* old truncated breadcrumbs 
	.bread5, .bread6, .bread7, .bread8, .bread9, .bread10 {display:none;} 
	*/
}

/* 380px -- android (samsung galaxy) portrait */
/* empty for now... see above ranges... */

/* 320px -- crappy android landscape, iphone 3+4 portrait, iphone 5 portrait - modded breakpoints to follow design, used mq ranges vs. set device dimensions (i.e. no 320 breakpoint) */
/* 290px~383px - 2nd dos breakpoint */
@media only screen and (min-width: 18.125em /* 290px / 16px */) and (max-width: 23.938em /* 383px / 16px */) {
	/* MM added to increase +/- size */
	/*nav[role=navigation] li a.has-sub { width:80%;}
	nav[role=navigation] li span {width:20%;}*/
	/* end MM added to increase +/- size */
	header[role=banner] {
		min-height: auto;
	}
	a.logo-seal {
		width: 40px;
		height: 40px;
		background: url('/images/mobile/dos-logo-seal05.png') 0 0 no-repeat;
	}
	.logo-text {
		color: #fff;
		font-size: 1.0em;
		line-height: 16px;
		margin-bottom: 3px;
		float: left;
	}
	.logo-text-container h2 {
        font-size: 1em;
        padding:0px;
    }
    .logo-text-container a.full-site {
        font-size: .72em;
        padding:0px;
    }
    #info-bubble {
        width:190px;
        height:90px;
        padding: 33px 11px 0;
        background-size:190px 90px;
    }
    .menu-search {
        padding: .2em 1.1em 1.0em 0em;
	background-size:20px 20px;
    }
	header[role=banner], .nav-wrap, .copy-wrap, footer[role=contentinfo] {
		min-width: 274px;
		min-height: 55px;
	}
	
	/* old truncated breadcrumbs 
	.bread4, .bread5, .bread6, .bread7, .bread8, .bread9, .bread10 {display:none;}  
	*/
}

/* 358px */
@media only screen and (max-width: 22.375em /* 358px / 16px */) {
	/* MM added to increase +/- size */
	/*nav[role=navigation] li a.has-sub { width:80%;}
	nav[role=navigation] li span {width:20%;}*/
	/* end MM added to increase +/- size */
	
	.split-list li {
		width: 100%;
	}

}
/* 289px - 1st dos breakpoint */
@media only screen and (max-width: 18.063em /* 289px / 16px */) {
	/* MM added to increase +/- size */
	/*nav[role=navigation] li a.has-sub { width:80%;}
	nav[role=navigation] li span {width:20%;}*/
	/* end MM added to increase +/- size */
	header[role=banner] {
		min-height: auto;
	}
	a.logo-seal {
		width: 40px;
		height: 40px;
		background: url('/images/mobile/dos-logo-seal05.png') 0 0 no-repeat;
		display:none;
	}
	.logo-text {
		padding-top: .2em;
		color: #fff;
		font-size: .94em;
		line-height: 12px;
		float: left;
		width: 180px;
		height: 18px;
	}
	.logo-text-container {
        padding-left: 7px;
        padding:0px;
    }
   .logo-text-container h2 {
        font-size: .9em;
        padding:0px;
    }
    .logo-text-container a.full-site {
        font-size: .7em;
        padding:0px;
    }
    #info-bubble {
        width:170px;
        height:90px;
        padding: 33px 11px 0;
        background-size:170px 90px;
    }
    .menu-search {
        padding: 0.5em 1em .7em 0;
	background-size:16px 16px;
    }
	header[role=banner], .nav-wrap, .copy-wrap, footer[role=contentinfo] {
		min-width: 228px;
		min-height: 55px;
	}
}
/* 240px -- crappy android portrait - see 320px breakpoint note above */
/* */