﻿body.soi-body {
	background-color: #036;
}
h1, h2, h3, h4, h5, h6 {
	color: #369;
}
.pageTitle h1 {
    width: 100%;
    text-indent: 40px;
    background-image: url('Images/YellowArrow.gif');
    background-repeat: no-repeat;
}
.soi-page-wrapper a, .soi-page-wrapper a:link {
	color: #036;
}
.soi-page-wrapper a:visited {
	color: #036;
}

#google_translate_element :not(#\:0\.targetLanguage):not(#gtSelect):not(#gtSelect > option) {
    color: white !important;
}
#\:0\.targetLanguage, #gtSelect, #gtSelect > option {   
    color: #666;
}
/* -------------------------------------------------------
	Site banner
	------------------------------------------------------- */
.soi-banner-inner {
	height: 178px;
	background-image: url("Images/idjjbanner3.jpg") !important;
}
.soi-banner-inner img.soi-site-logo {
    top: 0px;
}

/* -------------------------------------------------------
    Global Navigation
	------------------------------------------------------- */
.soi-topnav-inner {
	background-color: #9a0202;
}
.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: #036;
	color: white !important;
}
.menu-horizontal UL.root > li.static > .menu-item {
	/* Hide root site link */
	display: none;
}

/* Menu collapses < 992 px */
@media all and (min-width:991px) {
	.soi-topnav-inner .nav li.static > .menu-item {
		min-width:70px;
		border-right:2px white solid;
		background-image: none;
	}
}

.soi-topnav-inner .nav li.static:last-child > .menu-item {
	border-right-width:0px;
}



/*	===================================================================================
	Content
	=================================================================================== */


/*	===================================================================================
	Footer
	=================================================================================== */

.soi-footer-upper {
	color: #247;
	border-top-color: #9a0202;
	background-image: url("Images/footer.gif");
}
.soi-footer-upper div.group h2 {
	color: #247;
}
.soi-footer-upper div.group a {
	color: #247;
}
.soi-footer-lower {
	color: #FFF;
}
.soi-footer-upper h3, .soi-footer-upper ul {
	padding-left:30px;

}
.soi-footer-upper ul {
	margin-left:10px;
	list-style:none;
}
/* -------------------------------------------------------
    Summary Link Groups
	------------------------------------------------------- */
.soi-featuredsites li img {
	height:70px !important;
}
.groupmarker > .soi-band,
.cssbox > .cssbox_head {
	color: #369;
	background: url("Images/wpheader.gif") repeat-x left bottom transparent;	
}
.soi-slwpmarker h2 {
	padding-left: 5px;
	line-height:22px;
	background-repeat:no-repeat;
    font-size: 1em;
    color:#000;
}

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.Media h2
{
	background-image:url('Images/Multimedia.gif');
}
div.QuickLinks h2
{
	background-image:url('Images/QuickLinks.gif');
}
div.GovernorPatQuinn h2
{
	background-image:url('Images/Governor.gif');
}
/* We are not using this zone, so I am hiding it*/
.soi-wpz-mid3 {
	display:none;
}
.socialicons img {
	padding-right:5px;
}
@media (max-width: 979px) {
	body {
		background:white none !important;
	}
	.soi-banner-inner {
		background: transparent url("Images/idjjbanner3.jpg") left top no-repeat;
		height: auto !important;
	}
	.soi-banner-inner img.soi-site-logo {
		top:auto;
	}
	
	iframe, .soi-iframe {
        min-width: 100%;
        *width: 100%;
	}
	
	.iframe-wrapper {
		-webkit-overflow-scrolling: touch;
	  	overflow-y: auto;
	
	}
}

/* -------------------------------------------------------
    Other Fixes for SP 2013 Migration
	------------------------------------------------------- */
	
@media all and (min-width:768px) {
	#topnavbar .nav li.static > .menu-item {
		padding: 10px 0px 0px !important;
	}
}

@media all and (min-width: 1200px) {
	.soi-banner-inner {
	min-height: 178px !important;
}
}
.space5 {
	padding-top: 5em;
}

.djjcallout {
	border-left: 6px solid #f5f5f5;
}

.djjcallout  a, .djjcallout p {
	font-size: 1.25em;
    padding-left: .5em;
}

.pindent {
	text-indent: 2em
}

