body.soi-body {
	background: #036 url('Images/soibkg.png') repeat-x top left;
	font-family: Verdana,Arial,sans-serif;
}

p{
	line-height:1.25;
}

h1, h2, h3, h4, h5, h6 {
	color: #369 !important;
}

h1 {
	font-size: 150%;
	margin: 0 0 .25em 0;
	line-height:30px;
	font-weight:bold;
}
h2 {
	font-size: 135%;
	margin: 1em 0 .35em 0;
	line-height:30px;
	font-weight:bold;

}
h3 {
	font-size: 130%;
	margin: 0 0 .4em 0;
	line-height:20px;
	font-weight:bold;

}
h4 {
	font-size: 120%;
	margin: 0 0 .45em 0;
}
h5 {
	font-size: 115%;
	margin: 0 0 .5em 0;
	font-style: italic;
}
h6 {
	font-size: 110%;
	margin: 0 0 .5em 0;
	font-style: italic;
	font-weight: normal;
}

.soi-page-wrapper a, .soi-page-wrapper a:link {
	color: #036;
}
.soi-page-wrapper a:visited {
	color: #036;
}

img.media-object {
	 max-width: 200px;
	 height: auto;		
}
 
#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 {
	min-height: 180px;
}
/* -------------------------------------------------------
    Global Navigation
	------------------------------------------------------- */
.soi-topnav-inner {
	background-color: #369;
}
.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: #fc6 !important;
	color: black;
}


/* -------------------------------------------------------
    End Global Navigation
	------------------------------------------------------- */


/* -------------------------------------------------------
   Local navigation
   ------------------------------------------------------- */
.s4-ql UL.root {
	border-bottom: 1px #369 dashed !important;
}
.s4-ql UL.root > LI > .menu-item {
	border-bottom: 1px #369 dashed !important;
	/*border-left:5px transparent solid !important;*/
	text-transform:uppercase;
	font-weight:bold;
	color:#369;
	padding:8px 3px 8px 10px;
}
.s4-ql ul.root ul > li > a {
	color:#369;
	border-left:5px transparent solid !important;
	font-weight:bold;
}
.s4-ql ul.root ul > li > a:hover {
	color:#369;	
	border-left:5px #369 solid !important;
}
.s4-ql a.selected {
	background-image:none;	
	background-color:transparent;
	border-color:#369;
	border-width:0px !important;
	border-left:5px #369 solid !important;
}

.s4-ql a.selected {
	background-color: #F0EFE2;
	color:#003759 !important; 
	font-weight:bold !important;
}


/* -------------------------------------------------------
   /END Local navigation
   ------------------------------------------------------- */


/*	===================================================================================
	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;
}

/* -------------------------------------------------------
    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: 40px;
	line-height:30px;
	background-repeat:no-repeat;
}
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');
}

.socialicons img {
	padding-right:5px;
}


/* ===================================================================================
   Feedback Forms - migrated from 2007 to 2010 (eah)
   =================================================================================== */
div.soi-feedbackform
{
	overflow:hidden;
	background-color:#e4e4e4;
	border:1px #666 solid;
	padding: 20px;
}

div.soi-feedbackform input[type="checkbox"] { 
	padding-top: 2px; 
	margin-right: 5px;
	vertical-align: top; 
	font-size:small;
	
}

div.soi-feedbackform .soifield
{
	border-top: 1px #666 dotted;	
	padding:5px;
	clear:left;
	font-weight: bold;
}

div.soi-feedbackform .soifield .soiformlabel
{
	width:220px;		
	font-weight:bold;
	font-size:small;
	vertical-align:top;
	float:left;
	margin-bottom:5px;	
	margin-right:5px;	
}

div.soi-feedbackform .formnote {
	font-style:oblique;
	background-color:#FFFFCC;
	border:thin gray solid;
	margin-bottom: 5px;
}

div.soi-feedbackform .soifield .Feedback, div.soi-feedbackform .soifield .soiformradio, div.soi-feedbackform .soifield .soiformchecklist
{
	width:400px;
	float:left;
	margin-bottom:5px;	
}
div.soi-feedbackform .soifield .soiformdropdown, div.soi-feedbackform .soifield .DateOnlyCssClass, 
div.soi-feedbackform .soifield .soiformcheckbox
{
	width:auto;
}
div.soi-feedbackform .soifield fieldset
{
	display:inline;
	border:none;
	margin:0;
	padding:0;
	position:relative;
}
div.soi-feedbackform .soifield fieldset ol
{
	list-style:none;
	padding:0;
	float:left;
}
div.soi-feedbackform .soifield fieldset legend
{
	position:absolute;
	left:-10000px;
	height:1px;
	width:1px;
}
div.soi-feedbackform .soifield .soiformdesc
{
	display:block;
	font-style:italic;
	font-weight:normal;
}
x.soi-Button
{
	padding-bottom: .4em;
	width: 7.5em;
	height:2.1em;
	padding-top:.1em;
	margin: 5px;
}
div.soi-feedbackform .feedbackButtons
{
	padding:.5em;
	text-align:center;
	border-top: 1px #666 solid;	
	margin-top:5px;
	clear:left;
}
div.soi-feedbackform .feedbackButtons input
{
	padding-bottom: .4em;
	width: 7.5em;
	height:2.1em;
	padding-top:.1em;
	margin: 5px;
}
/* /End of Feedback Forms */

