#mainMenu a:hover
{
	color: #F68E32;
	cursor: pointer;
}

.icon-sign, .icon-arrow {
	float: right;
	font-size: 20px;
}
.icon-arrow {
	padding-right: 15px;
}
.icon-list
{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 14px;
	background-image: url("//www.occ.gov/images/menu-gray.png");
	background-repeat: no-repeat;
}

.icon-search
{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 14px;
	background-image: url("//www.occ.gov/images/search-gray.png");
	background-repeat: no-repeat;
}

#container_content
{
	margin-top: 10px;
	position: relative;
}

.AutoIndexSlot a {
	padding-top: 5px;
	padding-bottom: 5px;
}

#main_navigation td.topnav-color {
	background-color: #0072C6;
	padding: 5px;
}

.visible-screen-reader {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

@media screen and (max-width: 999px)
{
	body
	{
		padding: 5px !important;
		margin: 5px !important;
		-webkit-text-size-adjust: 100% !important;
		box-shadow: none;
        border: none;              
	}
	
	div, p, td {
		font-size: 16px !important;
		word-wrap: break-word !important;
	}
	a {
		font-size: 16px !important;
	}
	h3, label, caption, input, ul {
		font-size: 16px !important;
	}
	h2 {
		font-size: 16px !important;
	}
	h1 {
		font-size: 20px !important;
	}
	
	li:not(.feature1, .feature2, .feature3, .feature4, .featuresPopup) {
		padding: 10px !important;
	}
	
	img {
		max-width: 100%!important;
		height: auto!important;
		margin: 0 !important;
	}
	
	#annualreport .image_right, #annualreport .image-left {
		float: none !important;		
		padding: 0 !important;
	}
	
	#annualreport .image_right img, #annualreport .image-left img {
		display: block !important; 
		margin: 0 auto !important;
	}
	
	#annualreport img, #eoma img {
		height: auto!important;
		margin: 0 auto !important;	
	}
	
	#annualreport img.landing_image, #eoma img.landing_image {
		width: 100%;
	}
	
	#eoma .people-section {
		margin-left: 0;
		width: 100%;
	}
	
	#eoma .districts {
		margin-left: 0;
	}
	.innovationVideo{
		flex-flow:wrap;
	}
	.framework{
		display: block;
		height:auto;
	}
	.framework-leftcol{
		
        border: 0!important;	

	}
	#container_content #annualreport blockquote {
		text-align: left !important;
	}
	
	caption.pageTitle {
		font-size: 20px !important;
	}
	
	#footer .column {
		display: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#footer .seal {
		display: none;
	}
	table#container_content td#maincontent {
		max-width: 800px;
	}
	
	table#container_content td#annualreport, table#container_content td#eoma {
		max-width: 999px;
	}
	#maincontent h1.title {
		display: none;
	}
	#annualreport h1.title {
		display: none;
	}

	#annualreport ul li {
		font-size: 16px !important;
	}
	
	#top tbody tr td
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#top td.header-logo
	{
		display: block;
		float: left;
		width: 25% !important;
		padding: 0;
	}
	
	#top td.header-title
	{
		width: 90% !important;
		height: auto !important;
		text-align: center;
		padding: 5px;
	}
	
		#top td.header-logo
	{
		display: block;
		float: left;
		width: 100% !important;
	}

	#main_navigation tr td.topnav-color:first-child, #main_navigation tr td.topnav-color:last-child
	{
		display: none;
	}
	
	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 2px;
		cursor: pointer;
	}
	
	#masthead TD#header-sitemap
	{
		width: 100%;
		text-align: center;
		padding: 5px;
	}
	
	#header-sitemap span, #header-sitemap img
	{
		display: none;
	}

	#masthead TD#header-sitemap br
	{
		display: none;
	}
	
	#secondary_nav_clone .navSubmenu ul {
		list-style-type: none;
	}
	
	#secondary_nav, #secondary_nav_clone
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#secondary_nav #expandable_nav
	{
		width: auto!important;
	}

	
	#secondary_nav_clone div.videoBox h2.nosubitems {
		background: url("//www.occ.gov/images/orangegraphic_minnus.gif") no-repeat scroll left top #FFFFFF;
		padding-left: 21px;
	}
	
	#related_sidebars
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#maincontent, 
	#annualreport, 
	#eoma {
		display: block;
		float: left;
		width: 100%;
		font-size: 1em!important;
	}
	
	#container_content #eoma p, 
	#container_content #eoma ul li {	
		font-size: 16px !important;
	}
	
	table#container_content #eoma ~ td#related_sidebars {
		position: initial;    	
	}
	
	#slide_display
	{
		display: none;
	}
	
	#recentNews
	{
		display: block;
		float: left;
		text-align: left;
		padding: 5px;
		margin: 5px;
	}
	
	#breadcrumb_navigation
	{
		display: none;
	}
	
	.navSubmenu {
		padding: 0!important;
	}
	.navSubmenu .left-box
	{
		border: 1px solid #E5E5E5 !important;
		width: 100% !important;
	}
	
	.box
	{
		display: none;
	}

	#recentNewsClone
	{
		display: block;
	}

	#homeContent img
	{
		display: none;
	}
	
	#homeContent tr td
	{
		display: block;
		float: left;
		width: 100% !important;
		text-align: left;
		padding: 0;
	}
	
	#homeContent table
	{
		padding: 0;
		margin: 10px;
	}

	.navSubmenu .hr1
	{
		display: none !important;
	}

	DIV.home_feature
	{
		width: auto !important;
	}
	
	TABLE#container_content TD#related_sidebars, #maincontent table, #annualreport table, #eoma table
	{
		width: 100% !important;
	}	
	
	TABLE#container_content TD#secondary_nav, TABLE#container_content TD#secondary_nav_clone
	{
		width: 100%;
	}

	#secondary_nav_clone ul {
		padding-left: 0;
	}

	.navSubmenu .features2
	{
		display: inherit;
		border: 1px solid #E5E5E5 !important;
		padding: 10px;
	}
	
	.navSubmenu h3, .navSubmenu h3 em
	{
		background-color: #0072C6;
		padding: 15px !important;
		text-align: center;
		color: white;
		margin-top: 5px !important;
		cursor: pointer;
		font-style:inherit;
	}

	#container_content #secondary_nav .navSubmenu h3.arheading
	{
		background-color: #0072C6;
		padding: 15px !important;
		text-align: center;
		color: white;
		margin-top: 5px !important;
		cursor: pointer;
		font-style:inherit;
	}

	#container_content #secondary_nav H3, #container_content #secondary_nav_clone H3
	{
		padding: 5px;
	}
	
	TABLE#container_content TD#maincontent
	{
		padding-top: 10px;
		padding-right: 0;
	}
	
	TABLE#container_content TD#annualreport, table#container_content td#eoma
	{
		padding-top: 10px;
		padding-right: 0;
	}
	
	TABLE#container_content TD#secondary_nav, TABLE#container_content TD#secondary_nav_clone
	{
		padding: 0;
	}
	
	TABLE#container_content TD#related_sidebars
	{
		padding: 0;
	}
	
	form#NewsCurrent, form#PublicationSearch, form#ToolsSearch, form#browseBy {
		display: none!important;
	}
	
	#maincontent #sitemap1, #maincontent #sitemap2,
	#annualreport #sitemap1, #annualreport #sitemap2
	{
		width: 100%;
	}
	
	.pad20, .spacer6 {
		display: none;
	}
	
	#homeOCC #maincontent {
		display: none;
	}
	
	#maincontent.nosubnav {
		padding-left: 0px !important;
	}
	
	#annualreport.nosubnav {
		padding-left: 0px !important;
	}
	#rxbody {
		width: auto !important;
	}
	#sliderNav a, .nivo-callout {
	font-size: 13px!important;
	}

	#container_content #secondary_nav .navSubmenu, #container_content #related_sidebars .navSubmenu {
		width: 100%!important;
		float	:left;
	}

	#feature-box, #feature-box-small, .slider-wrapper, #slider {
		height: auto !important;
		width: 100%!important;
	}

	#homeOCC .nivo-callout {
		height: auto !important;
		margin-top: 0px !important;
	}

	#homepage-tabs, #homepage-tabs .ui-tabs-panel,
	#homepage-tabs .ui-state-default, 
	#homepage-tabs .ui-tabs-active,
	#homepage-tabs .ui-tabs-nav li a,
	#homepage-tabs .ui-tabs-nav li a:focus	{
		width: auto!important;
	}
	
	#homepage-tabs .ui-tabs-nav li a,
	#homepage-tabs .ui-tabs-active a,
	#homepage-tabs .ui-tabs-nav li a:focus {
		padding: 7px!important;
	}

	#tabs.ui-tabs-vertical .ui-tabs-nav,
	#tabs.ui-tabs-vertical .ui-tabs-nav li {
		width: 100%!important;
	}
	#tabs.ui-tabs-vertical .ui-tabs-nav a {
		width: 100%!important;
		padding: 10px;
	}
	#tabs.ui-tabs-vertical .ui-tabs-panel {
    	width: auto!important;
	}



	#homepage-header {
		padding: 20px 0!important;
		margin-top: 0!important;
	}
	
	#homepage-featurebox, #homepage-widget {
		width: 100%!important;
		padding-bottom:20px!important;
	}
	#header-bottom-tabs {
		display: none!important;
	}

	#masthead {
		border-bottom: 1px solid #B4B4B4;
	}

	.side-navigation {
		background-color: #233F81;
		border: 1px solid #CCC;
		border-radius: 5px;
		box-shadow: 0 0 10px #CCC;
		max-width: 480px;
		min-height: 100%;
		padding: 0px;
		position: absolute!important;
		right: -100%;
		top: 66px;
		width: 96%;
		z-index: 1000;
		margin-right: 5px;
	}

	.mainMenuClose {
		display: none;
		float: right;
		margin: 15px;
		margin-top: 10px;
		text-align: right;
		width: 100%;
	}

		.mainMenuClose a {
			border: 1px solid;
			border-radius: 5px;
			padding: 10px 10px;
			text-decoration: none;
		}

		.icon-state {
		color: #0072c6!important;
		}
		.icon-state-expanded {
		color: #233F81!important;
		}
		
		#sitemap {
		display: block;
	}
		#sitemap a, #sitemap li{
		color: white!important;
}
		#sitemap ul, #sitemap ul li {
			border: 0!important;
			list-style: none;
			margin: 0;
		}
		#sitemap ul {
			margin-top: 5px;
			padding: 0;
		}

			#sitemap a, #sitemap .drop-column-heading {
				padding-left: 20px!important;
			line-height: 40px;
			}

			#sitemap ul.topic-level1, #sitemap ul.topic-level1 li {
				margin: 0;
			}

	.icon-state {
		background: url("//www.occ.gov/images/plus-sign.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: transparent!important;
		cursor: pointer;
		float: right;
		padding: 0 13px;
		margin: 10px 5px 0 5px;
	}

	.icon-state-expanded {
		background: url("//www.occ.gov/images/minus-sign.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
	}

	#sitemap .topic-level2, #sitemap .topic-level3, #sitemap .topic-level4 {
		display: none;
	}

	#sitemap .topic-level1 li {
		border-bottom: 1px solid #7c93ba !important;
	}

	#sitemap .topic-level2 {
		background-color: #0072C6!important;
	}

		#sitemap .topic-level2 li {
			border-bottom: 1px solid #7c93ba !important;
		}

	#sitemap .topic-level3 {
		background-color: #018dec!important;
	}

		#sitemap .topic-level3 li {
			border-bottom: 1px solid #aaa !important;
			padding-left: 20px;
		}
		#sitemap .topic-level3 li a {
		padding-left: 0px!important;
		}

	#sitemap .topic-level4 {
		background-color: #7c93ba!important;
	}

		#sitemap .topic-level4 li {
			border-bottom: 1px solid #7c93ba !important;
		}

	#sitemap ul.active {
		display: block;
	}

	#sitemap .active, #sitemap .selected {
		background-image: none!important;
	}

	#sitemap li.selected > a {
		color: #328E07 !important;
	}
	
	.site-header-togglers {
		width: 33% !important;
		position: absolute;
		right: 20px!important;
		top: 25px;
		text-align: right;
	}

	.site-header-togglers i {
		padding-right: 10px;
		cursor: pointer;
	}	
	
	#eoma .number-center {
		font-size: 3.5em!important;
	}
	
	#eoma .inset {
		margin-left: 0;
	}
	
	div#select-category.onclick-menu {
		font-size: 13px !important;
	}
	
	.pf, .print-container {
		display: none;
	}	
}

