/* Agency Custom CSS */

/* Main Container */
#size { background-image: url(/dor/images/col_bg.jpg); }

/* Left / 1st Column */
#col1 { color: #322A5F ; }
/* Column 1 - Left Navigation */
#col1 #leftnavul .linkhdr, #col1 #leftnavul #ifahome { border-bottom: 1px solid #322A5F; }
#col1 #leftnav > ul li:first-child a, #col1 #leftnav ul #ifahome a { background-image: url(/dor/images/icon_home.png); background-repeat: no-repeat; background-position: left center;}
#col1 #leftnavul .linkhdr_none { display:none; }
#col1 #leftnavul .linkhdr a, #col1 #leftnavul #ifahome a { color: #322A5F; }
#col1 #leftnavul .linkhdr a, #col1 #leftnavul #ifahome a { color: #322A5F; }
#col1 #leftnav .linkhdr:hover a, #col1 #leftnavul #ifahome:hover a{ color: #322A5F!important; }
#col1 #leftnav li:hover { background-color: #322A5F; }
#col1 #leftnav li:hover a{ color: #ffffff; }
#col1 #leftnav ul li li { border-bottom: 1px solid #325f88; }
#col1 #leftnav ul li li:hover { background-color: #325f88; }
#col1 #leftnav ul li.navMore:hover { background-color: #322A5F; }
#col1 #leftnav ul li.navMore:hover a { color: #ffffff; }

