/* OCC Web Site Printable Styles: WBR pg 56 */
@media print {
	body {		
		-webkit-print-color-adjust: exact;
		width: 100% !important;
	}
	
    .noPrint {
        display: none;
        visibility: collapse;
    }

    .back-to-top {
        display: none;
    }

    .print-sr {
        height: auto !important;
        left: auto !important;
        overflow: auto !important;
        position: relative !important;
        top: auto !important;
        width: auto !important;
    }
	
	.accordion-section-content {
		display: block !important;
	}

	.district-link-size  {
		width: 145px;
	}

	.inset {
		height: 100%; 
		margin-top: 20px; 
		margin-left: 30px;
	}

	#minority-owned-links .inline-flex:first-child{
		margin-bottom: 5px;
	}

	.minority-links-size, .district-link-size {
		display: flex;
	}

	.minority-links-size span, 
	.district-link-size span{
		margin-left: 10px;
	}

		.minority-links-size a {
			margin-top: -3px;
			margin-right: 10px;
		}
		
		.district-link-size a {
			margin-top: -2px;
		}

	.flexbox {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.flex {
		flex: 1;
	}

	.flex2 {
		flex: 2;
	}

	.flex3 {
		flex: 3;
	}
	
	#full-map #map {
		height: 350px !important;
		width: 100%;
	}
	
	#full-map {
		margin: 0;
		font-family: 'ArialMT', 'Arial';
		font-size: 13px;
	}
	
	#canvas select {
		-moz-appearance: none;
		-webkit-appearance: none;
		background: url(/images/drop-down-arrow.png) no-repeat right #fff;
		background-position: 95%;
		padding: 10px 40px 8px 8px;
	}

	#canvas select {
		width: 300px;
	}

	#canvas select, 
	#full-map select {
		-moz-appearance: none;
		-webkit-appearance: none;
		background: url(/images/drop-down-arrow.png) no-repeat right #fff;
		background-position: 95%;
		width: 225px;
	}

	#canvas #select-state {
		color: black;
		-ms-border-radius: 0;
		border-radius: 0;
		border: 1px solid rgb(169, 169, 169);
		font-family: Arial;
	}
	
	.image-map {
		width: 96%;
		display: block;
		position: relative;
		margin-top: 10px;
	}

    .image-map > a.map {
        position: absolute;
        display: block;
		text-align: center;
    }
	
	.image-map img {
		width: 100%;
	}
	
	.map {
		width: 15.5%;
		height: 27%;
	}

	.map.western {
		top: 21%;
		left: 21%;
	}

	.map.central {
		top: 4%;    
		left: 55.5%;
	}

	.map.northeastern {
		top: 31%;
		left: 71%;
	}

	.map.southern {
		top: 57%;
		left: 46%;
	}
	
	.number-center {
		margin-top: 16.5%;
		font-size: 55px;
		color: black;
		font-weight: bold;
	}

	.number {
		min-width: 30px;
		min-height: 30px;
		width: 30px;
		height: 30px;
		-ms-border-radius: 50%;
		border-radius: 50%;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		line-height: 30px;
		text-align: center;
	}

	.number-western { background-color: #4fb854 !important; border: 3px solid #4fb854; }
	.number-central { background-color: #eaa66a !important; border: 3px solid #eaa66a; }
	.number-southern { background-color: #825fa8 !important; border: 3px solid #825fa8; }
	.number-northeastern { background-color: #469fd6 !important; border: 3px solid #469fd6; }

	.number-ho { background-color: green !important; border: 3px solid green; }
	.number-aao { background-color: #ea8d23 !important; border: 3px solid #ea8d23; }
	.number-ao { background-color: #0c5285 !important; border: 3px solid #0c5285; }
	.number-na { background-color: #1ac0e8 !important; border: 3px solid #1ac0e8; }
	.number-wo { background-color: #683695 !important; border: 3px solid #683695; }
	
	
	.ownedLinks {
		flex-grow: 2;
		padding: 5px 10px;
		display: flex;
		align-items: center;
		align-content: center;
	}

		.ownedLinks:first-child, .ownedLinks:nth-child(5) {
			flex-grow: 18;
		}
		
		.ownedLinks.na {
			margin-right: 14px;
		}
		
	.map-dropdown, .onclick-menu, #select-state {		
		background-color: white !important;
		border: 3px solid white;
	}
}

/************** print view styles *************/

#container_middle {
    margin: 0 auto;
}

#container_main_print {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    #container_main_print img {
        max-width: 600px;
    }

#container_header_print {
    margin: 0 auto;
    padding-bottom: 14px;
}

    #container_header_print img {
        padding: 0;
        margin: 0;
    }

#maincontent {
    width: 100%;
}

    #maincontent #newsRelease .jointRelease .articleDateline {
        clear: both;
        float: left;
        width: 38%;
    }

