﻿body.soi-body {
	font-size:80%;
	line-height: 1.25;
	color:#333333;
	background: url("/ready/Style%20Library/StateHome/Images/READYbkg.png") #7195B7 repeat-x top left;
	cursor:default;
}
h1, h2, h3, h4, h5, h6 {
	color: #314053;
}
h1 {
	font-size:190%;
}
.soi-page-wrapper a, .soi-page-wrapper a:link {
	color: #036;
}
.soi-page-wrapper a:visited {
	color: #036;
}
/* -------------------------------------------------------
	Site banner
	------------------------------------------------------- */
.soi-banner-inner {
	background: transparent url("Images/Banner.png") left top no-repeat;
	height: 192px;
	position:relative;
}
.soi-banner-inner img.soi-site-logo {
	width:280px;
}
.pageTitle H1 {
    width: 100%;
    text-indent: 40px;
    background-image: url('Images/YellowArrow.gif');
    background-repeat: no-repeat;
}

/* -------------------------------------------------------
    Global Navigation
	------------------------------------------------------- */
.soi-topnav-inner {
	background-color: #3b4f65;
    border-right: 3px white solid;
    border-left: 3px white solid;
    max-width:940px;
}

.soi-topnav-inner .nav li.static li.static:hover > .menu-item, 
.soi-topnav-inner .nav li.static > .selected, 
.soi-topnav-inner .nav li.static > a:hover, 
.soi-topnav-inner .nav li.static > a:focus, 
.soi-topnav-inner .nav li.static > a:active {
	background-color: #506988;
	color:#ffdb6c;
}

.soi-topnav-inner .nav li.static > .menu-item {
	min-width:125px;
}
.navbar .btn-navbar {
	color:#036;
	padding: 5px 12px;
	
}
div.soi-rotator ol.soi-thumbnails li a {
    color: #fff !important;
    background-color: #314053 !important;
}
div.soi-rotator ol.soi-thumbnails li a:hover, div.soi-rotator ol.soi-thumbnails li.soi-current a {
    color: #314053 !important;
    background-color: #6f92b3 !important;
}
div.thumbnail {
	text-align:center;
	display:block;
	padding:4px;
	position:inherit;
	width: auto;
}
#google_translate_element select {
	padding-left:30px;
}
.soi-copy li {
	line-height:1.2em;
}
/* -------------------------------------------------------
   Local navigation
   ------------------------------------------------------- */
.s4-ql UL.root {
	border-bottom: 3px #314053 solid !important;
}
.s4-ql UL.root > LI > .menu-item {
	border-bottom: 3px #314053 solid !important;
	color:#369;
}
.s4-ql ul.root ul > li > a {
	color:#369;
	font-weight:bold;
}
.s4-ql ul.root ul > li > a:hover {
	color:#369;	
}
.s4-ql A.selected {
	background-color:#fcf2b2;
	color:#003759 !important;
}
/* -------------------------------------------------------
   /END Local navigation
   ------------------------------------------------------- */

/*	===================================================================================
	Footer
	=================================================================================== */

.soi-footer-upper {
	color: #247;
	border-top-color: #314053;
	background-image: url("Images/footer.png");
}
.soi-footer-upper div.group h2 {
	color: #247;
}
.soi-footer-upper div.group a {
	color: #247;
}
.soi-footer-lower {
	color: #FFF;
	padding:20px;
}
.soi-footer-upper h3, .soi-footer-upper ul {
	padding-left:30px;
}
.soi-footer-upper ul {
	margin-left:10px;
}
.soilinks {
    list-style-image: url(images/nav_arrows10x8_006699.gif);
    list-style-position: outside;
}

/* -------------------------------------------------------
    Summary Link Groups
	------------------------------------------------------- */
.soi-featuredsites li img {
	height:70px !important;
}
.groupmarker {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
}

.soi-slwpmarker h2 {
	padding-left: 40px;
	line-height:30px;
	background-repeat:no-repeat;
}
DIV.band {
    background: url("Images/wpheader.jpg") repeat-x left bottom;
    padding: 2px 0 2px 2px;
}
DIV.groupheader H2 {
    padding-left: 3px;
    padding-top: 4px;
    min-height: 40px;
}

DIV.band H2 {
    background-image: url('Images/OnlineServices.gif');
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 4px 0px;
}
div.item {
    padding-bottom: 6px;
    padding-top: 6px;
    padding-right: 0px;
    clear: both;
}
.bullet {
    padding-left: 15px;
    background-image: url('Images/nav_arrows10x8_006699.gif');
}

div.OnlineServices h2
{
	background-image:url('Images/OnlineServices.gif');
}
div.YourGovernment h2
{
	background-image:url('Images/YourGovernment.gif');
}
div.HowDoI h2
{
	background-image:url('Images/HowDoI.gif');
}
div.Multimedia h2
{
	background-image:url('Images/Multimedia.gif');
}
div.QuickLinks h2
{
	background-image:url('Images/QuickLinks.gif');
}
div.AfteraDisaster h2
{
	background-image:url('Images/icon_disaster.jpg');
}

div.LocalResources h2
{
	background-image:url('Images/icon_LocalResources.png');
}

div.AreYouPrepared h2
{
	background-image:url('Images/icon_prepared.png');
}

div.StayInformed h2
{
	background-image:url('Images/icon_informed.jpg');
}

div.HowDoI h2
{
	background-image:url('Images/icon_how.jpg');
}

div.CurrentIssues h2
{
	background-image:url('Images/icon_currentissues.jpg');
}
/* We are not using this zone, so I am hiding it*/
.soi-wpz-mid3 {
	display:none;
}
.socialicons img {
	padding-right:5px;
}
@media (min-width: 480px) {

	.soi-banner-inner img.soi-site-logo {
		position:absolute;
		bottom:40px;
		right:20px;
		top:auto;
		width:auto;
	}
	.soi-banner-inner a {
		display:block;
		height:192px;
	}
	
}