/* Column 1 - Left Navigation - Sub Menu */ /* jQuery UI Menu 1.10.0 */ 
.ui-menu .ui-menu { background-color: #322A5F; }
/* Column 1 - Social Media */
#icon-social { /*background-image: url();*/ }


/* Center / 2nd Column */
#col2 h3, #col2full h3 { color: #322A5F; border-bottom: 1px solid #322A5F; }
/* Column 2 - Sub Page */
#lowerIndiana .breadcrumb a, #lowerIndiana span, #lowerIndianafull .breadcrumb a, #lowerIndianafull span { color: #435c70; }
#lowerIndiana .breadcrumb, #lowerIndianafull .breadcrumb { display: none; padding-left: 0px; }
#col2top { margin-bottom: 70px; }

/* Column 2 - Top */
#col2top .logo { background-image: url(/dor/images/logo.png); width: 90px; height: 89px; }
#col2top h1 { padding-left: 95px; }

/* Column 2 - Billboards */
.ws_bullets a { background: url(/dor/images/pagination.png) left top; }
/* #col2 #slides { margin-top: -70px; } */
#col2 #slides .caption .learn_more a { background-color: #322A5F; background-image: url(/dor/images/col_bg.jpg); background-repeat: repeat-x; background-position: center center; }
#col2 a.prev, #col2 a.next { background: url() no-repeat transparent; }
#col2 iframe { width: 100%; }

/* Right / 3rd Column */
#col3 {color: #322A5F; }
#col3 p a { color: #322A5F; }
/* Column 3 - Top - Online Services */
#col3 #col3topfluid #services_link { background-image: url(/dor/images/icon_online_services.png); background-repeat: no-repeat; background-position: 0 0; }
#col3 #col3topfluid p, #col3 #col3topfluid #subscriber, #col3 #col3topfluid p a, #col3 #col3topfluid #subscriber a  { color: #322A5F; }
/* Column 3 - FAQs / I Want Tos */
#col3 .faq_box { background: #325f88; /* Old browsers */
background: -moz-linear-gradient(top, #325f88 30%, #322A5F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#325f88), color-stop(100%,#322A5F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #325f88 30%,#322A5F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #325f88 30%,#322A5F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #325f88 30%,#322A5F 100%); /* IE10+ */
background: linear-gradient(to bottom, #325f88 30%,#322A5F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325f88', endColorstr='#322A5F',GradientType=0 ); /* IE6-9 */}
#col3 .faq_box { background-color: #325f88; }
#col3 #faqlink, #col3 #wantlink2 { background-color: #325f88; }
#col3 #faqlink2, #col3 #wantlink { color: #322A5F !important; }
#col3 #faqlink, #col3 #faqlink2 { background-image: url(/dor/images/icon_faqs.png); }


/* Agency Customizations */el

#col2full table { background-color:#999999 }
#col2full table tr th { background-color: #fff; }
#col2full table tr td { background-color: #fff; }
#col2full table tr td.pcTableBG { background-color: #bebed2; }
#col2full table tr td.pcDateTableBG { background-color: #d7d7eb; }
#col2full table tr td.yrBG { background-color: #000; color: #fff; text-align:right; padding-right: 10px; }
#col2full table tr td.numBG { background-color: #000; color: #fff; text-align:center;}
#col2full table tr td.yr12BG { background-color: #974807; color: #fff; text-align:center;}
#col2full table tr td.yr13BG { background-color: #31849b; bold; color: #fff; text-align:center;}
#col2full table tr td.yr14BG { background-color: #4a452a; bold; color: #fff; text-align:center;}
#col2full table tr td.yr15BG { background-color: #632523; color: #fff; text-align:center;}
#col2full table tr td.planningBG { background-color: #1f6f43; color: #fff; text-align:center;}
#col2full table tr td.greybar { background-color: #404040; height:10px}
#col2full table tr td.centinfBG { background-color: #0f253f; border-color: #404040; color: #fff; text-align:center;}
#col2full table tr td.leftinfBG { background-color: #0f253f; border-color: #404040; color: #fff; text-align:left; padding-left: 10px;}
#col2full table tr td.completedBG { background-color: #1f6f43; color: #fff; text-align:center;}
 
#col2 h5, #col2full h5 { color: #322A5F; border-bottom: 1px solid #322A5F; line-height: 1.3em; font-size: 1.5em; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid #E1DFDB; display: block; margin-bottom: 0px; margin-top: 0px; }
#blogs, #indepth, #media, #programs  { font-size: 0.9em; line-height: 1em; width:23.35%; min-height:250px; margin-top: 10px; margin-bottom: 10px; float:left; border: 1px solid #b3d3db; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#blogs, #indepth, #media { margin-left: 0; margin-right: 1.5%; }
#programs { margin-left: 0; margin-right: 0; }
#blogs h4, #indepth h4, #media h4, #programs h4 { color: #FFF; background-color: #322A5F; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-weight: normal; font-size: 1.3em; text-align: center; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; line-height: 1.05em; background-image: url(/dor/images/col_bg.jpg); background-repeat: repeat-x; background-position: top; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; min-height: 35px; }
#blogs ul, #indepth ul, #media ul, #programs ul { list-style-image: url(""); padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 15px; }
#blogs li, #indepth li, #media li, #programs li { padding: 0px; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; }
#blogs a, #indepth a, #media a, #programs a { color:#354E60; text-decoration: none; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-weight: normal; }
#blogs a:hover, #indepth a:hover, #media a:hover, #programs a:hover { text-decoration: underline; }
#blogs #noBgImage { background-image: none; }

#col3 #col3midfluid h3 {
    color: #bfd7ed;
    border-bottom: 1px solid #bfd7ed;
    margin-bottom: 10px;
}
#col3 #col3midfluid a {
        color: #bfd7ed;
        padding: 0px;
}
#col3 #col3midfluid ul {
        margin-left: 30px;
}
#col3 #col3midfluid p {
    margin-bottom: 5px;
}