#header-sitemap, #main_navigation,
#secondary_nav, #related_sidebars,
#footer {
    display: none;
    width: 0px;
}

#breadcrumb_navigation {
    display: none;
}

.header-logo {
    margin-left: 20px;
}

.header-title img {
    display: none;
}

.jointRelease .articleDateline {
    clear: both;
    float: left;
    width: 41%;
}

.jointRelease .articleSponsor {
    clear: right;
    float: right;
    padding: 5px 0 10px;
    text-align: right;
    width: 59%;
}

.articleContactInfo,
.articleContactInfo {
    float: right;
    text-align: right;
    width: 50%;
}

.articleContactInfo,
.articleDateline,
.articleContactInfo,
.articleDateline {
    padding: 5px 0 4px 0;
    vertical-align: text-top;
}

.articleDateline,
.articleDateline {
    float: left;
    text-align: left;
    width: 49%;
}

.articleHeading,
.articleHeading,
.articleHeading {
    font-weight: bold;
    position: relative;
    vertical-align: text-top;
}

    .articleHeading .div-nr-title,
    .articleHeading .div-nr-title {
        clear: both;
        margin: 20px 10px 10px;
        padding-top: 20px;
        text-align: center;
    }

        .articleHeading .div-nr-title h1,
        .articleHeading .div-nr-title h1 {
            /*     text-align: center; */
            word-wrap: break-word; /* UAT 67: breaks words longer than whole line */
        }

.articleIdentifier,
.articleIdentifier,
.articleIdentifier {
    border-bottom: 1px solid #808080;
    padding-bottom: 5px;
    text-align: right;
}

.jointRelease { /* for targeting Joint (multi-agency) News Release exceptions to stylings for OCC #newsRelease */
    border-top: 1px solid #808080;
    margin-top: 2px;
    width: 100%;
}

    .jointRelease .articleDateline {
        clear: both;
        float: left;
        width: 41%;
    }

    .jointRelease .articleSponsor { /* was td-jointnr2 */
        clear: right;
        float: right;
        padding: 5px 0 10px 0;
        text-align: right;
        width: 59%;
    }

    .jointRelease .articleSubtype {
        border-bottom-style: none;
        float: left;
        padding: 10px 0 10px 0;
        text-align: left;
        width: 39%;
    }

div.articleHeading h1 {
    font-size: 1em;
    margin: 0 0 8px 0;
    padding: 5px 0;
}

div.articleHeading p {
    font-size: 1em;
    padding: 5px 0;
}
/* JQ */
#container_middle #left-nav {
    display: none;
}

#container_middle #lastupdated {
    display: none;
}

.image-right {
    float: right;
    padding: 20px 0px 20px 20px;
}

    .image-right p {
        padding: 10px;
        background-color: #185a95;
        color: #ffffff;
        font-size: 11px;
        margin-top: -3px;
    }

table.table_brdr_supervisions {
    margin: 10px 0px 10px 0px;
    border: 1px solid #a6a6a6;
    border-collapse: collapse;
    border-spacing: 0px;
}

    table.table_brdr_supervisions th {
        padding: 5px;
        border: 1px solid #a6a6a6;
        border-collapse: collapse;
        border-spacing: 0px;
        text-align: left;
        background-color: #185a95;
        color: #ffffff;
    }

    table.table_brdr_supervisions td {
        padding: 5px;
        border: 1px solid #a6a6a6;
        border-collapse: collapse;
        border-spacing: 0px;
        vertical-align: top;
    }

