/*  Content control - use on any elements to show/hide content on mobile */
.mobile-hide {display: block;}
.mobile-only {display: none!important;}

#breadcrumbs, #newsticker, #clustering /*gsa*/  { display: block; }

#utility-bar { height: 25px; width: 100%; 
background: rgb(31,59,98); /* Old browsers */
background: -moz-linear-gradient(left, rgba(31,59,98,1) 0%, rgba(24,47,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,59,98,1)), color-stop(100%,rgba(24,47,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(31,59,98,1) 0%,rgba(24,47,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(31,59,98,1) 0%,rgba(24,47,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(31,59,98,1) 0%,rgba(24,47,79,1) 100%); /* IE10+ */
background: linear-gradient(left, rgba(31,59,98,1) 0%,rgba(24,47,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b62', endColorstr='#182f4f',GradientType=1 ); /* IE6-9 */
}
#utility-bar ul {float: right; padding-top: 5px;  }
#utility-bar li { list-style-type: none; float: left; border-right: 1px solid #eee; padding: 0 6px 2px 6px; line-height: .8em;  }
#utility-bar li:last-child { border-right: 0!important; }
#utility-bar li.last { border-right: 0!important; }
#utility-bar a { font-size: 11px; color: #eee; text-decoration: none; font-weight: normal;  }
#utility-bar a:hover, #utility-bar a:focus  { text-decoration: underline; color:#98C2D9; -webkit-transition: color .75s ease; -moz-transition: color .75s ease; -o-transition: color .75s ease; -ms-transition: color .75s ease; transition: color .75s ease; }

header { margin: 0 auto; padding-bottom: 0px; line-height: 1.2;}

/* logo/homelink */
#branding { left: 0; height: 100px; }
#branding a { display: block; width: 340px; height: 109px; }
#branding img {width: 100%; }

#search { top: 30px; }
#search fieldset { width: 100%; position: relative; float:none; margin-right: 0%}
/*main menu*/
.ie7 #menu, .ie8 #menu, .ie9 #menu{ background-color: #5593B5;}
#menu { position: relative; min-width: 100%; margin: 0 auto; padding: 0; background: url("/img/diag_pat_trans.png") repeat, -moz-linear-gradient(top, #b2def5 0%, #69add3 4%, #4d88a8 100%); background: url("/img/diag_pat_trans.png") repeat,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2def5), color-stop(4%,#69add3), color-stop(100%,#4d88a8)); background: url("/img/diag_pat_trans.png"), -webkit-linear-gradient(top, #b2def5 0%,#69add3 4%,#4d88a8 100%), -ms-linear-gradient(top, #b2def5 0%,#69add3 4%,#4d88a8 100%); background: url("/img/diag_pat_trans.png") repeat, linear-gradient(top, #b2def5 0%,#69add3 4%,#4d88a8 100%); background: url("/img/diag_pat_trans.png") repeat, linear-gradient(top, #b2def5 0%,#69add3 4%,#4d88a8 100%); -pie-background: url("/img/diag_pat_trans.png") repeat, linear-gradient(top, #b2def5 0%,#69add3 4%,#4d88a8 100%); behavior: url("/styles/PIE.php"); display: block!important;}
#menu ul  { height: 44px; /*margin: 0 auto; uncomment to center menu*/}
#menu ul li { float: left; margin: 0; padding: 0; width: 24%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0; background: none;}
#menu ul li:first-child, #menu ul li:last-child, #menu ul li.menusize {width: 12%;}
#menu ul li:first-child a { border-left: 0; }
#menu .last { border-right: 0; }
/*nav .last { border-right: 0; width: 200px; } for 4 or less menu items that are left aligned*/
#menu ul li a {   color:#fff!important; height: 24px; border-right: 1px solid #4c7e99; border-left:1px solid #66a8cc; }
#menu ul li a:hover, #menu ul li a:focus { background: #4A7993 /*for IE*/; background: rgba(0,0,0,.2); color: #fff!important; text-decoration: none;   -webkit-transition: all .75s ease;  -moz-transition: all .75s ease; -o-transition: all .75s ease; -ms-transition: all .75s ease; transition: all .75s ease;}
#Home a.home, #menu1 a.menu1, #menu2 a.menu2, #menu3 a.menu3, #menu4 a.menu4, #menu5 a.menu5, #menu6 a.menu6 { background: #406c85 /*for IE*/; background: rgba(0,0,0,.4); }


/*where the meat of the page goes*/
#breadcrumbs { height: 26px; border-bottom: 1px dotted #ccc; z-index: 10; display:block; margin-bottom:20px;}
#breadcrumbs a { font-size: 11px;  }
#breadcrumbs a:hover, #breadcrumbs a:focus { text-decoration: underline; border: none!important; }
#breadcrumbs a:first-child { padding-left: 10px; }

/*float aside to the right in main content area*/
#main-content .aside-4, #main-content .aside-6, #main-content .aside-8 { float: right; margin-left: 12px; margin-bottom: 12px;  }
#main-content .aside-4 { width: 180px; }
#main-content .aside-6 { width: 280px; }
#main-content .aside-8 { width: 380px; }

/*flexslider*/
.ie7 .flex-direction-nav, .ie8 .flex-direction-nav { display: none; } /*hide prev/next arrows on slider, they don't display in right location*/

/*subnavigation for pages (on the right)*/
#sub-nav h2, #sub-nav h3, #aside h2 { background-color: #3e5677; color: #fff; line-height: 2; border: 1px solid #cfcfcf;  border-bottom: 0; margin: 0; padding: 0 20px; }
#sub-nav .star { display: block; height: 58px; width: 31px; background-position: 0 -28px;; position: relative; top: -18px; float:left; left:-2px; margin-right: 5px; }
#sub-nav ul, #aside ul { padding: 0; margin: 0 0 20px 0; }
#sub-nav ul li { list-style-type: none; margin: 0;}
#sub-nav ul li a, #sub-nav ul li a:link { 	
	display: block;
	border: 1px solid #e1e1e1;
	background-color: #ebf1fb;
	margin: 0;
	padding: 10px 0 10px 80px;
	color: #1d3a62;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	vertical-align:middle;
	min-height: 44px;
	text-decoration: none;
	font-family: 'Francois One', Arial, Helvetica, sans-serif ;}
#sub-nav ul li.services a {background:#ebf1fb url(/img/mocor_helpstar.png) no-repeat 10px center; padding-top: 20px;}
#sub-nav ul li.medicaidapp a {background:#ebf1fb url(/img/medicaidapp_icon.png) no-repeat 10px center;padding-top: 20px;}
#sub-nav ul li.moreinfo a {background:#ebf1fb url(/img/moreinfo_icon.png) no-repeat 10px center;}
#sub-nav ul li.nomedicaid a {background:#ebf1fb url(/img/notonmedicaid_icon.png) no-repeat 10px center;}
#sub-nav ul li.braininjury a {background:#ebf1fb url(/img/brain-injury-icon.png) no-repeat 10px center; }
#sub-nav ul li a:hover, #sub-nav ul li a:active,#sub-nav ul li a:focus, #sub-nav ul li.services a:hover, #sub-nav ul li.services a:active, #sub-nav ul li.services a:focus, #sub-nav ul li.medicaidapp a:hover, #sub-nav ul li.medicaidapp a:active, #sub-nav ul li.medicaidapp a:focus {background-color: #bbd3f9; color: #1d3a62;}
#sub-nav ul ul { border: 0; }
#sub-nav address { font-style: italic; font-size: 12px; margin-top: 20px; }
#sub-nav span {display: block; font-size: 14px;} 
#sub-nav dl {background: #f1f6f9; padding: 10px;}
#sub-nav dt {margin: 0; }
#sub-nav dd {margin: 0; }
#aside ul li { list-style-type: none; margin: 0; border: 1px solid #e1e1e1; border-top: none; background: #ebf1fb }
#aside ul li a { display: block; text-decoration: none; font-size: 14px; color: #1d3a62; padding: 10px; line-height: 1.4;}
/*for related information, that differs from the subNav*/
#related h3 { border: none; font: bold 18px Arial, Helvetica, sans-serif; background: none; color: #444; margin: 14px 0; padding: 0; height: auto;  }
#related ul, #related ul li { border: none; background: #fff; /*IE6 needs this*/ }
#related ul li a { background: #fff; padding: 0; font-size: 12px; }
#related ul li a:hover, #related ul li ul li a:hover, #related ul li a:focus, #related ul li ul li a:focus { background-color: #fff; color: #044973; text-decoration: underline; padding: 0; }


/*foot of the page*/
footer { background: #1e3a62 url("/img/capitol_bg.png") no-repeat 50% 40px;  padding: 30px 0 30px;}
footer ul { font-size: 12px; line-height: 1.5em; margin-left: 0;  }
footer a { color: #fff;}


/*powers that be*/
#leadership { margin: 20px auto; height: 76px; display:block  }
#leadership h2 { margin-top: 0px;}
#leadership p { margin: 0; padding: 0; width: 40%; float: left; font-size: 12px; line-height: 1.5em;   }
#leadership p.mogov { width: 20%; }
#leadership a { padding-top: 20px; color: #fff;  }
#leadership .gov { display: block; height: 56px; text-align: center; float: right; }
#leadership .state { display: block; background: transparent url("/img/mogov_logo_footer.png") center no-repeat; height: 56px;  margin: 0 auto;  }
#leadership .agency { display: block; height: 56px; text-align: center; float: left; }
#leadership a:hover, #leadership a:focus {  border-bottom: 0; text-decoration: none; color:#98C2D9; -webkit-transition: color .75s ease; -moz-transition: color .75s ease; -o-transition: color .75s ease; -ms-transition: color .75s ease; transition: color .75s ease;}

/*form styles*/
#content input.sizeXS, #content select.sizeXS { width: 10%;}
#content input.sizeS, #content select.sizeS { width: 30%;}
#content input.sizeM, #content select.sizeM { width: 50%;}
#content input.sizeL, #content select.sizeL { width: 70%;}
#content input.sizeXL, #content select.sizeXL { width: 90%;}
#content label.align-right { text-align: right; }
/*lightbox*/
#mocor-def li a {background: url(/img/info_icon.png) no-repeat right center; padding-right: 20px; font-weight: normal; color: #000;}

/*Put only styles specific to the narrow layout in this media query */
@media all  and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape) {

}

/*Put only styles specific to the wide layout in this media query */
@media all and (min-width: 1220px) {

}