/* Landscape phones and down */
@media screen and (max-width: 768px)
{
	#annualreport h1.title {
		display: inline-block;
	}
	
	#eoma hr {
		width: 100% !important;
	}
	
	#eoma .inline-flex {
		display: block;
	}
	
	#eoma .ownedLinks.na {
		margin-right: 0;
	}
	
	#eoma .minority-links-size, 
	#eoma .district-link-size {
		margin-bottom: 20px;	
	}
	
	#eoma .inset {
		width: 100%;
	}
	
	#eoma .number-center {
		font-size: 50px!important;
	}
	
	.markerBody a {
		line-height: 27px;
	}
	
	#eoma select {
		font-size: 16px !important;
		padding: 10px 40px 5px 8px;
	}
	
	select#select-category {
		width: 100%;	
	}
	
	.onclick-menu {
		width: auto !important;
		width: initial !important;
		margin-right: 0 !important;
	}
	
	div.onclick-menu#select-category {
		font-size: 1em !important;
	}
	
	 #panel {
		position: relative;
	 }
	 
	 #panel select {
		position: relative !important;
		font-size: 16px !important;
		width: 100%;
		margin-bottom: 10px;
	 }
	 
	 #full-map select, .onclick-menu {
		margin-top: 5px;
	 }
	 .innovationVideo {
		 margin: 0 auto;
	 }
} 