.grey_bg {
    background-color: #d6ddd3;
}

#content-well #breadcrumb {
    display: none;
}

body {
    background-color: #fff;
    color: #000;
    font: normal 0.8em Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.25em;
    margin: 0 auto;
    white-space: normal;
}

a {
    color: #4444BB;
    text-decoration: none;
}

    a[href^="mailto"]:after,
    a[href^="http://"]:after,
    a[href^="https://"]:after {
        content: " [" attr(href) "]";
        font-size: smaller;
        vertical-align: super;
    }

    a[href^="/"]:after,
    a[href^="http://www.occ."]:after,
    a[href^="https://www.occ."]:after,
	a[href$=".pdf"]:after	{
        content: "";
    }

    a:visited {
        color: #666677;
    }

abbr, acronymn { /* see http://css-tricks.com/snippets/css/quality-abbreviations/  */
    border-bottom: 1px dotted #222;
    color: #222;
    cursor: help;
}

blockquote {
    margin: 0 20px 0 20px;
}

caption { /* HTML <caption> tag must be nested in <table>; .caption class for non-<table> situations */
    font-weight: bold;
    font-size: 1.0em;
    margin: 0 0 6px 0;
    text-align: left;
}

form {
    display: inline;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

h1 {
    font-size: 1.1em;
    margin: 0 0 20px 0;
}

h2, h3 {
    font-size: 1.0em;
    margin: 14px 0 6px 0;
}

h4, h5, h6 {
    font-size: 1.0em;
    margin: 0;
}

hr {
    border-style: none;
    border-color: #000;
    border-width: 0.5px thin;
    background-color: #b4b4b4;
    color: #b4b4b4;
    height: 1px;
}

img {
    border: 0 none;
}

.input-box-stay,
input, select {
    font-family: MS Shell Dlg;
}

    input#q { /* used for OCC site-wide search text input forms */
        border-style: solid;
        border-color: Silver;
        border-width: 1px;
        color: gray;
        font-size: 12px;
        font-family: Verdana;
    }

    input[type="submit"], /* default styling for input type=submit form button */
    input[type="reset"], /* default styling for input type=reset form button */
    input#Submitbutton { /* used on News section 'Browse by:' form */
        /* replaces need for class="input-go" */
        background-color: #307FCD;
        border-width: 0;
        color: White;
        font-style: normal;
        font-weight: bold;
        font-size: 11px;
        font-family: Verdana;
        margin-top: 4px;
        margin-right: auto;
        margin-left: auto;
        padding: 3px;
    }

    input#Submitbutton {
        margin-right: 4px;
    }