/*2007 SharePoint styles still being used - (eah) */

.alignleft { text-align: left; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.alignright { text-align: right; }
.clearfloat { clear: both; }
.floatleft { float: left; margin-right: 1em; }
.floatright { float: right; margin-left: 1em; }
.fullwidth { width: 99%; }
.hidden { display: none; }
.invisible { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; margin: 0; padding: 0; }
.nobullets { list-style-type: none; padding-left: 0; }
.nowrap { white-space: nowrap; }
.softbreak { font-size: 0; }

/* /Web Parts */
.positive
{
	background-color: #336699;
	width:5em;
	color:white;
	font-weight:bold;
}
.SOISearchBox label
{
	display:none;
}
#ctl00_PlaceHolderSearchArea_ctl00_SearchBox
{
	width:180px;
}

.ms-toolbarItem
{
    white-space: normal;
}

div.three-pix-across:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

div.three-pix-across
{
	width: 100%;
	padding-bottom: 15px;
}

div.captioned-image-left
{
	float: left;
	margin-right: 20px;
}

div.captioned-image-right
{
	float: right;
	margin-left: 10px;
}

div.captioned-image-left,
div.captioned-image-right
{
	max-width: 200px;
	margin-bottom: 5px;
}

div.captioned-image-left div.image,
div.captioned-image-right div.image
{
	text-align: center;
}

div.captioned-image-left div.image img,
div.captioned-image-right div.image img
{
	max-width: 200px;
}

div.captioned-image-left div.caption,
div.captioned-image-right div.caption
{
	font-size: .8em;
	font-family: inherit;
	text-align: justify;
	font-style: italic;
}

table.IDOC-table
{
	border-top: 2px #D4D0C8 solid;
	border-right: 2px #808080 solid;
	border-bottom: 2px #808080 solid;
	border-left: 2px #D4D0C8 solid;
	border-spacing: 0px;
	width: 70%;
	margin: 40px auto;
}

table.IDOC-table th,
table.IDOC-table td
{
	border-top: 2px #808080 solid;
	border-right: 2px #D4D0C8 solid;
	border-bottom: 2px #D4D0C8 solid;
	border-left: 2px #808080 solid;
	font-weight: normal;
	padding: 5px 16px 5px 20px;
}

table.IDOC-table th
{
	text-align: left;
}

table.IDOC-table td
{
	text-align: center;
}

table.IDOC-table thead th,
table.IDOC-table tfoot th,
table.IDOC-table tfoot td,
table.IDOC-table caption
{
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
	background-color: #E4E4E4;
}

table.IDOC-table caption
{
	background-color: #C8C8C8;
	border: 2px #808080 solid;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
}

.article-right #ctl00_PlaceHolderMain_PublishingPageContent_ctl00
{
	width: 630px !important;
	min-width: 630px !important;
	
}

.soi-by-line
{
	font-style:italic;
	font-weight:bold;
	padding-bottom:10px;
}

div.facilityWarden
{
	text-align:center;
	font-size: 1.3em;
	font-weight:bold;
}

.rotator {
	max-height: 385px;
	height: 385px;
	max-width:
}

.container {
	width: auto !important;
}
.rotatorleft {
	max-height: 385px;
	height: 385px;
    background: #369;
   	padding: 5px 5px 5px 5px;
	text-align:center;
	vertical-align: middle;
}

.rotatorimg {
	max-height: 380px !important;
}

.rotatorright {
    display:table !important;
    background: #369;
   	padding: 5px 5px 5px 5px;
    height:385px;
}

.rotatortitle {
    display:table-cell !important;
    vertical-align:middle !important;
    text-align:center !important;
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
}

.right.carousel-control{
	right: 255px !important;
}
.left.carousel-control{
	left: 25px !important;
}

/* -------------------------------------------------------
   Utility - mobile Navigation
   ------------------------------------------------------- */
div#mobile-utilityNav ul {
	margin: 0px;
	float: left;
	display: inline;
	font-size:.9em;
}
div#mobile-utilityNav ul li {
	margin: 0em;
	padding: 0em;
	border-left: thin white solid;
	float: left;
	display: inline; /* This helps IE with floated elements */
}
div#mobile-utilityNav ul li.first-child {
	border-left-width: 0px;
}
div#mobile-utilityNav ul li a {
	color: #369;
	text-decoration: none;
	font-weight: bold;
	float: left;
	display: inline; /* This helps IE with floated elements */
	padding-left: 1.0em;
	padding-right: 1.1em;
}
/* This way, users who may be navigating via keyboard
	can more easily see when a given link is focused */
div#mobile-utilityNav ul li a:focus,
div#mobile-utilityNav ul li a:hover {
	text-decoration: underline;
}

.soi-mobile-utility-wrapper {
	padding-top:10px;
}

/* -------------------------------------------------------
   /End mobile Utility - Navigation
   ------------------------------------------------------- */