@media (max-width: 520px) {
	#eoma .number-center {
		font-size: 40px!important;
	}

	.stacked-table {		
		table-layout: fixed;
	}

	.display-inline-block {
		display: block;
	}	
	
	#eoma .display-inline-block select {
		width: 100% !important;
		margin-bottom: 8px;
	}
	
	.stacked-table td {
		width: auto;
	}
	
		.stacked-table td {
			display: flex;
		}
	
	.stacked-table tr:nth-child(even) {
		border-bottom: 10px solid #ddd;
		border-top: 10px solid #ddd;
		height: 140px;
	}
	
	.stacked-table tr:nth-child(odd) {    
		border-top: 15px solid white;
	}

	.stacked-table.table_brdr {
		border: none !important;
	}

	.stacked-table.table_brdr td {
		border: none !important;
		border-bottom: 3px solid white !important;
	}

	.stacked-table.table-striped tr:nth-child(even) td {	
		border: none !important;
		border-bottom: 3px solid #ddd !important;
	}
}
@media (min-width: 520px) {
  .stacked-table td:before {
    display: none;
  }  
}

@media (min-width: 520px) {
  .stacked-table th, .stacked-table td {
    display: table-cell;
    padding: .25em .5em;
  }
}

/* Landscape phones and down */
@media screen and (max-width: 480px)
{
	#eoma li span {
		left: -4px;
		position: relative;
	}

	#full-map #map {
		height: 50%;
	}
	
	#legend {
		text-align: left;
	}	

	.map-links {
		line-height: 27px;
	}

	.articleContactInfo, .articleDateline {
		margin-bottom: 10px;
		text-align: left !important;
		width: 100% !important;
	}
	
	#main_navigation .topnav-blue-header {
		display: none;
	}

	
	#masthead #top {
		width: 100% !important;
		padding-bottom: 10px!important;
	}

	#main_navigation tr td
	{
		display: block;
		float: left;
		width: 100% !important;
	}

	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		text-align: left;
	}
	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		padding-right: 0;
		margin-top: 2px;
	}
		#top td.header-title
		{
			display:none;
		}
	
	
	#homeContent tr td
	{
		padding: 0;
	}

	#recentNewsClone
	{
		display: block;
	}
	#container_content tbody tr td#secondary_nav, #container_content tbody tr td#secondary_nav_clone
	{
		display: block;
		float: left;
	}
	#container_content tbody tr td#maincontent
	{
		display: block;
		float: left;
	}
	#container_content tbody tr td#annualreport,
	#container_content tbody tr td#eoma
	{
		display: block;
		float: left;
	}
	#container_content tbody tr td#related_sidebars
	{
		display: block;
		float: left;
	}
	#secondary_nav h1.hnav, #secondary_nav_clone h1.hnav
	{
		background-color: #0072C6;
		padding: 15px !important;
		margin: 0;
		text-align: center;
		color: white;
	}
	#secondary_nav H1 A, #secondary_nav_clone H1 A
	{
		color: white !important;
	}
	#secondary_nav #expandable_nav H1 A, #secondary_nav_clone #expandable_nav H1 A
	{
		color: black !important;
	}

	#maincontent #sitemap1, #maincontent #sitemap2,
	#annualreport #sitemap1, #annualreport #sitemap2
	{
		width: 100%;
	}
	#maincontent .image_right {
		float: none;
		padding: 20px 25px 20px 25px;
		width: auto !important;
		max-width: 220px!important;
	}
	#maincontent .image_right  + strong:before {
		content:  '\a' ;
		white-space: pre ;
	}
	
	#maincontent ol, #maincontent ol li {
		padding: 0!important;
	}

	.autoList td
	{
		border-top: 1px solid #E5E5E5 !important;
		max-width: none !important;
		min-width: none !important;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
	}

	table.autoList tbody tr td.tdate, table.autoList tbody tr td.tidentifier
	{
		display: block;
		float: left;
		white-space: nowrap !important;
	}
	.pad20 {
		display: none;
	}

	#footer, #footer p {
		color: white!important;
	}
	
	#footer a {
		display: block;
		padding: 3px;
		text-align: left;
	}
	
	.rightFloat {
		width: auto !important;
		margin-top: 5px !important;
	}
	
	table.table_brdr th, table.table_brdr td,
	table.table_grey_brdr th, table.table_grey_brdr td {
		word-wrap: break-word !important;
	}
	
	.blue, .lightblue {
		width: auto !important;
	}
	#maincontent table td,
	#annualreport table td,
	#eoma table td {
		padding: 0!important;
	}	
	
	#annualreport .image_group {
		padding-left: 0 !important;
	}
	
	.table_nobrdr tbody tr td {
		display: block;
		float: left;
		width: auto !important;
	}
	.table_nobrdr img {
		padding-top: 10px;
	}
	
	img.usemap {
		width: 100%;
		height: auto!important;
		margin: 0 !important;
	}
	
	div.feature {
		margin: 0;
		padding: 0;
	}
	
	div.footnote {
		width: 280px;
	}
	div#divCaptions, div.video {
		margin-bottom: 50px !important;
	}
	
	#Issuance blockquote, #newsRelease blockquote {
		margin: 0;
	}
	
	input#q  {
		width: 160px!important;
		font-size: 16px !important;
	}

	input[type="text"]:focus  {
		font-size: 16px !important;
	}
	
	#homeOCC #maincontent {
		display: none !important;
	}
	

	#bottom-navigation {
		display: none;
	}
	
	div#clustering {
		width: 100% !important;
		padding-bottom: 20px;
		border: none!important;
		margin: 0;		
	}
	div#clustering ul {
		margin: 0;
		padding: 0;
	}

	div#clustering li {
		margin: 0;
		padding: 0!important;
		text-indent: 0;
	}
	
	#search-results, #bottom-search-box table {
		width: 100% !important;
	}

	#search-results tr td, #top-navigation table tr {
		display: block!important;
		text-align: center!important;
		float: left!important;
		width: 100%!important;
	}
	
	#bottom-search-box tr td {
		display: block!important;
		text-align: center!important;
		width: 100%!important;
	}
	
	#masthead .header-color {
		display: none;
	}
	
	#search-results {
		display: none;
	}
	
	#homeOCC .homeTitle {
		display: block !important;
		padding-top: 10px;
	}
	#homepage-header {
		padding: 0!important;
		display: none;
	}
	
	#homepage-widget{
		display: none!important;
	}

	#homepage-widget-mobile {
		display: block!important;
	}

	#feature-box {
		display : none!important;
	}
	
	#footer .bottom-links p {
	padding: 10px;
	color: transparent!important;
	}
	
	#eoma .number-center {
		font-size: 30px!important;
	}
	.comptrollervideo iframe{
		width:100%;
	}
}