p {
    color: #000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.0em;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

ol {
    margin-top: 6px;
    margin-bottom: 6px;
}

    ol li ol {
        margin-top: 6px;
        margin-bottom: 6px;
    }

        ol li ol li ol {
            margin-top: 6px;
            margin-bottom: 6px;
        }

table {
    border: #000 none medium; /* necessary for IE7 */
    color: #000;
    font: normal 1em Arial, Helvetica, Verdana, sans-serif;
    margin: auto;
    padding: 0;
    width: auto;
}

ul {
    margin-top: 6px;
    margin-bottom: 6px;
}

    ul li ul {
        margin-top: 6px;
        margin-bottom: 6px;
    }

        ul li ul li ul {
            margin-top: 6px;
            margin-bottom: 6px;
        }

.actiontext, .actiontext > *:first-child,
.proceduretext, .proceduretext > *:first-child,
.fttext, .fttext > *:first-child { /* added by Aquilent: UAT defect 327: line breaks after action numbers in licensing manuals and after procedure numbers in CHBs */
    display: inline;
}

.BulletListTitleLink { /* :TODO: used in occSnAutoListByYear, occSnTitleLinkInline - make more semantic class name */
    margin-top: 0;
    margin-bottom: 0;
}

.blue { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    background-color: #233f81;
    color: #fff;
}

.blue_green {
    background-color: #d2edf3;
}
/* used in occPgGovHome for usage 'pub_az_index'  :TODO: can this be re-named .oddrow and used for all tables using alternating row color? */
p.caption { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    /* HTML <caption> tag must be nested in <table>; .caption class for non-<table> situations */
    font-size: 0.8em;
    font-style: normal;
    padding: 0 0 10px 0;
}

.centerHorz {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.citetitle {
    font-style: italic;
}
/* :TODO: used in ATX files, defined in ATX-specific CSS files - so can it be removed from here? */
.clear {
    clear: both;
}

.clearright {
    clear: right;
}

.clearleft {
    clear: left;
}

div.feature { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    border: #b4b4b4 solid 1px;
    margin: 10px 0 14px 0;
    padding: 20px;
}

    div.feature:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    div.feature .head { /* :TODO: is it used? */
        color: #666677;
        font-size: 1.0em;
        font-weight: bold;
        padding-bottom: 5px;
    }

    div.feature div.image {
        border: 0 none;
        float: right;
        margin-top: 5px;
        padding: 0 0 5px 10px;
    }

div.footnote { /*  DO NOT CHANGE w/o OCC approval; used in ephox content */
    border-top: solid #808080 1px;
    font-size: 0.8em;
    font-style: normal;
    padding-top: 5px;
}

tr.grey {
    background-color: #F0F0F0;
}
/* DO NOT CHANGE w/o OCC approval; used in ephox content */
.hidden {
    position: absolute;
    left: -9999em;
}

div.home_feature { /* :TODO: used only on overall site homepage. Move to own CSS file? */
    margin: 0 auto 20px auto;
    position: relative;
    width: 540px;
}

hr.hr1 {
    margin: 14px 0 17px 0;
    width: 100%;
}

.image_right { /* DO NOT CHANGE w/o OCC approval; used in ephox content (bios) */
    float: right;
    padding: 20px 0 20px 20px;
}

.isslist { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    min-width: 20px;
    white-space: nowrap;
    width: 5%;
}
/* apply only to HTML block tags*/
blockquote.leftFloat,
dd.leftFloat,
dl.leftFloat,
dt.leftFloat,
div.leftFloat,
form.leftFloat,
h1.leftFloat,
h2.leftFloat,
h3.leftFloat,
h4.leftFloat,
h5.leftFloat,
h6.leftFloat,
img.leftFloat,
li.leftFloat,
p.leftFloat,
ol.leftFloat,
span.leftFloat,
table.leftFloat,
ul.leftFloat {
    float: left;
}

.lightblue { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    background-color: #5376c5;
    color: #fff;
}

ul.listHorz {
    list-style-type: none;
}

    ul.listHorz li {
        display: inline;
        margin-right: 10px;
    }

        ul.listHorz li a {
            text-decoration: underline;
        }

a.moreImg {
    background-image: url(../images/orangearrow.jpg);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
/* apply only to HTML block tags*/
blockquote.moreRight,
dd.moreRight,
dl.moreRight,
dt.moreRight,
div.moreRight,
form.moreRight,
h1.moreRight,
h2.moreRight,
h3.moreRight,
h4.moreRight,
h5.moreRight,
h6.moreRight,
img.moreRight,
li.moreRight,
p.moreRight,
ol.moreRight,
span.moreRight,
table.moreRight,
ul.moreRight { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    text-align: right;
}

table.net_table { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    font: normal 0.95em Arial,Helvetica,sans-serif;
    margin: 9px 0 19px -1px;
    width: 100%;
}

    table.net_table th {
        padding: 5px;
    }
    /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    table.net_table td {
        padding: 5px;
    }
/* DO NOT CHANGE w/o OCC approval; used in ephox content */
.normalBr {
    line-height: 14px;
}

div.orangebox {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
}

    div.orangebox img {
        padding-right: 0.2em;
    }

ol.orderedlist li.listitem ol.orderedlist li.listitem { /* :TODO: used in ATX. But should it be tag default style in ephox? */
    list-style-type: lower-alpha;
}

    ol.orderedlist li.listitem ol.orderedlist li.listitem ol.orderedlist li.listitem { /* :TODO: used in ATX. But should it be tag default style in ephox? */
        list-style-type: lower-roman;
    }
/* apply only to HTML block tags*/
blockquote.rightFloat,
dd.rightFloat,
dl.rightFloat,
dt.rightFloat,
div.rightFloat,
form.rightFloat,
h1.rightFloat,
h2.rightFloat,
h3.rightFloat,
h4.rightFloat,
h5.rightFloat,
h6.rightFloat,
img.rightFloat,
li.rightFloat,
p.rightFloat,
ol.rightFloat,
span.rightFloat,
table.rightFloat,
ul.rightFloat { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    float: right;
}

.spacer6 {
    line-height: 0;
    padding-bottom: 6px;
}

.spacer20 {
    padding-bottom: 20px;
}

table.table_brdr,
table.table_grey_brdr { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    border-collapse: collapse;
    border-spacing: 0;
    margin: 9px 0 19px 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

table.table_brdr { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    border: #b4b4b4 solid 1px;
}

    table.table_brdr th,
    table.table_brdr td,
    table.table_grey_brdr th,
    table.table_grey_brdr td { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
        padding: 5px;
    }

    table.table_brdr th,
    table.table_brdr td { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
        border: #b4b4b4 solid 1px;
    }

table.table_grey_brdr td { /* DO NOT CHANGE w/o OCC approval; used in ephox content */
    border-bottom: #b4b4b4 solid 1px;
}

table.table_nobrdr {
    margin-left: -2px;
    width: 100%;
}

    table.table_nobrdr th,
    table.table_nobrdr td {
        padding: 4px 4px 4px 2px;
    }

div.video {
    padding: 20px 0 10px 0;
}
    /* probably intended for video media unlike the div.videoBox class */
    /* #divCaptions used for audio and video embedded objects */

    div#divCaptions,
    div.video div#divCaptions {
        border: 1px #b4b4b4 solid;
        font-size: 1em;
        height: 60px;
        padding: 2px;
        width: 314px;
    }

    div.video div#divCaptions {
        width: 320px;
    }

#list_az ul { /* #list_az in #1547 in only publications\publications-by-type\pub-description.html contentid #19009 */
    height: 20px;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 200px;
    width: 520px;
}

#list_az li { /* #list_az in #1547 in only publications\publications-by-type\pub-description.html contentid #19009 */
    float: left;
    font-size: 0.9em;
    height: 20px;
    text-align: center;
    width: 20px;
}

    #list_az li a { /* #list_az in #1547 in only publications\publications-by-type\pub-description.html contentid #19009 */
        text-decoration: underline;
    }