.menubuttons {
padding:5px 5px 5px 5px;
}

.menubuttons .btn {
	min-height: 80px !important;
	width: 160px !important;
    display:table-cell !important;
    vertical-align:middle !important;
    font-weight: bold;
    background-color: #369;
}

.menubuttons .btn:link {
	color: white !important;
}

.menubuttons .btn:visited {
	color:white !important;
}

.menubuttons .btn:hover {
	color: #369 !important;
	background-color:silver !important;
	text-decoration: underline !important;
}

.soi-bullet, .bullet{
	background-image:url('Images/nav_arrows.gif');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

/* Breadcrumb styles */
.soi-page-breadcrumb {
	margin-top: 5px;
	margin-bottom: 10px;
}
.soi-page-breadcrumb ul.soi-page-breadcrumb-root {
	font-weight: bold;
}

.soi-page-breadcrumb ul.soi-breadcrumb-RootNode li.soi-breadcrumb-CurrentNode:last-child {
	font-weight: normal;
}

/* hide search hover panel */
.ms-srch-hover-outerContainer
{
	display: none !important;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, 
button:hover, input[type=button]:active, input[type=reset]:active, 
input[type=submit]:active, button:active, input[type=button]:focus, 
input[type=reset]:focus, input[type=submit]:focus, button:focus {
	border-color:#fff;
}

.soi-sidebar {
	margin-bottom:10px;
}


/* Mobile banner */

@media (max-width:990px) {
		
	.soi-banner-inner img.soi-site-logo {
		padding: 0;
	}

	div.soi-banner-inner {
		 background: #0d4173 url(Images/Banner.png) -8px 0px no-repeat;  !important;
		 max-height: 150px;
	}
	
	.soi-footer-lower {
		color: #000;
	}	
	
	.soi-topnav-inner .nav li.static > .menu-item {
		font-weight: bold;
	}
	
	.nav li.dynamic > .selected.menu-item {
		color:#fff;
		}

	.nav li.dynamic > .menu-item.selected {
		background-color:#F0EFE2;
		color:#137cc1;
	}

	.nav ul.dynamic a {
		color:#fff;
	}

	.nav ul.dynamic a:hover {
		background-color: #F0EFE2 !important;
		color:#137cc1;	
	}
	
	div.soi-mobile-utility {
		margin-bottom: 10px !important;
	}


}

@media (max-width:600px) {
	
	.soi-banner-inner img.soi-site-logo {
		text-align: center;
		max-width: 250px;
	}
	
	div.soi-mobile-utility {
		margin-left: -30px !important;
	}

}
@media (min-width: 991px) {

	.soi-topnav-inner {
		background: #369 url('Images/GlobalNavBkg.png') repeat-x center;
	}
	.soi-topnav-inner .nav li.static > .menu-item {
		/*padding-left:15px;
		padding-right:10px;*/
		background: url("Images/menusep.gif") no-repeat bottom right;
	}
	.soi-topnav-inner .nav li.static > .menu-item span.menu-item-text {
		white-space: normal !important;
		line-height: 97%;
		height:24px;
		display: table-cell;
	    vertical-align : middle;
	   	font-weight: normal;
	   	padding-left:10px;
		padding-right:10px;

	}
	.soi-topnav-inner UL.root > li.static > .menu-item {
		/* Hide root site link */
		vertical-align: middle;
		display: none;
		background-color: transparent; /* limits the scope of the previous rule */
		
	}
	.soi-topnav-inner .nav ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}	
	.soi-topnav-inner .nav li {
	    vertical-align: middle;
	    display: table-cell;
	    line-height: 22px;
	}
	.soi-topnav-inner .nav ul li img {
	    vertical-align: middle;
	}
	
	.soi-topnav-inner .nav li.static:first-child > .menu-item {
		border-left:0;
	}
	
	.soi-topnav-inner .nav li.static:last-child > .menu-item {
		border-right:0 !important;
		background: none;
	}
	
	#topnavbar .ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
		padding-right: 5px;
	}
}

@media(min-width:1200px) {
	}
	
/* Print CSS for DOC*/
@media print
{
 	body { 
 		background: white; 
 		font-family: Georgia, ‘Times New Roman’, serif;
 	} 
 	 	
 	a:link { font-weight: bold; text-decoration: underline; color: #520; }
 	
	div#mainbody, .soi-body-inner, .soi-article-content {
		margin: 0 5% !important;
		width: auto; 
		float: none !important; 
		background: transparent;	
	}
	
	.copyright, .soi-footer-wrapper, div.soi-utility-wrapper, div.soi-topnav-wrapper {
		display: none !important;	
	}
	
	div.soi-mobile-utility-wrapper {
		display:none !important;
	}
	
	.soi-pagebreadcrumb, div.soi-sidebar
	{
		display: none !important;	
	}

	#masthead, #globalNav, #sidebar, #FooterID, #PlaceHolderSearchArea {
	display: none !important;		
	}
	
	.soi-iframe {
 			height:2000px !important; 
 			*height:2000px; /*hack for ie8/ie7*/
		}
}