/* City of Minneapolis Handheld Stylesheet 
  Date: November 25, 2007
  Author: Grant E. Johnson
----------------------------------------------- */
body {background:#fff; margin:0; padding:0; font-size:75%; font-family: verdana,sans-serif; color:#000;}
p, td, li {font-family: verdana, arial, sans-serif; line-height:1.3em;}
th, td {text-align:left; vertical-align:top;}
td p, p td li  {font-size:12px; padding:2px;}
img {border:none;}
h1 {font-size: 1em; line-height: 1.2em;}
h2 {font-size: 1em; color:#036;}
h3 {font-size: .9em;}
h4 {font-size: .9em; margin:0 0 .5em 0; font-weight:bold; color:#036;}
h5 {font-size: .9em; color:#69c;}
h6 {font-size: .8em; color:#666;}
hr {border:0; height:1px; color: #ccc; background-color:#ccc;}
acronym {font-weight: bold;color: #f00;}
address {font-size:1.1em; font-style:normal; margin:0 0 1em 2em; color:#036;}
form {padding:0; margin:0;}
.gobtn {margin:0 0 0 2px; padding:0; font-size:13px;}
.smalltext {font-size: .7em;}
.red, .actions {font-size: .8em; color: #f00;}
.green {color: #080;}
.blue {color: #00f;}
.clear {clear: both; line-height: 0; margin: 0; padding: 0;}
.center {text-align:center;} 
.right {text-align:right;}
* html .clear {line-height:0; font-size:0;}
a.skip {position: absolute; left: -1000em; width: 20em;}
.container { margin:0 8px; padding:0; text-align:left; color:#333; position:relative;}
.callout, .calloutpopup {line-height: 1.3; font-size: 1em; margin:0 3.5em .4em 3.5em; padding: 1.4em .4em 1.4em 1.4em; background-color:#ffc; border: 1px dashed #036;} 
.featured {line-height: 1.3; font-size: 1em; margin:0 2em; padding: .8em 1.5em 1.5em 1.5em; background-color:#fafafa; border: 1px solid #ccc;} 
.featurebox {line-height: 1; font-size: .8em; margin:0; padding: .4em; background-color:#fafafa; border: 1px solid #ccc;} 
.blueheading {font-weight: bold; margin:0 .2em 0 0; padding:.5em; color: #006; background-color:#E7EFF7;} 
.grayheading {margin:0; padding:.5em; background-color:#f0f0f0;}

/* Header - images are defined by adding id to body tag */
#header {width:100%; margin:0;}
/* font of top story text */
#top div {font-size:11px; margin:10px 0;}
#header #top h1 {background: url(/images/mpls-logo.gif) no-repeat; height:60px; text-indent:-1000px; margin:0; padding:0;}
#header #top h1#hdr3b {background: url(/images/mpls-logo.gif) no-repeat; height:60px; margin:0; padding:0;}
#top h1 a {display:block; height:60px; margin:0; padding:0;}
#top h2 {font-size:18px; font-weight: bold; line-height:1; margin:0; padding:0 0 0 10px;}
/* image in top story */
span.topimg {float: left; padding: 0; margin: 2px 5px 3px 0; border: 1px solid #9BB3C7;}
/* Nav */
#nav {background: #E7EFF7;}
/* Nav2 */
#nav2{background: #E7EFF7;}
/* Side navigation */
#leftnav li ul {display:none;}
#leftnav { background: #E1EBF5;}

/* Left column links */
.leftlink_title {margin: 20px 0 0 0; padding: .4em; font-weight:bold; background: #f0f0f0; border: #9BB3C7 solid; border-width: 1px 1px 0 1px;}
.leftlinks h2 {padding: .4em; color: #036; background: #f0f0f0; border-bottom: 1px #9BB3C7 solid; font-size:1em; font-weight:bold;}
.leftlinks h4 {padding: 0 0 0 .4em;}
.leftlinks { margin: 0 0 20px 0; padding: 5px 0; z-index:100; list-style: none; width: 218px !important; /* Width of menu */ width /**/: 220px; border: 1px solid #9BB3C7; background: #fafafa;}
.leftlinks ul li, .leftlinks p {padding: .4em; margin:0;}
.leftlinks li.menu_title {font-weight:bold;}
.leftlinks li.subhead { font-weight:bold; list-style: none; padding: 0 ; margin:0 0 0 -1.4em;}
.leftlinks li.sub_menu {padding: .5em;}
/* Promo Items */
#salarynotice {width: 218px !important; width /**/: 220px; margin: 20px 0 0 0; font-size: .9em; color:#666; line-height:1.3;}
#salarynotice ol {margin:.4em 0; padding:0 0 0 2em;} 
#promo {padding:.8em 0 0 0;}
#promo h3 {font-size:.8em; font-weight:bold; margin:0; padding:0; color:#036; background:#fff;}
#promo p {margin:0; padding: .2em 0 0 0; color:#666;}
#quicklinks {font-size: .9em; width:100%; margin:0 0 10px 0; padding: 0; border-collapse:collapse;} 
#quicklinks td h3 {font-size:.8em; color:#036; margin:0; padding:.3em .3em 0 1em;}
#quicklinks td {margin:0; padding:0 0 .3em 0;}
#quicklinks td p {margin:0; padding:.3em .3em .3em 2em;}
/* Content */
#middle {margin: 0; padding:0; text-align:left; font-size:1em; border-collapse: collapse;}
#middle tr,td {vertical-align:top; padding:0;}
#l_col {width: 30%; vertical-align:top; padding:0; margin:0;}
#l_col p {margin:0; padding:0 .3em 1em .4em;}
/* Home Page */
#home_main {padding:12px 10px;}
#home_main h2 {margin:.8em 0; border-bottom:1px solid #ccc;}
#home_main h3, #wide_main h3 {margin:.8em 0; border-bottom:1px solid #ccc;}
#home_main p, #wide_main p {margin:0; padding:0 .3em 1em .4em;}
#home_main fieldset {margin: 0 0 1em 0;}
#home_main legend {color: #036;}
#home_r_col {width:220px; padding:12px 0;}
#home_r_col h3 {margin:0; padding:.4em; background-color:#E1EBF5;}
#home_r_col p {margin:0; padding:0 .3em 1em .4em; line-height:1.3;}
#home_r_col #promo {text-align: center; padding:0 0 1em 0;}
/* 3 Column */
#main_col {padding:1em;}
#main_col h2 {margin:.6em 0; padding:0 0 .3em 0; border-bottom:1px solid #ccc;}
#main_col h3 {margin:.4em 0; padding:0;}
#main_col p {margin:0; padding:0 0 1em .5em;}
#main_col fieldset {margin: 0 0 1.5em 0;}
#main_col legend {color: #036;}
#main_col ul {margin:0 0 0 2em; padding:0;}
#main_col ul li {margin:0; padding:.4em 0;}
#wide_main {width:300px; padding:12px 10px;}
#wide_r_col {width:180px; padding:12px 0;}
#r_col {float:right; width:190px;  padding:12px 0 0 0; margin:0 0 0 8px;}
#cmemlist li {padding: 0 0 .3em 0;}
.sidebox {margin:0 0 20px 0; padding: 0 0 .4em 0; background-color:#fafafa; border: 1px solid #e0e0e0; display:block;}
.sidebox h3 {margin:0; padding:.4em; border-bottom:1px solid #fff; background-color:#E1EBF5;}
.sidebox h4 {margin:0 0 -10px 0; padding:.4em; font-size:.9em;}
.sidebox p, .sidebox li {margin:0; padding: .4em; font-size:.9em;}
.sidebox ul, #rmain_col .sidebox ul {list-style: disc; margin:0; padding:0 0 0 .5em;}
/* 2 Column */
#rmain_col {padding:1em 0 1em 1em;}
#rmain_col ul {margin:-.3em 0 0 2em; padding:0;}
#rmain_col li {margin:0 0 .6em 3em; list-style-type: disc;}
#rmain_col li.indented, #fmain_col li.indented {margin:0 0 .8em 6em; list-style-type: circle;}
#rmain_col h3 {margin:.6em 0; padding:0 0 .3em 0; border-bottom:1px solid #ccc;}
#rmain_col .sidebox h3 {margin:0; padding:.4em; border:none;}
#rmain_col #r_col {padding: 0;}
/* 1 Column */
#fmain_col {padding:1em;}
#fmain_col td{font-size:.8em;}
/* Messages */
#alert, #valSummary { background: #ffc url('../images/alert.gif') 6px 6px no-repeat; margin:40px 10px; padding: 10px 20px 10px 45px; color: #c00; border: 1px solid #f00; }
#info { background: #ffc url('../images/info.gif') 6px 6px no-repeat; margin:40px 10px; padding: 10px 20px 10px 45px; color: #036; border: 1px solid #036; }
#confirm { background: #ffc url('../images/success.gif') 6px 6px no-repeat; margin:40px 10px; padding: 10px 20px 10px 45px; color: #063; border: 1px solid #063; }
#confirm h3, #alert h3, #info h3 { font-size: 1.2em; font-weight:bold; 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: bold; margin:.8em 0; }
/* Footer */
#globalfooter {margin:0 8px; padding:.5em 0; font-size:.9em; position:relative; background:#fff; color:#999;}
#globalfooter p {padding:.4em 0; margin:0; line-height:.9em;}
#copyright {padding: 1em 0;}
#footer {padding: 1em 0;}
/* Former PC_Styles with font-size converted to Em */
li.listbullet {list-style-type: disc; margin: 0 0 .8em 0;} 
li.listbulletindented {list-style-type: circle; margin: .4em 0 .8em 1.8em;} 
li.listletter {list-style-type: lower-alpha; margin: .4em 0 0 0;} 
li.listletterindented {line-height:1.3; font-size:1em; list-style-type: lower-alpha; margin: .4em 0 0 1.8em;} 
li.listletterindented2 {list-style-type: lower-roman; margin: .4em 0 0 1.8em;} 
li.listnumber {list-style-type: decimal; margin: 0 0 1em 0;} 
li.listnumber2 {list-style-type: lower-alpha; margin: .4em 0 0 0;} 
li.listnumberindented {list-style-type: decimal; margin: .4em 0 0 1.8em;} 
li.smallesttextlistbullet {font-size:.7em; list-style-type: disc; margin: 0 0 .4em 0;} 
li.smalltextlistbullet {list-style-type: disc; margin: 0 0 .4em 0;} 
li.smalltextlistnumber {font-size:.75em; list-style-type: decimal; margin: .4em 0 0 0;} 
p.breadcrumbmenu {font-size: .8em; margin:6px 0 6px 9px;} 