/******************************************************************************/
/******************************************************************************/
/*  START: styles specific to #maincontent that are exceptions to default HTML tags */
/*  Due to text_resize.js, #maincontent tag should have inline attributes: style="font-size: 1em;" */
/******************************************************************************/
/* compensating to match Example site. Editor forgot a space b/w the text input box and the submit button on http://occgov.dev/news-issuances/search-news-issuances-archive/index-news-issuance-archive-search.html */
#maincontent input[type="text"] {
    margin-right: 4px;
}

#maincontent table.autoList {
    margin-left: -2px;
    vertical-align: top;
    width: 100%;
}

    #maincontent table.autoList > caption {
        margin-left: 2px;
    }

    #maincontent table.autoList td {
        padding: 2px 4px 6px 2px;
        vertical-align: top;
    }

    #maincontent table.autoList tbody tr td.tdate {
        max-width: 85px;
        min-width: 50px;
        padding-right: 0;
        white-space: nowrap;
        width: 70px;
    }

    #maincontent table.autoList tbody tr td.tidentifier {
        max-width: 105px;
        min-width: 50px;
        white-space: nowrap;
        width: 50px;
    }

    #maincontent table.autoList thead,
    #maincontent table.autoList thead th { /* occSnAutoListTableID HTML data table includes header row for Section 508 but should not display visually */
        position: absolute;
        left: -9999em;
    }

