@charset "utf-8"; 
/* City of Minneapolis Stylesheet 
  Date: July 28, 2015   Author: Grant E. Johnson
  Revision Date: January 2017  Author:  Lynne Figg Reason: Communications revisions
*/
html{margin: 0; padding: 0; font-size:.9em;}
body  {margin: 0; padding: 0; border:0; width:100%; font-family: Arial, Verdana, sans-serif; color: #000;}
a:hover {text-decoration:none;}
acronym {font-weight: bold; color: #f00;}
address {font-size:1.1em; font-style:normal; margin:0 0 1em 2em; color:#036;}
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
form  {padding:0; margin:0;}
img   {border:none;}
h1    {font-size: 1.4em; font-weight:bold; color:#000; margin-bottom:.2em;}
h2    {font-size: 1.2em; font-weight:bold; color:#036; margin-bottom:.2em;}
h3    {font-size: 1em; font-weight:bold; color:#444; margin-bottom:.1em;}
h4    {font-size: .9em; font-weight:bold; color:#036; margin-bottom:.2em;}
h5    {font-size: .9em; font-weight:bold; color:#69c;}
h6    {font-size: .8em; font-weight:bold; color:#666;}
hr {border:0; height:1px; color: #ccc; background-color:#ccc;}
legend{font-size: .9em; font-weight:bold; color:#000;} 
table { border-collapse:collapse;}
th, td{text-align:left; vertical-align:top;}
/* Layout  ---*/
#container {width: 90%; min-width:975px; margin:0 auto; padding:0;} 
#maincontent {overflow:auto;}
.oneColumn #maincontent {margin:0; padding: 0 1em;}
.twoColumn #maincontent {margin: 0 0 0 17em; padding:.3em 1em;} 
.thrColumn #maincontent {margin: 0 18em 0 17em; padding:.3em 1em;} 
.twoColumn #leftcol, .thrColumn #leftcol  {float: left; width: 16.25em; padding:1em 0 0 .75em;}		
.thrColumn #leftcol  {float: left; width: 16.25em; padding:1em 0 0 .75em;}
.thrColumn #rightcol{float: right; width:17.25em; padding:1em .75em .5em 0;}
.twoColumn #rightcol,.thrColumn #rightcol {float: right; width:17.25em; padding:1em .75em .5em 0;}
.twoColumn #leftcol h2, .thrColumn #leftcol h2,.thrColumn #rightcol h2 {margin-top:0;}
/* Change background color (was #fff) and text color (was #444) and link color (was #036) 12-22-2016 LF 
#footer {clear:both; margin:4em 0; padding: 0 10px; background:#58585A;} 
#footer p {margin: 0; padding: .5em 0; font-size: .8em; color:#fff;}
#footer a {color:#fff;}--*/
/* Added 12-22-2016 LF. Match requestpanel heading 
#footer h3{color: #C8C4BF; letter-spacing: 0; padding-bottom: 0; text-transform: uppercase; font-family: 'Lucida Sans',Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal;
font-size: 1.5em; line-height: normal; font-size-adjust: none; font-stretch: normal;
-x-system-font: none;}---*/

/* Search & Header ---*/ 
#header-bg {background: url('wcms1p-139786.jpg') 844px 0 repeat-x;}
#header {margin:0 auto 0 0; padding: 0;width:95%; min-width:998px; height:150px; position:relative; z-index:200; background: url('websitetop20172.jpg') 0 0 no-repeat; background-size: 950px 150px}
/*#header h1 {top: 100px; left: 24px; position: absolute; margin: 0; padding: 0; background: url('mpls-logo-blue.png') no-repeat; height:90px;}*/
#header h1 {top: 100px; left: 24px; position: absolute; margin: 0; padding: 0; height:40px;}
#header h1 a {font-weight: normal; font-family:"Myriad Pro", Myriad, "Calibri", Calibri, Verdana, Arial, sans-serif; display:block; width:180px; text-decoration:none; color:white;}
#header h1 a span {display:none;}
#citytag{position:absolute; top:76px; left:5px; font-size: 9px; color:#036; margin:0;padding:0;}
#search {width:220px; position:absolute; top:45px; right: 234px; margin:0; padding:0; background:url('searchbox-www.png') no-repeat 0 0;}
#search label {display:inline-block; padding:6px 0 6px 10px; font:bold 11px arial; color:#000;}
#search form { display:inline ;}
.searchbox {border:0px; background-color:transparent; position:absolute; top:3px; right:20px; width:138px; height:16px;}
.searchbox_submit {border:0; background-color:transparent; position:absolute; top:0; right:0px; width:24px; height:24px;}
#depts {width:220px;position:absolute; top:45px; right: 4px; margin: 0; padding:0; z-index:20;}
#depts .on {background:url('dept_sprite_www.png') no-repeat 0 -48px;}
#depts .over {background:url('dept_sprite_www.png') no-repeat 0 -24px;}
.deptButton {display: block; height:19px; padding:5px 0 0 10px; background:url('dept_sprite_www.png') no-repeat; font:bold 11px arial; color:#000; text-decoration:none;}
.deptList {height:350px; width:218px; margin:0; padding:0; list-style: none; overflow:scroll; overflow-x: hidden; border:#999 solid; border-width:0 1px 1px 1px;}
.deptList li {float: left; width:205px;}
.deptList a {display: block; color:#036; padding:3px 0 2px 8px; font: .8em arial; background:#dbeaf9; border-top:#cff solid 1px;}
.deptList a:hover {background:#ffc;}
#helpOptions {width:215px; position:absolute; top:77px; right: 4px;color:white; font:bold 12px arial; z-index:10; }
#changeFont {margin-right:30px;}
#changeFont a{display:inline-block; width:14px; font: bold 11px arial; color: #036; background:#fff; border: 1px solid #9bb3c7; padding:1px 1px 0 1px; margin:0 2px; text-decoration:none;}
#changeFont a:hover, #changeFont a:focus{background:#f4f4f4; color:#036;}
#translate {display:inline-block; vertical-align:middle; height: 20px; padding-left:22px; background: url('translate-icon.png') no-repeat;}
#translate a {color:white;}
/* Superfish Menu Styles ---*/
/*#globalnav {position:absolute; top:4px; right:0px; z-index:100;}/*safari* good in IE, if not good in chrome altar home2017/*/
#globalnav  {position:absolute; top:4px;right:-4px; z-index:100;}/*needed for chrome, edge in very large browsers -4*/
@supports (-webkit-appearance:none) { #globalnav  {position:absolute; top:4px; right:-50px; z-index:100;} }/*safari*/
.topmenu, .topmenu * {margin: 0; padding:0; list-style: none; position: relative;}
.topmenu {line-height: 1.0; min-width:689px}
.topmenu ul {position: absolute; top: -999em; width: 15em;  /* left offset of submenus need to match (see below) */}
.topmenu ul li {width: 100%;}
.topmenu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.topmenu li {float: left;}
.topmenu a {display: block;}
.topmenu li:hover ul, .topmenu li.sfHover ul {left: 0; top: 33px; /* match top ul list item height */}
ul.topmenu li:hover li ul, ul.topmenu li.sfHover li ul {top: -999em;}
ul.topmenu li li:hover ul, ul.topmenu li li.sfHover ul {left: 15em; /* match ul width */ top: 0;}
ul.topmenu li li:hover li ul, ul.topmenu li li.sfHover li ul {top: -999em;}
ul.topmenu li li li:hover ul, ul.topmenu li li li.sfHover ul {left: 15em; /* match ul width */ top: 0;}
/* Menu Look */.topmenu a {padding: 10px 10px 14px 10px; text-decoration:none;}}
.topmenu li {font: bold 12px arial; text-transform:uppercase; letter-spacing:.1em;}
.topmenu li a {color: #036; background: url('topmenu-bg.png') no-repeat -10px 0;}
.topmenu li li { font: normal 1em arial; letter-spacing:0; text-transform:none;}
.topmenu li li a {padding: 7px 14px; background: #dbeaf9; color:#000;border-top:#cff solid 1px;border-left:#9bb3c7 solid 1px;border-right:#9bb3c7 solid 1px;}
.topmenu li li a:hover {background: #ffc;}
.topmenu a:focus, .topmenu a:hover, .topmenu a:active {background-position:-136px -41px;  outline: 0; }
.topmenu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
li#sf-services a{background-position:0 0;color:#036;}
li#sf-services a:hover{background-position:0 -41px;}
li#sf-311 {width:105px;}
li#sf-311 a {background-position:-185px 0;color:#036;}
li#sf-311 a:hover {background-position:-185px -41px;}
li#sf-311 span{white-space: nowrap;visibility:visible;}
/*cms 311 changes 021817 moved to home2017 css
this is where we have fot fix the nav, when you do width 208 its perfect, background, etc
*/

/* no longer using an image 
li#sf-311 {width:208px; height:}
li#sf-311 span {visibility:visible;}

li#sf-311 span{visibility:hidden;}li#sf-311 a{background: url('topmenu-bg.png')}
li#sf-311 a:hover{background: url('topmenu-bg.png') background-color:#ffc; }
*/
.sf-sub-indicator {position: absolute; display: block; right: .5em; top: 1.05em; /* IE6 only */
 width: 14px; height: 13px; text-indent: -999em; overflow: hidden; background: url('nav-arrows.png') no-repeat -14px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
 top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -14px -100px;}
.topmenu ul .sf-sub-indicator {background-position: -14px 0;}
.topmenu ul a > .sf-sub-indicator {background-position: 0 0;}
.topmenu ul a:focus > .sf-sub-indicator, .topmenu ul a:hover > .sf-sub-indicator, .topmenu ul a:active > .sf-sub-indicator, .topmenu ul li:hover > a > .sf-sub-indicator, .topmenu ul li.sfHover > a > .sf-sub-indicator {background-position: -14px 0;/* point right for anchors in subs */}
.sf-shadow ul {background: url('shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
/* Left Nav Accordian and Static Menu ---*/
.accord, .static {margin: 0 0 2em 0; padding: 0; list-style-type:none; border-left:1px solid #ccc;}
.accord ul, .static ul {list-style-type:none;}
.accord a, .static a {color:#000; display:block;}
.accord li, .static li {margin: 0; padding: 0; font: bold .9em arial;}
.accord li a, .static li a  {margin: 0; padding: 4px 10px;}
.accord li a:hover, .static li a:hover {text-decoration:none;}
.accord li ul, .static li ul {margin: 0; padding: 0; list-style-type:none; border:none;}
.accord li ul li a, .static li ul li a {background: transparent; border: none;}
.accord li li li, .static li li li {font-size:1em;}
.accord li.section{position:relative; background: url('leftmenu-section.png') repeat-x; border-top:1px solid #ccc;}
.accord .section a {padding-left: 1em; padding-right:1em; font: normal 1em arial;}
.static .section a {padding-left: 1em; padding-right:1em; font: bold 1em arial;}
.accord .title a, .static .title a 	{padding-left: 1em; font: bold 1em arial;}
.accord .secondary a, .static .secondary a {padding-left: 2.5em; font: normal 1em arial;}
.accord .tertiary a, .static .tertiary a	{padding-left: 5em; font: normal 1em arial;}
.accord .quardiary a, .static .quardiary a{padding-left: 7.5em; font: normal 1em arial;}
.accord li.title:first-child, .static li.title:first-child    {background: url('leftmenu-title.png') repeat-x; }
.accord a.current, .static a.current {background: #f9f9f9 url('leftmenu-current.png') no-repeat left; font-weight:bold; cursor: default; text-decoration:none;}
.accord li a:hover, .static li a:hover {background: #f3f3f3 url('leftmenu-current.png') no-repeat left; cursor: default; text-decoration:none;}
.accord li .accordbtn {position:absolute; left:16.5em; top:5px; background: url('leftmenu-expand.png') no-repeat 4px 5px; border:none; margin:0; padding:0; display:inline-block; width:18px; height:18px;  }
.accord li a.accordbtn.active {background: url('leftmenu-close.png') no-repeat 4px 5px;}
.accord li a.accordbtn:hover {background: url('leftmenu-expand.png') no-repeat 4px 5px;}
.static li .accordbtn {display:none;}
.icon-menu {font:bold 16px Arial; margin-bottom:.8em}
.icon-menu a {color:#7D716D;text-decoration:none;}
.icon-menu a:hover {text-decoration:underline;}
.icon-menu img {width: 36px; height: 36px; vertical-align: middle}
.row {margin-left: -20px;*zoom:1;}
.row:before, .row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}
[class*="btn-width"] {float: left;min-height: 1px;margin-left: 15px;}
[class*="ctn-width"] {float: left;min-height: 1px;margin-left: 15px;}
.btn-width,.ctn-width {width: 225px;}
.btn-wrap,.ctn-wrap {width:720px;	text-align: center;	margin-right: auto;	margin-left: auto;*zoom:1;}
.btn-wrap:before, .btn-wrap:after,.ctn-wrap:before, .ctn-wrap:after {display: table; content: ""; line-height: 0; }
.btn-wrap:after,.ctn-wrap:after {clear: both;}
.btn-cont,.ctn-cont {margin: 15px auto;}
.btn-cont .btn a {display:block; height: 225px; padding-bottom: 23px; margin-bottom: 20px; border: 1px solid #ccc; text-decoration:none; background: #fefefe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-cont .btn a:hover {border: 1px solid #999; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);	}
.btn-cont .btn .icon,.ctn-cont .ctn .icon {margin: 15px 0;}
.btn-cont .btn h4,.ctn-cont .ctn h4 {margin-top: 0; font-size: 14px; color: #5d5d5d; text-transform: uppercase;}
.btn-cont .btn p,.ctn-cont .ctn p {padding: 0 20px; text-align: left;}
/* Misc global  ---*/
.blue  {color: #00f;}
.center {text-align:center;} 
.clear {clear:both; height:0; font-size: 1px; line-height: 0;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.green {color: #080;}
.right {text-align:right;}
.hidden {position: absolute; left: -999px; top:auto; width:1px; height:1px; overflow:hidden;}
.hidden ul {list-style: none;}
/* Content Items  ---*/
#leftcol h2 {font-size:1.1em;}
#maincontent p {margin: .8em 0;}
#maincontent ul, #maincontent ol {margin-top: 0; margin-bottom:.6em;}
#maincontent ul ul, #maincontent ol ol {margin-top: .4em; margin-bottom:0;}
#maincontent ul li, #maincontent ol li {padding-top:0; padding-bottom:.4em;}
.breadcrumb {font-size:12px; margin-bottom:1em;}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {color: #036;}
.featured {margin:0 0 1.5em 0; padding: .6em; background-color:#ffc; font-size: .8em; border: 1px solid #ccc;} 
.featured h2 {font:bold 1.2em arial; margin:0; padding:.2em;}
.featured p, .featured li {margin:0; padding: .3em; line-height:1.5em}
.featured ul {list-style: disc; margin:0; padding:0 0 0 2em;}
.feed    {padding: 0 0 0 19px; background: url('rss_16x16.png') no-repeat 0 0;} 
.indented  {line-height: 1.2; font-size:1em; margin-left:3em;} 
.linklist {margin:0 0 1.5em 0; padding: 0;}
.linklist h2 {font:bold 1em arial; margin:0; padding:.2em; border-bottom:1px solid #ccc;}
.linklist p, .linklist li {margin:0; padding: .4em; line-height:1.5em}
.sidebox  {margin:0 0 1.5em 0; padding: 0; line-height:1.2; background-color:#fafafa; border: 1px solid #e0e0e0; display:block;}
.sidebox h2 {font:bold .9em arial; margin:0; padding:.3em; border-bottom:1px solid #fff; background-color:#E1EBF5;}
.sidebox h3 {margin:0; padding:.5em .2em 0 .2em; font-size:.9em;}
.sidebox p, .sidebox li {margin:0; padding: .4em; font-size:.9em;}
.sidebox ul {list-style: disc; margin:0; padding:0 0 0 2em;}
.smalltext {font-size:.75em;}
.headline, .linklist .headline  {margin:0 0 0 .6em; padding: .2em 0 .2em .6em; background: url('bullet4x4.gif') no-repeat 0 .6em; display: block;}
.prevlink{display:inline-block; height: 22px; margin:1em 4em 1em 0; padding:0 0 0 12px; background: url(prev-arrow.png)  0 0 no-repeat;}
.prevlink:hover{background-position: 0 -100px;}
.nextlink{display:inline-block; height: 22px; margin:1em .5em 1em 0; padding:0 12px 0 0; background: url(next-arrow.png) right 0 no-repeat; }
.nextlink:hover{background-position: right -100px;}
#author, #lastupdate {padding-top:2em;padding-bottom:2em;font-size:.8em;color: #666;}
/*#connect, #jobs, #video, #salary {width:300px;}*/
/* AddThis Custom Style */
.addthis_position {float:right; margin:.4em 0 0 0; font-size:.75em;}
.addthis_toolbox .at15t_compact {margin-right: 0;}
/* Contact Forms --*/
label {font: bold 1em arial; color:#036;}
label.required span {margin-left:.2em;font: bold 1.2em arial; color:#C00;}
div.frmfld {margin:0 0 .5em 2em; padding-right:.5em;}
.frmfld p.label {font: bold 1em arial; color:#036;margin-bottom:0;}
label.error {display: block; color: #c00; font:bold 1.2em arial; padding: 0 0 .5em 0;}
#contactForm h2 {margin: .5em 0 .3em 1.3em;}
/* FCK Editor Box Styles ---*/
.headinggray, h2.graybackground, h2.colored {display:block; padding:3px 2px; background:#ebebeb; color:#000;}
.headingblue {display:block; padding:4px; background:#008ac0; color:#fff;}
.headinggreen {display:block; padding:3px 2px; background:#E5FAE5; color:#222;}
.headingunderline {display:block; border-bottom: 1px solid #ccc;}
.highlightblue {color:#222; background:#dfeffc;}
.highlightgray {color:#222; background:#ebebeb;}
.highlightgreen {color:#222; background:#E5FAE5;}
.highlightpink {background:#F7E7DF; color:#222;}
.highlightyellow { background:#ffc; color:#000;}
.bluebox  {display:block; padding:1em; margin-bottom:1em; background:#E7EFF7; border: 2px solid #bdcfe1;}
.graybox {display:block; padding:1em; margin-bottom:1em; background:#ebebeb; border: 2px solid #ccc;}
.greenbox {display:block; padding:1em; margin-bottom:1em; background:#E5FAE5;border: 2px solid #D6EBD6;}
.pinkbox {display:block; padding:1em; margin-bottom:1em; background:#F7E7DF; border: 2px solid #e6cabd;}
.yellowbox {display:block;padding:1em; margin-bottom:1em; background:#ffc; border: 2px solid #ebeb6e;}
.graytext {color: #666;}
.greentext {color: #363;}
.bluetext {color: #03f;}
.redtext {color: #c00;}
.redtextHR {background-color: #c00;}
.callout, .calloutpopup {line-height: 1.3; font-size: 1em; margin:0 0 .4em 0; padding: 1em .4em 1em 1.4em; background-color:#ffc; border: 1px solid #f4f4f4;} 
.tableborders {border:1px solid #ccc;}
.tableborders th {padding:.3em; text-align:left; background:#f4f4f4;border:1px solid #ccc;}
.tableborders td {padding:.3em; border:1px solid #ccc;}
#freqscrolltitle {margin:0;	padding:3px; font:bold 1em 'Lucida Sans', Verdana, sans-serif; background-color: #edf7ff; border:solid #ccc; border-width: 1px 1px 0 1px;}
#freqscroll {overflow: auto;height: 290px; background-color: #fafafa; border:1px solid #ccc;}
#freqscroll td {padding:4px 1px 4px 3px;border-bottom:1px solid #e6e6e6;}
/* Messages  ---*/
#alert {background: #ffc url('alert.gif') 6px 6px no-repeat; margin:40px 10px; padding: 5px 20px 10px 45px; color: #000; border: 1px solid #f00;}
#info {background: #ffc url('info.gif') 6px 6px no-repeat; margin:20px 10px; padding: 5px 20px 10px 45px; color: #036; border: 1px solid #036;}
#confirm {background: #ffc url('success.gif') 6px 6px no-repeat; margin:40px 10px; padding: 5px 20px 10px 45px; color: #063; border: 1px solid #063;}
#confirm h3, #alert h3, #info h3{font: bold 1.25em arial; color: #000; margin:.5em 0; padding:0; border:none;}
#confirm li, #alert li, #info li{font-weight:bold; margin:.8em 0; padding:0;}
#confirm p, #alert p, #info p {font-weight: normal; margin:.8em 0;}
#snowmsg {margin: 1em 0 2em 0; padding:0;}
#snowicon {float:left;margin:0 1em 0 0; width:50px; height:50px;}
#snowmsg h3{font-size:.95em;margin:0; padding-bottom:.1em;}
#snowmsg p {padding: .3em 0 0 0; margin:0; font-size:.9em;}
.wcm-region-marker {opacity: 1 !important;}
.expandheading {background: #f4f4f4 url('leftmenu-expand.png') no-repeat 4px 12px; padding:9px 2px 9px 20px; cursor:pointer;}
.close {background: #f4f4f4 url('leftmenu-close.png') no-repeat 4px 12px;}
.expandcontent {margin-left:16px;}
.expandall {float:right; font:.8em Arial;}

/*cms footer*/
/* Changes made per Communications, background color (was #fff) and text color (was #444) and link color (was #036) 12-22-2016 LF --*/
#footer2 {clear:both; display:block; margin:0; padding: 10px 10px; background:#5F6062;} 
#footer2 p {margin: 0; padding: .5em 0; font-size: .8em; color:#fff;}
#footer2 a {color:#fff;text-decoration:underline;}
#footer2 a:hover {text-decoration:underline;}
#footer2 h3{color: #C8C4BF; letter-spacing: 0; padding-bottom: 0; text-transform: uppercase; font-family: 'Lucida Sans',Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal;
font-size: 1.5em; line-height: normal; font-size-adjust: none; font-stretch: normal;
-x-system-font: none;} 
/* footer layout ---*/ 
#footernav2 {float:left;margin-right:1%;width:73%; padding-left: 20px; padding-right: 20px; }
#footersocial2 {float:left;margin-right:1%;width:11%; white-space: nowrap; padding-left: 20px;}
#footeraccess2 {clear:both;}

#cityalerts {margin: 1em 0 2em 0; padding:0;}
#cityalertsicon {float:left;margin:0 1em 0 0; width:60px; height:60px;}
#cityalerts h3{font-size:.95em;margin:0; padding-bottom:.1em;}
#cityalerts p {padding: .3em 0 0 0; margin:0; font-size:.9em;}
#mobile-header div {display: none;}