#col3 #col3midfluid { background: #325f88; /* Old browsers */
background: -moz-linear-gradient(top, #325f88 30%, #322A5F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#325f88), color-stop(100%,#322A5F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #325f88 30%,#322A5F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #325f88 30%,#322A5F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #325f88 30%,#322A5F 100%); /* IE10+ */
background: linear-gradient(to bottom, #325f88 30%,#322A5F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325f88', endColorstr='#322A5F',GradientType=0 ); /* IE6-9 */}
#col3 #col3midfluid { background-color: #325f88; }


/* Agency Media Queries */

@media only screen and (max-width : 768px) {
#programs, #blogs, #indepth, #media { width:98%; min-height: inherit; margin-right: 0; margin-left: 0; }
#col2top .logo { height: 50px; width: 50px; background-size: cover; }
#col2top h1 { padding-left: 75px; }
}
 
div#content-leftcolumn {float:left; width: 49%; margin-right:2%; margin-top: 0px; margin-bottom: 0px;}
div#content-leftcolumn p {margin-top: 5px; margin-bottom: 10px;}
div#content-leftcolumn h1{font-size: 1.25em; padding-top: 0px; padding-bottom:0px;}
div#content-leftcolumn h2 {font-size: 1.15em; padding-top: 0px; padding-bottom:0px;}
div#content-leftcolumn h3 {font-size: 1.05em; padding-top: 0px; padding-bottom:0px;}
div#content-rightcolumn {float:left; width: 49%; margin-left:0px; margin-right: 0px; margin-top: 0px; magin-bottom: 0px;}
div#content-rightcolumn p {margin-top: 5px; margin-bottom: 10px;}
div#content-rightcolumn h1{font-size: 1.25em; padding-top: 0px; padding-bottom:0px;}
div#content-rightcolumn h2 {font-size: 1.15em; padding-top: 0px; padding-bottom:0px;}
div#content-rightcolumn h3 {font-size: 1.05em; padding-top: 0px; padding-bottom:0px;}
div#nonav-content {padding-top: 10px; padding-bottom: 0px; padding-left: 20px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-align: left; background: white; }
div#nonav-content h1 {font-size: 1.25em; padding-top: 0px; padding-bottom:0px;}
div#nonav-content h2 {font-size: 1.15em; padding-top: 0px; padding-bottom:0px;}
div#nonav-content h3 {font-size: 1.05em; padding-top: 0px; padding-bottom:0px;}
div#nonav-content a:link {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
div#nonav-content a:visited {text-decoration: none;}
div#nonav-content a:hover {background: transparent;  text-decoration: underline;}
.boxheader {color: #fff; font: bold 1.00em Verdana,sans-serif; text-align: center; display: block; height: auto; width: 300px; background-color: #83761D; padding: 10px 0px 10px 0px; margin-top: 0px; margin-bottom: 0px;}
.boxheader a,.boxheader a:link {color: #fff !important; background: transparent; text-decoration: none;}
.boxheader a:hover {color: rgb(254, 254, 254) !important; background: transparent; text-decoration: underline;}
.boxheader a:visited {color: #fff; background: transparent; text-decoration: none;}
.boxheader a:visited:hover {color: #fff; background: transparent; text-decoration: underline;}.more {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color:#CE9F5A;}
.more a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color:#CE9F5A; text-decoration:none;}
.more a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color:#CE9F5A; text-decoration: underline;}
.more a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color:#CE9F5A; text-decoration:none;}
.more a:visited.hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color:#CE9F5A; text-decoration:underline;}
div#content #map-image{display: block; float: right;}

.datatable {border-top: 1px solid #003366; border-left: 1px solid #003366; padding-top: 0px; padding-bottom: 10px; padding: 0;}
.datatable td {font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 3px; border-bottom: 1px solid #003366; border-right: 1px solid #003366;}
.datatable th {border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 3px;}
div#window-print {float:left; width: 50px; margin-top: 10px; magin-bottom: 10px; margin-left: 10px; margin-right: 10px; background: white; border: 1px solid; border-color: #003366; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-align: center;}
div#window-print a:link {text-decoration: none; color: #003366;}
div#window-print a:visited, {text-decoration: none; color: #003366;}
div#window-print a:hover {text-decoration: none; color: #003366;}
div#window-close {float:left; width: 100px; margin-top: 10px; magin-bottom: 10px; margin-left: 10px; margin-right: 10px; background: white; border: 1px solid; border-color: #003366; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-align: center;}
div#window-close a:link {text-decoration: none; color: #003366;}
div#window-close a:visited {text-decoration: none; color: #003366;}
div#window-close a:hover {text-decoration: none; color: #003366;}
.filing-calendar {border-top: 1px solid #003366; border-left: 1px solid #003366; padding-top: 0px; padding-bottom: 10px; padding: 0; width: 90%;}
.filing-calendar th {border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 3px; width: 15%; height: 15px;}
.filing-calendar td {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; margin: 0; padding: 3px; border-bottom: 1px solid #003366; border-right: 1px solid #003366; width: 15%;}
span.deadlinesales {background-color: #99FF99; }
span.deadlinesales a:link {background-color: #99FF99; }
span.deadlinefuel {background-color: #FFFF99; }
span.deadlinefuel a:link {background-color: #FFFF99; }
span.deadlinecig {background-color: #FFCC99; }
span.deadlinecig a:link {background-color: #FFCC99; }
span.deadlinemcs {background-color: #CCFFFF; }
span.deadlinemcs a:link {background-color: #CCFFFF; }
span.deadlineother {background-color: #CCCCFF; }
span.deadlineother a:link {background-color: #CCCCFF; }
span.deadlineind {background-color: #FFCCFF; }
span.deadlineind a:link {background-color: #FFCCFF; }
span.tablecellindent {padding-left: 15px;}
div#online-leftcolumn {float:left; width: 100px; margin-left:10px; margin-top: 0px; margin-bottom: 0px;}
div#online-leftcolumn p {margin-top: 5px; margin-bottom: 10px;}
div#online-leftcolumn h1{font-size: 1.25em; padding-top: 0px; padding-bottom:0px;}
div#online-leftcolumn h2 {font-size: 1.15em; padding-top: 0px; padding-bottom:0px;}
div#online-leftcolumn h3 {font-size: 1.05em; padding-top: 0px; padding-bottom:0px;}
div#online-rightcolumn {float:left; width: 400px; margin-left:20px; margin-right: 0px; margin-top: 0px; magin-bottom: 0px;}
div#online-rightcolumn p {margin-top: 5px; margin-bottom: 10px;}
div#online-rightcolumn h1{font-size: 1.25em; padding-top: 0px; padding-bottom:0px;}
div#online-rightcolumn h2 {font-size: 1.15em; padding-top: 0px; padding-bottom:0px;}
div#online-rightcolumn h3 {font-size: 1.05em; padding-top: 0px; padding-bottom:0px;}
.box {width: 95%; padding: 10px; border: 1px solid;}
.greybox {width: 95%; padding: 10px; border: 1px solid; background: #cccccc;}
.ifilebox {width: 95%; padding: 10px; border: 2px solid black; color:#FF0000;}
.lh-2-5 {line-height: 2.5em;}
div#po-leftcolumn {float:left; width: 270px; margin-left:10px; margin-top: 0px; margin-bottom: 0px;}
div#po-rightcolumn {float:left; width: 260px; margin-left:20px; margin-right: 0px; margin-top: 0px; magin-bottom: 0px;}
div#clear {clear: both;}
.mapquest td{font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #003366; text-align: left;}
.red-text {color:#FF0000;}
.warning {color:#FF0000; font-weight: bold;}
.bulletin-table {border: 0; padding: 0;}
.bulletin-table {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #003366;}
.alternaterows {background-color:#EAEAEA;}
span.highlight {background-color: #FFFF00; }
#col2 table {background-color: transparent; border-collapse: collapse; border: 1.5pt solid #000; width: 95%; } 
#PageTable, #PageTable table {background-color: transparent; border-collapse: collapse; border: 0pt solid #fff!important; width: 95%; }
#PageTable td, #PageTable tr {background-color: transparent; border: 0pt solid #fff!important; padding: 2px; margin: 0; }
#col2 td {background-color: transparent; border: 1pt solid #ddd; padding: 2px; margin: 0; }
#col2 th {background-color: #000; color: #fff; font-weight: bold; border: 1pt solid #000; padding: 2px; margin: 0; }
a#ref, a#ref:link, a#ref:hover, a#ref:visited, a#ref:active {color: #fff;}
#hometable table, #hometable td {border: none; text-align: left;}
#col2full table {width: 750px; font: 12px Arial; margin-left: 10px;}
#col2full p {font-size: 1em; line-height: 1.3em;}
#col2full li {font-size: 1em; line-height: 1.3em;}
#col2full #col2content {width:750px; font: 12ps Arial;}
#marqueecontainer{ position: relative; left:20px; width: 584px; /*marquee width */ height: 50px; /*marquee height */ background-color: white; overflow: hidden; /*border: 1px solid #003366;*/ padding: 2px; }
.month {font-size:48px; float:left; font-weight:bold; margin-top:30px;}
.legend {border:thin #000000 3px; padding:8px;}
.legend img {margin-bottom:2px;}
.nolisting {background-color:#CCCCCC; padding-left:55px;}
.listing  {background-color:#FFFFFF; padding:5px 0px 5px 0px; height:100%;}
.listing h5 {font-size:36px; padding:0px 0px 0px 0px; height:100%; margin:auto 10px auto 20px; float:left;}
.listing img {margin-bottom:2px;}
.dates {width:450px; margin-left:90px;}
.sales {color:#909922; font-weight:bold;}
.motor {color:#094A9D; font-weight:bold;}
.fuel {color:#0A3545; font-weight:bold;}
.cig {color:#205222; font-weight:bold;}
.aircraft {color:#616B6D; font-weight:bold;}
.individual {color:#630E06; font-weight:bold;}
.corporate {color:#AB4515; font-weight:bold;}
.fiduciary {color:#000000; font-weight:bold;} 
#answer01, #answer02, #answer03, #answer04, #answer05, #answer06, #answer07, #answer08, #answer09, #answer10, #answer11, #answer12, #answer13, #answer14, #answer15, #answer16, #answer17, #answer18, #answer19, #answer20, #answer21, #answer22, #answer23, #answer24, #answer25, #answer26, #answer27, #answer28, #answer29, #answer30, #answer31, #answer32, #answer33, #answer34, #answer35, #answer36, #answer37, #answer38, #answer39, #answer40, #answer41, #answer42, #answer43, #answer44, #answer45, #answer46, #answer47, #answer48, #answer49, #answer50, #answer59, #answer220, #answer221, #answer222, #answer51, #answer52, #answer53, #answer54, #answer55, #answer56, #answer57, #answer58, #answer59, #answer60, #answer61, #answer70, #answer71, #answer72, #answer73, #answer74, #answer75, #answer76, #answer77, #answer78, #answer79, #answer351, #answer352, #answer1000, #answer1001, #answer1002, #answer1003, #answer1004, #answer1005, #answer1006, #answer1007, #answer1008, #answer1009, #answer1010, #answer1011, #answer1012, #answer1013, #answer1031, #answer1032, #answer1033, #answer1041, #answer1042, #answer1161 {display: none;}
 
.social_media_share iframe {
    width: 75px !important;
}

/* 2016 Header */
.in-header{
    background: #322A5F; ;
}
.in-header .menu,
.in-header .close {
    color: #fff;
    background: rgba(255,255,255,0.25);
}
.in-utility {
    color: #fff;
    background: #322A5F; ;
}
.in-utility .feedback .icon,
.in-utility .feedback .form {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}
.in-menus .skin-minimal.breadcrumbs {
  border-top-color: rgba(0,0,0,0.3);
  border-bottom-color: rgba(255,255,255,0.1);
  background: #322A5F; ;
}
.in-search .select2-container--default .select2-selection--single {
    border: 1px solid #322A5F; ;
    background-color: #322A5F; ;
}
.in-title-bar input[type="submit"] {
    background-color: #322A5F; ;
}
.person {
    display: block;
}
.sbHolder,
#col1 #col1top,
#col2 #col2top,
#col2full #col2top,
#col3top {
    display: none !important;
}
#col2{
    padding-top: 20px;
}

/* Meet Our Team page #6276 styles */

	.zero {
		width: 100%;
		padding: 2.5rem 1.5rem .5rem;
		position: relative;
		display: flex;
        flex-wrap: wrap;
	}

	.elected-officials-row {
		margin-top: -20px;
		float: left;
		margin-right: 10px;
		height: 250px;
		width: 200px;
		transition: all 0.2s;
		min-height: 250px;
		margin-bottom: 2rem;
		padding: 0px;
		background-size: cover;
		background-position: top center;
		position: relative;
	}

	.two {
		color: #fff;
		text-align: center;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		padding: 10px;
		left: 0;
		background-color: rgba(74, 64, 64, 0.7);
		position: 100%;
	}

	.elected-officials-row a:active { color: #fff !important; text-decoration: underline !important; }
	.elected-officials-row a:hover { color: #fff !important; }
	.elected-officials-row a:link { color: #fff !important; text-decoration: underline !important;}
	.elected-officials-row a:visited { color: #fff !important; }
	
	@media screen and (max-width: 63.9375em) {
		#one-2-1 { margin-left: 0px; }
	}
    @media (min-width: 1024px) {
        .elected-officials-row { 
            flex: 1 0 20%; max-width: calc(25% - 12px); }
        }
    @media (max-width: 1024px) {
        .elected-officials-row { flex: 1 auto; }
        .zero { padding: 1rem 0; }
    }
    #one-1-1 
    	{
		background-image: url("/dor/images/bob-tn.jpg");
	}
	#one-1-2 {
		background-image: url("/dor/images/kevin-tn.jpg");
	} 
	#one-1-3 {
		background-image: url("/dor/images/ed-tn.jpg");
	} 
	#one-1-4 {
		background-image: url("/dor/images/chris-tn.jpg");
	} 
	#one-2-1 {
		background-image: url("/dor/images/chrisperry-tn.jpg");
	}
	#one-2-2 {
		background-image: url("/dor/images/monique-tn.jpg");
	} 
	#one-2-3 {
		background-image: url("/dor/images/terri-livingston.jpg");
	}
	#one-2-4 {
		background-image: url("/dor/images/tammy-tn.jpg");
	}
	#one-3-1 {
		background-image: url("/dor/images/randal-tn.jpg");
	} 
	#one-3-2 {
		background-image: url("/dor/images/caitlin.jpg");
	} 
	#one-3-3 {
		background-image: url("");
	} 
	#one-3-4 {
	       background-image: url("");
	}
	
	
/*style for page 3600*/
.ar-zero {
		width: 100%;
		padding: 2.5rem 1.5rem .5rem;
		position: relative;
		display: flex;
        flex-wrap: wrap;
	}
	
.ar-two {
		color: #fff;
		text-align: center;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		padding: 10px;
		left: 0;
		background-color: rgba(74, 64, 64, 0.7);
		position: 100%;
	}
	
.annual-reports-row  {
		margin-top: -20px;
		float: left;
		margin-right: 10px;
		height: 250px;
		width: 200px;
		transition: all 0.2s;
		min-height: 250px;
		margin-bottom: 2rem;
		padding: 0px;
		background-size: cover;
		background-position: top center;
		position: relative;
	}

	.annual-reports-row a:active { color: #fff; text-decoration: underline; }
	.annual-reports-row a:hover { color: #fff; }
	.annual-reports-row a:link { color: #fff; text-decoration: underline;}
	.annual-reports-row a:visited { color: #fff; }

	#ar-1-1 {
		background-image: url("/dor/images/2018-annual-report.jpg");
	}

	#ar-1-2 {
		background-image: url("/dor/images/2017-annual-report.jpg");
	} 
	#ar-1-3 {
		background-image: url("/dor/images/2016-annual-report.jpg");
	} 
	#ar-1-4 {
		background-image: url("/dor/images/2015-annual-report.jpg");
	} 
	#ar-2-1 {
		background-image: url("/dor/images/2014-annual-report.jpg");
	}
	#ar-2-2 {
		background-image: url("/dor/images/2013-annual-report.jpg");
	} 
	#ar-2-3 {
		background-image: url("/dor/images/2012-annual-report.jpg");
	}
	#ar-2-4 {
		background-image: url("/dor/images/2011-annual-report.jpg");
	}
	#ar-3-1 {
		background-image: url("/dor/images/2010-annual-report.jpg");
	} 
	#ar-3-2 {
		background-image: url("/dor/images/2009-annual-report.jpg");
	} 
	#ar-3-3 {
		background-image: url("/dor/images/2008-annual-report.jpg");
	} 
	#ar-3-4 {
		background-image: url("/dor/images/2007-annual-report.jpg");
	}
	#ar-4-1 {
		background-image: url("/dor/images/2019-annual-report.jpg");
	}
	
	@media screen and (max-width: 63.9375em) {
		#ar-2-1 { margin-left: 0px; }
	}
    @media (min-width: 1024px) {
        .annual-reports-row { 
            flex: 1 0 20%; max-width: calc(25% - 12px); }
        }
    @media (max-width: 1024px) {
        .annual-reports-row { flex: 1 auto; }
        .zero { padding: 1rem 0; }
    }
    
/*Vid Library*/
.container {
    overflow: hidden;
}

div#myBtnContainer {
    margin-bottom: 15px;
}

.filterDiv {
    float: left;
    color: white;
    width: 560px;
    /*line-height: 100px;*/
    text-align: center;
    margin-right: 10px;
    display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  margin-right: 5px;
  background-color: #999;
  color: black;
  cursor: pointer;
}

/* Background color on mouse-over */
.btn:hover {
  background-color: #ddd;
  color: black;
}

/* Background to the active button */
.btn:active {
  background-color: #322A5F !important;
  color: white;
}

/* Style the buttons */
.button_2 {
  border: 2px solid #E7E7E7;
  outline: none;
  background-color: #E7E7E7;
  padding: 15px 15px;
  text-align: center;
  width: 275px;
  display: inline-block;
  font-size: 16px;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button_2:hover {
  background-color: white;
  border: 2px solid #322A5F;
}


.button_3 {
  color: #fff;
  border-radius: 25px;
  border: 1px solid white;
  outline: none;
  background-color: #E7E7E7;
  padding: 8px 10px;
  text-align: center;
  width: 280px;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: .5px .5px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
  transition-duration: 0.4s;
  cursor: pointer;
}

.button_3:hover {
  background-color: white;
  border-radius: 25px;
  color: #fff;
  border: 1px solid #322A5F;
}

/* Style the buttons */
.btn_notices {
  border: none;
  border-radius: 10px;
  width: 100px;
  text-align: center;
  padding: 10px 50px;
  margin-right: 5px;
  background-color: #123553;
  color: white;
  cursor: pointer;
}

/* Background color on mouse-over */
.btn_notices:hover {
  border: 1px solid #123553;
  background-color: #fff;
  color: #123553;
}

/*Blog Avatar and Name Div*/
.attribution {
    margin-bottom: 30px;
    margin-left: 0px;
}

/*Blog Avatar Images*/
.avatar {
    vertical-align: middle;
    width: 55px;
    height: 55px;
    border-radius: 15%;
    margin-right: 15px;
}

/*Blog Name*/
.nameplate {
    padding-top: 10px;
    clear:none !important;
}

/*Blog Large Author Images*/
.author {
     border-radius: 50%;
     width: 150px;
     height: 150px;
}

/*Blog CTAs*/

.blog-cta-row {
		margin-top: -20px;
		float: left;
		margin-right: 10px;
		height: 180px;
		width: 200px;
		transition: all 0.2s;
		min-height: 180px;
		margin-bottom: 2rem;
		padding: 0px;
		background-size: cover;
		background-position: top center;
		position: relative;
	}
	
	.blog-cta-row a:active {color: #322A5F;}
	.blog-cta-row a:hover {color: #322A5F; text-decoration: underline; }
	.blog-cta-row a:link {color: #322A5F; text-decoration: underline; }
	.blog-cta-row a:visited {color: #322A5F;}
	
	@media (min-width: 1024px) {
        .blog-cta-row { 
            flex: 1 0 20%; max-width: calc(25% - 12px); }
        }
    @media (max-width: 1024px) {
        .blog-cta-row { flex: 1 auto; }
        }
.section-content .eventblock a, .section-content .read-more a{
    text-decoration: underline !important;
}

a.comment_widget {
		  color: white !important;
		  text-decoration: none !important;
	}
	
	/*Table customizations*/
#dortable tr:nth-child(even) { background: #fff; }
#dortable tr:nth-child(odd) { background: #EBEBEB; }

.number-oval {
	font-size: 16px;
	color: #222664;
	background-color:#c9b12e;
	border-radius:10px; 
	padding:6px;
}

/* P tag button fix */
p.button.primary a {
    color: #FFF !important;
    text-decoration: none !important;
}

/*Remove Text Message option in Footer per SIC request*/
/*#agency-sms {
    display: none;
}

#agency-phone {
    border-bottom: none;
}*/

#dor-banner a {
    color: #00ACD5 !important;
}

}

.secondary2 {
  color: white;
  border: 2px solid #322A5F;
}

.callout.secondary {
    background-color: #d4e0f4;
    color: #0a0a0a;
}

.callout {
    background: #eeeeee;
    border: none;
    padding: 1.5rem;
}

.blog-header {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 2rem 0 2rem; 
}
<section id="content_container_749194">
/* horizontal navigation bar */
.navbar {
  overflow: hidden;
  background-color: #123553;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container 
.dropdown {
  float: left;
  overflow: hidden;
}*/

/* Dropdown button 
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}*/

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #205d92;
}

/* Dropdown content (hidden by default) 
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}*/

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #123553;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
</section>

<section id="content_container_823581">
/*Individual Income Tax Receipt*/
.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment-1 {
    animation: donut1 1s;
}

.donut-percent {
    animation: donutfadelong 2s;
}

@keyframes donutfadelong {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 2;
    }
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }

}

/* Create two equal columns that floats next to each other */
.column-1 {
  float: left;
  width: 40%;
  padding: 0px;
  text-align: middle;
}
.column-2 {
  float: left;
  width: 30%;
  padding: 0px;
  text-align: middle;
}

section-receipt {
  width: 720px;
  height: 700px;
  position: relative;
}

#income {
    font-size:16px;
}

#tax {
    font-size:16px;
}
#tax2 {
    font-size:16px;
}
#tax3 {
    font-size:16px;
}
#tax4 {
    font-size:16px;
}
#tax5 {
    font-size:16px;
}
#tax6 {
    font-size:16px;
}
#tax7 {
    font-size:16px;
}
#tax8 {
    font-size:16px;
}
#tax9 {
    font-size:16px;
}


.myBtnReceipt {
    background-color: #fff;
	color: #123553;
	border: 1px,thin;
	border-color:#1c365e;
	border-radius:5px;
	padding:10px;
    min-height:15px; 
    min-width: 100px;
}

.myBtnReceipt:hover {
    background-color:#1c365e;
	color: #fff;
	border: 1px,thin;
	border-color:#1c365e;
    transition: 0.5s;
}
canvas {
    padding: 0;
    margin: auto;
    display: block;
    width: 300px;
}

caption {
  text-align: left;
  font-style: italic;
  padding: 0.25em 0.5em 0.5em 0.5em;
}

/* Responsive Table */

[role="region"][aria-labelledby][tabindex] {
  overflow: auto;
  border: 0.1em solid #d6d6d6;
}

[role="region"][aria-labelledby][tabindex]:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0.1em solid rgba(0, 0, 0, 0.1);
}

[role="region"][aria-labelledby][tabindex] table {
  margin: 0;
  border: none;
}
/*2025 Annual Report*/
.annualReport {
    background-color: #123553;
	color: #123553;
}

.primary-blue {
   color: #123553;
}

 br.big {
   display:block; content:""; margin-left:1em;
   }
   
   * Back To Top Button Styles
 */
#wm-back-to-top {
  z-index:999;
  position:fixed;
  display:flex;
  bottom:0;
  right:0;
  min-width: 30px;
  min-height: 30px;
  flex-direction: row;
  gap: 8px;
  align-items:center;
  justify-content:center;
  box-sizing:content-box;
  margin: 8px;
  padding: 8px;
  cursor:pointer;
  opacity:1;
  overflow:hidden;
  transform: translateY(0px) scale(1);
  background:transparent;
  border-radius: 50px;
  border-width: 0px;
  border-color: #000000;
  border-style:solid;
  visibility:visible;
  transition: opacity .3s ease,
    transform .3s ease,
    visibility 0s ease .3s;
  will-change:transform;
  backdrop-filter: blur(0px);
  &.show{
    transform: translateY(0px);
    opacity:1;
    visibility: visible;
    transition: opacity .3s ease,
      transform .3s ease,
      visibility 0s ease 0s;
  }
  .icon{
    position:relative;
    display:flex;
    justify-content:center;
    line-height:0;
    height:auto;
    width:auto;
  }
  .text{
    position:relative;
    margin:0;
    font-size: 0.8rem;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
  }
  svg{
    width: 20px;
    height: 20px;
  }
  path{
    stroke-width: 5px;
    stroke: #000000;
  }
  .btt-background {
    box-sizing:border-box;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color: #ffffff;
    opacity: 1;
    transition: opacity .3s ease;
  }
  &:hover{
    transform:translateY(-3px);
    opacity: .85;
  }
  &:active{
    transform: translateY(-3px) scale(.95);
  }
}
footer.sections {
  z-index: 9999 !important;
}
div.code-block:has(.btt-background) div {
    opacity: 1 !important;
}
</section>