#container_content #maincontent #az_index ul {
    list-style-type: none;
    padding: 0 0 20px;
}

#container_content #maincontent #az_index div.indexSection ul {
    margin: 0;
    padding: 0;
}

    #container_content #maincontent #az_index div.indexSection ul li {
        line-height: 20px;
    }

        #container_content #maincontent #az_index div.indexSection ul li > a {
            padding: 4px 3px 4px 0;
        }

#maincontent #Issuance .articleContactInfo,
#maincontent #newsRelease .articleContactInfo {
    float: right;
    text-align: right;
    width: 50%;
}

#maincontent #Issuance .articleContactInfo,
#maincontent #Issuance .articleDateline,
#maincontent #newsRelease .articleContactInfo,
#maincontent #newsRelease .articleDateline {
    padding: 5px 0 4px 0;
    vertical-align: text-top;
}

#maincontent #Issuance .articleDateline,
#maincontent #newsRelease .articleDateline {
    float: left;
    text-align: left;
    width: 49%;
}

#maincontent #Issuance .articleHeading,
#maincontent #newsRelease .articleHeading,
#maincontent #occMemo .articleHeading {
    font-weight: bold;
    position: relative;
    vertical-align: text-top;
}

#container_content #maincontent #Issuance .articleHeading .div-nr-title,
#container_content #maincontent #newsRelease .articleHeading .div-nr-title {
    clear: both;
    margin: 20px 10px 10px;
    padding-top: 20px;
    text-align: center;
}

    #container_content #maincontent #Issuance .articleHeading .div-nr-title h1,
    #container_content #maincontent #newsRelease .articleHeading .div-nr-title h1 {
        /*     text-align: center; */
        word-wrap: break-word; /* UAT 67: breaks words longer than whole line */
    }

#maincontent #Issuance .articleIdentifier,
#maincontent #newsRelease .articleIdentifier,
#maincontent #occMemo .articleIdentifier {
    border-bottom: 1px solid #808080;
    padding-bottom: 5px;
    text-align: right;
}

#maincontent #newsRelease .jointRelease { /* for targeting Joint (multi-agency) News Release exceptions to stylings for OCC #newsRelease */
    border-top: 1px solid #808080;
    margin-top: 2px;
    width: 100%;
}

    #maincontent #newsRelease .jointRelease .articleDateline {
        clear: both;
        float: left;
        width: 41%;
    }

    #maincontent #newsRelease .jointRelease .articleSponsor { /* was td-jointnr2 */
        clear: right;
        float: right;
        padding: 5px 0 10px 0;
        text-align: right;
        width: 59%;
    }

    #maincontent #newsRelease .jointRelease .articleSubtype {
        border-bottom-style: none;
        float: left;
        padding: 10px 0 10px 0;
        text-align: left;
        width: 39%;
    }

#maincontent #occMemo div.articleHeading h1 {
    font-size: 1em;
    margin: 0 0 8px 0;
    padding: 5px 0;
}

#maincontent #occMemo div.articleHeading p {
    font-size: 1em;
    padding: 5px 0;
}

#maincontent #occMemo hr#memoFooter { /* used in occPgMemorandum */
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 80%;
}

#maincontent #newsRelease table.nr-media { /* found in news release */
    font: normal 0.8em Arial, Helvetica, Verdana, sans-serif;
    margin-left: -5px;
    width: 100%;
}

#maincontent #newsRelease th.nr-media { /* found in news release */
    font-weight: bold;
    padding: 5px;
}

#maincontent #newsRelease td.nr-media-header { /* found in news release */
    font-weight: bold;
    padding: 5px;
}

