﻿body {
    background-color: White;
    font-size:.9em;
    min-width:320px;
}
.ms-backgroundImage {
	background: url('images/ilseal395x462.jpg') no-repeat left top;
}
.lt-ie9 body {
	min-width:960px;
}
.soi-banner-wrapper .soi
{
    float: left;
    margin: 0px;
    padding: 0px;
}
.soi-banner-wrapper .skyline
{
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    width: 325px;/*20.31em;*/
    height: 91px;
}
.soi-banner-wrapper .gov {
    padding: 10px 0px 0px 0px;
    height: 40px;
    background-color:transparent;
}
.soi-banner-wrapper .gov a, .soi-banner-wrapper .gov a:link, .soi-banner-wrapper .gov a:visited {
	color: #fff;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.soi-banner-wrapper .gov a:hover, .soi-banner-wrapper .gov a:focus, .soi-banner-wrapper .gov a:active {
	text-decoration: underline;
}

.soi-banner-wrapper .soi-siteLink, .soi-banner-wrapper .soi-siteLink:link, .soi-banner-wrapper .soi-siteLink:visited {
	color:#990033;
    font-style: italic;
    font-weight:bold;
    margin-top: 10px;
}

.soi-banner-wrapper .motto {
	font-style:italic;
	font-weight:bold;
	color: #99bbdd;
    padding: 5px 0px 0px 0px;
}
.soi-footer-wrapper {
	margin-top:20px;
	padding-top:10px;
}
/* ===================================================================================
   Headings
   =================================================================================== */