#maincontent #newsRelease td.nr-media {
    padding: 5px;
}
/* found in news release */
#maincontent #newsRelease td#maincontent > div > a[name][shape="rect"] { /* This suppresses unexpected attr-value pair ' shape="rect"' which makes <a name="x" shape="rect"> </a> display with line-height */
    line-height: 0;
    position: absolute;
    left: -9999em;
}

#maincontent table.atxPgLanding {
    margin: 0;
}

    #maincontent table.atxPgLanding td {
        margin: 0;
        padding: 0 2px;
        text-align: left;
        vertical-align: top;
    }

        #maincontent table.atxPgLanding td h1 {
            font-size: 1em;
            padding: 0;
        }

        #maincontent table.atxPgLanding td h2,
        #maincontent table.atxPgLanding td h3 {
            margin: 0;
            padding: 0;
        }

        #maincontent table.atxPgLanding td p {
            padding: 6px 0;
        }

#maincontent #sitemap,
#maincontent #sitemap ul li {
    padding: 0;
}

#maincontent #sitemap1,
#maincontent #sitemap2 {
    width: 49%;
}

#maincontent #az_index div.indexSection {
    margin-bottom: 10px;
    width: 100%;
}

#maincontent div.pubtoccontentwell { /* used in occPgNewsletter when the "Homepage" field is checked */
    margin-top: 0;
    position: relative;
    width: 100%;
}

    #maincontent div.pubtoccontentwell .twoLeft { /*  used in occPgNewsletter when the "Homepage" field is checked */
        margin: auto;
        max-width: 33%;
    }

    #maincontent div.pubtoccontentwell .twoRight { /*  used in occPgNewsletter when the "Homepage" field is checked */
        float: right;
        margin: auto;
        max-width: 67%;
    }
/* 
#event h2 {
    font-size: 1.0em;
    margin: 0;
    padding: 6px 0;
}
#event h3 { padding: 6px 0; }
div#event_location { position: relative; }
div#event_location p { line-height: 1.5em; } */
/* */
/******************************************************************************/
/******************************************************************************/
/*  START: three column layout adapted from http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/******************************************************************************/
/* column container */
.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colmid,
.colleft {
    float: left;
    width: 100%; /* width of page */
    position: relative;
}

.col1,
.col2,
.col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
                        only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.threecol {
    background: #fff; /* right column background colour */
}

    .threecol .colmid {
        right: 50%; /* width of the right column */
        background: #fff; /* center column background colour */
    }

    .threecol .colleft {
        right: 25%; /* width of the middle column */
        background: #fff; /* left column background colour */
    }

    .threecol .col1 {
        width: 24%; /* width of center column content (column width minus padding on either side): 25% - 0 padding left - 1 padding right = 24% */
        left: 100%; /* 100% plus left padding of center column: 100% + 0 padding left = 100%  */
    }

    .threecol .col2 {
        width: 24%; /* Width of left column content (column width minus padding on either side): 25% - 0 padding left - 1 padding right = 24%  */
        left: 51%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }
    /*  50% + (0 padding left + 1 padding right) + 0 padding left = 51% */
    .threecol .col3 {
        width: 50%; /* Width of right column content (column width minus padding on either side): 50% - 0 padding left - 0 padding right = 50%  */
        left: 78%; /* Please make note of the brackets here:
                        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding)  */
    }
/* 100% - 24 + (0 padding left + 1 padding right) + (0 padding left + 1 padding right) + (0 padding left + 0 padding right) = 78%  */
/* --> */
/******************************************************************************/
/*  END: three column layout adapted from http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/******************************************************************************/
/******************************************************************************/
/* */
#masthead {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em; /* for pixel-perfect line-height matching to OCC example site */
    margin-left: 0;
    padding-bottom: 14px;
    width: 575px;
}

    #masthead .header-logo {
        margin-left: 0;
        padding: 23px 0;
        text-align: left;
        width: 25%;
    }

    #masthead #breadcrumb_navigation {
        background-color: #233f81;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 14px;
        border-top: #5376c5 solid 5px;
        padding-bottom: 1px;
        padding-left: 16px;
        text-align: left;
        vertical-align: text-top;
    }

        #masthead #breadcrumb_navigation a {
            color: #fff;
            font-weight: bold;
            font-size: 11px;
        }

#sitemap, #header-bottom-tabs, .skipnav, .header-title, #container_content #left-nav {
    display: none;
    visibility: collapse;
}

#container_main_print .accordion-section-content {
    display: block !important;
}

#container_main_print .noPrint {
    display: none;
}

#container_main_print .back-to-top {
    display: none;
}

#container_main_print .print-sr {
    height: auto !important;
    left: auto !important;
    overflow: auto !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
}

#container_main_print .district-link-size  {
	width: 145px;
}

#container_main_print .inset {
	height: 100%; 
	margin-top: 20px; 
	margin-left: 30px;
}

#minority-owned-links .inline-flex:first-child{
	margin-bottom: 5px;
}

#container_main_print .minority-links-size, 
#container_main_print .district-link-size {
	display: flex;
}

#container_main_print .minority-links-size span, 
#container_main_print .district-link-size span{
	margin-left: 10px;
}

	#container_main_print .minority-links-size a {
		margin-top: -3px;
		margin-right: 10px;
	}
	
	#container_main_print .district-link-size a {
		margin-top: -2px;
	}

#container_main_print .flexbox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#container_main_print .flex {
    flex: 1;
}

#container_main_print .flex2 {
    flex: 2;
}

#container_main_print .flex3 {
    flex: 3;
}

#container_main_print #full-map #map {
	height: 350px !important;
	width: 100%;
}

#container_main_print #full-map {
    margin: 0;
    font-family: 'ArialMT', 'Arial';
    font-size: 13px;
}

#container_main_print #canvas select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/images/drop-down-arrow.png) no-repeat right #fff;
    background-position: 95%;
    padding: 10px 40px 8px 8px;
}

#container_main_print #canvas select {
    width: 300px;
}

#container_main_print #canvas select, 
#container_main_print #full-map select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/images/drop-down-arrow.png) no-repeat right #fff;
    background-position: 95%;
    width: 225px;
}

#container_main_print #canvas #select-state {
    color: black;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgb(169, 169, 169);	
    font-family: Arial;
}

#container_main_print .image-map {
	width: 96%;
	display: block;
	position: relative;
	margin-top: 10px;
}

#container_main_print .image-map > a.map {
	position: absolute;
	display: block;
	text-align: center;
}

#container_main_print .image-map img {
	width: 100%;
}

#container_main_print .map {
	width: 15.5%;
	height: 27%;
}

#container_main_print .map.western {
	top: 21%;
	left: 21%;
}

#container_main_print .map.central {
	top: 4%;    
	left: 55.5%;
}

#container_main_print .map.northeastern {
	top: 31%;
	left: 71%;
}

#container_main_print .map.southern {
	top: 57%;
	left: 46%;
}

#container_main_print .number-center {
	margin-top: 38.5%;
	font-size: 55px;
	color: black;
	font-weight: bold;
}

#container_main_print .number {
	min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
	-ms-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

#container_main_print .number-western { background-color: #4fb854; }
#container_main_print .number-central { background-color: #eaa66a; }
#container_main_print .number-southern { background-color: #825fa8; }
#container_main_print .number-northeastern { background-color: #469fd6; }

#container_main_print .number-ho { background-color: green; }
#container_main_print .number-aao { background-color: #ea8d23; }
#container_main_print .number-ao { background-color: #0c5285 }
#container_main_print .number-na { background-color: #1ac0e8}
#container_main_print .number-wo { background-color: #683695; }


#container_main_print .ownedLinks {
    flex-grow: 2;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    align-content: center;
}

    #container_main_print .ownedLinks:first-child, 
	#container_main_print .ownedLinks:nth-child(5) {
        flex-grow: 18;
    }
	
	#container_main_print .ownedLinks.na {
		margin-right: 14px;
	}
	
#container_main_print .map-dropdown {		
	background-color: white !important;
}