.pageTitle {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  color: inherit;
  background-color: #990033;
  border: 1px solid transparent;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.pageTitle h1 {
	padding:10px 15px;
}
h1, h2, .soi-content h2, h3, .soi-content h3 {
	line-height:20px;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
}
h1 {
    margin: 0px 0px;
    font-size: 1.2em;
    color: #fff; 
}
h2, .soi-content h2 {
    font-size: 1.4em;
}
h3, .soi-content h3 {
    font-size: 1.2em;
}
h4, .soi-content h4 {
	font-size:1em;
	font-style:italic;
}
.soi-page .soi-footer a:link, .soi-page .soi-page-breadcrumb a {
  color: #d6d7d9; }
  .soi-page .soi-footer a:hover, .soi-page .soi-footer a:active,
  .soi-page .soi-page-breadcrumb a:hover, .soi-page .soi-page-breadcrumb a:active {
    color: #ffffff; }
  .soi-page .soi-footer a:visited, .soi-page .soi-page-breadcrumb a:visited {
    color: #ffffff; }
.soi-content {
	min-height:400px;
}
.soi-content a, .soi-content a:link {
	color: #990033;
	text-decoration:underline;
}
.soi-content a:visited {
	color: #990033;
	text-decoration:underline;
}
.soi-content a:hover, .soi-content a:focus, .soi-content a:active {
	text-decoration: none;
}
.soi-navigation-skip a { 
	position: absolute; 
	display: block; 
	left: -10000px; 
	width: auto; 
	padding: 0 0 0 6px; 
}
.navbar-toggle {
	margin-top:2px;
	float:left;
}
button .icon-bar {
	background-color:white;
}
/* ===================================================================================
   /End Headings
   =================================================================================== */

/* ===================================================================================
   Search
   =================================================================================== */
.soi-search-control {
	margin-top:10px;
}
.ms-srch-sb > input {
	width: 80px !important;
}
img.ms-srch-sb-searchImg {
	max-width:none;	
}
@media (min-width: 1085px) {
	.ms-srch-sb > input {
		width: 170px !important;
	}
}
.s4-search .srch-gosearchimg {
	height:27px;
}
.ms-sbtable-ex {
	float:none;
}
.soi-searchResults .ms-sbtable-ex {
	padding:0;
}
.soi-searchResults .ms-sbtable-ex input.ms-sbplain {	
	width: 350px !important;
	height:22px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;	
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	
	box-shadow:none;
	margin-bottom:0px;
}
.ms-searchref-main {
	width:auto;
	font-family:inherit;
}
.srch-results {
	padding:10px 0 0 0;
	max-width:inherit;
}
.srch-WPBody {
	font-family:inherit;
	font-size:inherit;
}
.srch-stats {
	font-family:inherit;
}
.srch-Description2 {
	max-width: inherit;
}

/* ===================================================================================
   /End Search
   =================================================================================== */
/* ===================================================================================
   Secondary/accordion navigation
   =================================================================================== */
.soi-ql ul.root {
	clear: both;
	padding: 0;
	font-weight:bold;
	border-top: 1px dashed;
	margin: 6px 3px 0 3px;
	list-style: none;
}
/* First-level list items */
.soi-ql ul.root li {
	margin: 0 1px;
	border-bottom: 1px dashed;
	text-align: left;
	width: auto; 
}
/* Using the TripSwitch to trigger hasLayout in IE
	http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
.soi-ql ul.root li  {display: inline-block;} /* trigger haslayout for IE>5.0 */
.soi-ql ul.root li  {display: block;} /* put it back to what it should be in separate rule */
/* end TripSwitch */

/* First-level links (and potentially second-level links, depending
	on what's overridden) */
.soi-ql ul.root li a {
	/*color: black;*/
	font-weight: bold;
	text-decoration: none;
	padding-top:    8px;
	padding-bottom: 8px;
	padding-left:  10px;				
	display: block;
	border-left: 5px transparent solid;
}
/*
.soi-ql .menu-vertical a.dynamic-children span.additional-background, 
.soi-ql .menu-vertical span.dynamic-children span.additional-background {
	background-image:    url('/_layouts/images/menudark.gif');
}
.soi-ql .menu-vertical li.selected ul.dynamic {
	position:relative;
	left:0;
}
*/
/* Second-level lists */
.soi-ql ul.root li ul {
	margin:  0;
	padding: 0 0 1px 0;
	background-color: #E4E4E4;
	list-style: none;
}

/* Second-level list items */
.soi-ql ul.root li ul li {
	margin:  0;
	padding: 0;
	text-align: left;
}

.soi-ql ul.root li ul li a {
	padding-left:  15px;
	padding-right: 15px;
}

/* First-level links */
.soi-ql ul.root li a:hover,
	.soi-ql ul.root li a:focus,
	.soi-ql ul.root li a:active,				
	.soi-ql ul.root li.selected a {
	border-left: 5px solid;
}

.soi-ql ul.root li a:hover,
	.soi-ql ul.root li a:focus,
	.soi-ql ul.root li a:active {
	/* Properties only for hover/focus states */
	text-decoration: underline;
}

/* Second-level links */
.soi-ql ul.root li ul li a,
	.soi-ql ul.root li.selected ul li a {
	display: block;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	border-left-color:transparent;
}

.soi-ql ul.root li ul li a:hover, 
	.soi-ql ul.root li ul li a:focus, 
	.soi-ql ul.root li ul li a:active ,
	.soi-ql ul.root li ul li.selected a {
	text-decoration: underline;
	border-left-style:solid;
}

/* ===================================================================================
   /END Secondary/accordion navigation
   =================================================================================== */
ul.featureLinks {
	text-align:center;
	padding:0;
	margin:6px 3px 0px 3px;
	list-style-type:none;
}
ul.featureLinks li {
	padding-top:5px;
}
/* -------------------------------------------------------
	Footer
   ------------------------------------------------------- */
.soi-footer {
	border-top: 4px #212121 solid;	
}

.soi-footer, .soi-footer h3 {
	color:white;	
}
.soi-footer-agency {
	background-color:#343434;
}
.soi-footer-state {
	border-top: 1px #212121 solid;
	background-color:#2f2f2f;
	padding-top:20px;
	padding-bottom:20px;
}

/* -------------------------------------------------------
	/End Footer
   ------------------------------------------------------- */

@media (max-width: 979px) {
  .nav-collapse,
  .nav-collapse.collapse {
    height: auto;
    overflow:auto;
  }
  .navbar .btn-navbar {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  div.soi-sidebar.span3 {
	min-height:0px;
	}
	.menu ul.dynamic {
		position:static;
	}
	.soi-ql ul.root li ul.dynamic {
		position:inherit;
		padding-left:10px;
		top:0px !important;
		left:0px !important;
		width:auto !important;
		background-color:transparent;
		box-shadow:none;
		border-width:0px;
	}
}
