/****************************
         Core
*****************************/


input[type=submit], input[type=reset] { 
	padding: 4px 8px;
	}
	
body { 
	background: #fff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 1.5em;
	}
	
strong, b, h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	line-height: 1.5em;
	} 
	
h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	line-height: 2.25em;  
	font-weight: normal; 
	color:#444;
	}
	
special h4{ 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	line-height: 1.5em;  
	font-weight: normal; 
	font-size: 12px;
	color:#444;
	
	}	
	
specialBold h4{ 
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	line-height: 1.5em;  
	font-weight: normal; 
	font-size: 12px;
	font-weight: bold; 
	color:#444;
	}	

p { 
	font-weight: normal;
	}
	
dt { 
    font-weight: bold; 
    margin: 6px 0;
    }
    
dd { 
    font-weight: normal; 
    margin: 4px 0 4px 10px;
    }
    
address {
    margin: 20px 0; 
    }
    
blockquote {
    margin: 14px 20px 18px 20px; 
    font-style: italic; 
    display: block; 
    padding: 24px 40px 0 40px;
    }
    
blockquote:before, blockquote:after { 
    color: #fff; 
    display: block; 
    font-size: 500%; 
    width: 50px;
    }
    
blockquote:before { 
    content: open-quote; 
    height: 0; 
    margin-left: -.5em; 
    margin-bottom: -.1em;
    }
    
blockquote:after { 
    content: close-quote; 
    height: 18px; 
    margin-top: .15em; 
    margin-left: 100%;
    }
    
blockquote strong { 
	float: right;
	}

q 	{
	margin: 7px 20px 9px 20px; 
    font-style: italic; 
    display: block;
	}
.offscreen {
	position:absolute;
	left:-999px;
	width:1px;
	height:1px;
	top:auto;
	}	
.borderRadius{
	/*border-radius*/
	-Webkit-border-radius:10px; /*for Safari and Google*/
	-moz-border-radius:10px; /*for Firefox*/
	border-radius:10px; /*CSS3 generic property*/
	}
	
/****************************
         Classes
*****************************/

a:link, a:active, h2 a, h3 a { 
	font-weight: bold; 
	text-decoration: none;
	}
	
a:hover, a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, #content a:hover, #content a:focus { 
	text-decoration: underline; 
	color:#660000;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none;
	}
	
.hide { 
	position: absolute;
	height: 0; 
	width: 0; 
	overflow: hidden;
	}
	
.noBorder { 
	border: 0 !important;
	}
	
.floatLeft { 
	float: left; 
	margin:  5px 10px 5px 0px;
	}
	
.floatRight { 
	float: right; 
	}
	
.alignLeft { 
	text-align: left; 
	}
	
.alignRight { 
	text-align: right; 
	}
	
.center{
	text-align: center;
	}

.centerImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/*.top { 
	font-size: 12px; 
	display: block; 
	background: transparent url("/img/top.gif") 100% 20% no-repeat; 
	padding-right: 1em; 
	width: 7em;
	}*/
	
.photocaption {
	font-size: 12px; 
	font-style: italic; 
	background: #f1f1f1; 
	text-align: justify; 
	}
	
.graphcaption {
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
.last {
	border: none;
	}
	
.anchor li{
	display:inline;
	padding:0 0.5em;
	border-right:1px solid #444
	}
	
.imgRt {
	float: left; 
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
	}
	
.textIndent{
	text-indent:15px;
	}

.pushUp{
	margin: -21px 0 0 0;
	}
.pushUphigh{
	margin: -100px 0 0 0;
	}
.listStyleNone{
	list-style-type:none;
	}

.textAlert{
	font-weight:bolder;
	color:#993333;
	font-size:large!important;
	
	}
.pushRight{
	margin: 0 0 0 110px;
	}
	
.imgRt2{
	padding-top: 5px;
	border: 0;
	margin: 0 0 0 10px;
	}

.pushUp2{
	margin: -99px 35px 0 0;
	float: right;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 0;
	}	
	
.image700x235{
	width: 700px;
	height:235px;
	}
	
.backgroundBlue{
	background-color: #003366!important;
	}
	
.tanFont {
	color: #cccc99;
	}

.ultimateSacrificeImg {
	float: left;
	padding-right: 10px;
	}
	
.publicationHeaders {
	background: #247297 url("/MSHPWeb/WaterPatrol/images/lightBlueNav_bg.png") repeat-x top left; 
	color: #1b5279; 
	line-height: 1.75em; 
	padding-left: 10px; 
	font-weight: bold;"MSHPWeb/FlexSlider/woothemes-FlexSlider-version-2.2-1-gca347d4/woothemes-FlexSlider-ca347d4/demo/fonts/webfonts/geo-semibold"
	margin-top:6px; 
	margin-bottom: 20px;
	/*border-radius*/
	-Webkit-border-radius: 15px 15px 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 15px 15px 15px 15px; /*for Firefox*/
	border-radius: 15px 15px 15px 15px; /*CSS3 generic property*/
	}
.publicationHistoryAndNews {
	/*border-radius*/
	-Webkit-border-radius: 15px 15px 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 15px 15px 15px 15px; /*for Firefox*/
	border-radius: 15px 15px 15px 15px; /*CSS3 generic property*/

	}

/****************************
         Tables
*****************************/

#tablelist {
	margin:0px;
	}
	
#thlast {
	border-right:1px solid #000 
	}
	
table {
	border-collapse: collapse; 
	width: 100%; 
	/*margin: 20px 0px; */
	/*adjusted to 5px for the Troop Fatality Crash Totals*/
	margin:5px 0px;
	}
	
th {
	background: #d5d5d5; 
	color: #666; 
	font-weight: bold; 
	padding: 2px 11px; 
	text-align: left; 
	/*Turned border-right off for the Troop Fatality Crash Totals*/
	/*border-right: 1px solid #fff; */
	line-height: 1.2; 
	vertical-align: middle; 
	font-size: 14px;
	text-align:center;
	
	}
	
td {
	/*Turned padding off on Troop Fatality Crash Totals Table*/
	/*padding: 6px 11px; */
	border-bottom: 2px solid #95bce2; 
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	
	}
	
td * {
	/*Turned off padding to align Troop Fatality Crash Totals Table*/
	/*padding: 6px 11px; */
	}
	
table.sortable thead{
	cursor:default;
	}
	
td.border-bottom{
	border-bottom:none!important;
	
}

.tableBordersTroops{
	border-style:solid;
	border-color:#e2e2e2;
	border-width: medium;
	
	width:620px;
	}
.rowBorders{
	border-style:solid;
	border-color:#e2e2e2;
	border-width: thin;
	padding-left:5px;
	}
.headerCenterText{
	text-align:center
	}
	
.headerLeftText td{
	text-align:left
	}
	
.unidentifiedPersonsTable thead tr th {
	font-size: 10px;
	}

.unidentifiedPersonsTable tbody tr td {
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	}
	
.Column1Width {
	width: 400px;
	}

.Column2Width {
	width: 300px;
	}
	
table.vidLibTable td {
	border-bottom: 1px; 
	width: 960px;
}

table.vidLibTableFrontPage td {
	
	border-bottom: 1px; 
	width: px;
}

table.buoyAppHearingTable  {
   width: 98%;
   margin-left: 3px;
}

table.buoyAppHearingTable tbody tr:nth-child(even) {
   background-color: #d5d5d5;
}

table.buoyAppHearingTable thead tr th {
	text-align:left;
	}
	
table.buoyAppHearingTable tbody tr td {
	border-bottom: 0px;
	vertical-align:top; 
	font-size: 12px; 
	font-weight: normal; 
	text-align:left; 
	line-height: 2;
	padding-left: 11px;
	}

/****************************
          Lists
*****************************/
ol.decimal, ul.decimal{
	list-style:decimal inside;
	margin-left:20px;
	}

ol.loweralpha, ul.loweralpha{
	list-style:lower-alpha inside;
	margin-left:20px;
	}
	
ol.upperRoman, ul.upperRoman{
	list-style:upper-roman inside;
	font-weight:bold;
	}
	
ol.lowerRoman, ul.lowerRoman{
	list-style:lower-roman inside;
	font-weight:bold;
	}
	
ol.upperalpha, ul.upperalpha{
	list-style:upper-alpha inside;
	margin-left:10px;
	}
	
ol.decimal, ul.decimal{
	list-style:decimal inside;
	margin-left:15px;
	}
	
ol.disc{
	list-style:disc inside;
	margin-left:15px;
	}
	 
ul.disc{
	list-style:disc;
	margin-left:15px;
	}

ul.discInside{
	list-style:disc inside;
    margin-left:15px;
    }
    
li.discInside{
	list-style:disc inside;
	margin-left:15px;
	}	

ul.square{
	list-style: square;
	margin-left: 15px;
	}
		
ul.squareInside{
	list-style: square inside;
	margin-left: 15px;
	}
	
ul.hangingIndents{  /*Try Escape Characters »*/
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
	
/****************************
           id's
*****************************/

/****************************
Header, Branding, Leadership
*****************************/

#header { 
	position: relative; 
	margin: 0 auto; 
	background-color: #04153a; 
	min-width: 960px;
	height: 120px;
	}
#headerGoogleSearch { 
	position: relative; 
	margin: 0 auto; 
	background-color: #04153a; 
	min-width: 960px;
	height: 130px;
	}	
#header .container_12 { 
	position: relative; 
	}

#branding { 
	position: relative; 
	height: 115px; 
	top: 5px; 
	background: transparent url("/MSHPWeb/Images/Banner/MSHPNewBanner.jpg") no-repeat;
	background-color: #04153a;
	}
	
#branding h1 { 
	width: 445px; 
	height: 120px; 
	} 
	
#branding h1 a { 
	position: relative; 
	top: 15px; 
	display: block; 
	height: 85px; 
	width: 340px; 
	}
#branding em { 
	display: none;
	}
#brandingGoogleSearch { 
	position: relative; 
	height: 100px; 
	top: 0px; 
	background: transparent url("/MSHPWeb/Images/Banner/MSHPNewBanner.jpg") no-repeat;
	background-color: #04153a;
	}
#leadership { 
	color:#e2e2e2; 
	background: transparent; 
	font-size: 12px; 
	position: absolute; 
	top: 15px; 
	right: 10px; 
	text-align: right;  
	font-weight: bold; 
	line-height:1.5em;
	}
	
#leadership a{
	text-decoration:none;
	color:#e2e2e2;
	}

#leadership a:hover{
	text-decoration:underline;
	color:#993333;
	}
/****************************
        Search
*****************************/
#search { 
	position: absolute; 
	top: 70px; 
	right: 0; 
	background: #11354C /*The Fallback color*/; 
	background: rgba(255,255,255,.05)/*For RGBa Browser Support*/; 
	border: 1px solid #1c547b; padding: 5px;
	}
	
#search div { 
	display: inline;
	}
	
#search input[type=text] { 
	width: 210px; 
	margin-right: 5px;
	}
	
#search:hover, #search:focus { 
	background: rgba(255,255,255,.2);
	}
	
#search input[type=text]:focus { 
	background: #fff;
	}
	
#search input[type=submit] { 
	font-weight: bold; 
	width: 65px; 
	text-align: center; 
	font-size: 10px;
	}
	
#search fieldset { 
	width: 300px; 
	} 
	
/* */	
#btnG { 
	position: absolute; 
	right: 5px; 
	}
	
/*Text in Search field*/	
#siteQ { 
	color: black; 
	font: italic 1em Georgia, serif; 
	
	/*border-radius*/
	-Webkit-border-radius: 5px 0 0 5px; /*for Safari and Google*/
	-moz-border-radius: 5px 0 0 5px; /*for Firefox*/
	border-radius: 5px 0 0 5px; /*CSS3 generic property*/
	}

/****************************
        Menus
*****************************/

#menu { 
	position: absolute; 
	top: 115px; 
	height: 57px; 
	width: 100%; 
	background:url("/MSHPWeb/Images/Menus/nav_bg.png");
	margin: 0 auto; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	text-shadow: 1px 1px 1px #444;
	}
	
#menu ul { 
	height: 57px; 
	width: 960px; 
	margin: 0 auto;
	}
	
#menu ul li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 120px; 
	text-align: center; 
	} 
	
#menu ul li:first-child a { 
	border-left: 0; 
	}
	
#menu ul li:last-child a, #menu a.last { 
	border-right: 0; 
	}
	
#menu a { 
	font-weight: normal; 
	display: block; 
	color:#fff!important; 
	height: 34px; 
	border-right: 1px solid #1f4e71; 
	border-left:1px solid #44779f; 
	padding: 6px 9px 10px 9px; 
	line-height: 1.5em; 
	text-decoration: none;
	}
	
#menu a:hover, #menu a:focus { 
	background: #133B52 /*The Fallback color*/; 
	background:rgba(0,0,0,.2)/*For RGBa Browser Support*/; 
	color: #fff!important; 
	text-decoration: none
	}

#subMenu {  
	position: absolute; 
	top: 150px; 
	height: 24px; 
	width: 100%; 
	margin: 0 auto;
	}
	
#subMenu ul { 
	background: url("/MSHPWeb/img/shadow_menu.png") no-repeat; 
	width: 940px; 
	height:8px; 
	margin: 0 auto; 
	padding: 20px 0;
	}
	
#subMenu ul li { 
	float: left; 
	padding: 0 6px; 
	margin-right: 10px;
	}
	
html* #subMenu ul li { 
	margin-right: 11px;
	} /*hack for IE*/
	
#subMenu a { 
	display: block; 
	color: #333; 
	font-size: 12px; 
	font-weight: bold; 
	}
	
#subMenu a:hover,#subMenu a:focus {
	text-decoration: none; 
	color: #c00909;
	}

#breadcrumbs { 
	background: #E5F6FE; 
	position: relative; 
	top: 60px; 
	z-index: 10; 
	}
	
#breadcrumbs a { 
	font-size: 11px; 
	}
	
#breadcrumbs a:hover { 
	text-decoration: underline; 
	border: none; 
	}
	
#breadcrumbs a:first-child { 
	padding-left: 10px; 
	}
	

/****************************
        Content
*****************************/

#content { 
	margin-top: 0; 
	
	}
	
#content { 
	background: #fff; 
	padding-bottom: 24px; 
	margin-top: 70px; 
	}
	
#content h2 { 
	font-size: 20px; 
	}
	
	
#content h3 { 
	font-size: 18px; 
	}
	
#content h4 { 
	font-size: 16px; 
	}
	}
	
#content h5 { 
	font-size: 14px; 
	}
	
	
#content h6 { 
	font-size: 12px; 
	}
	

#content a { 
	color: #024771; 
	background: transparent;
	}
	
#content a:hover{
	color:#03203D;
	text-decoration:underline;
	}
	
#content a.pdf { 
	background: transparent url("/MSHPWeb/Images/PDF/smallpdf.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.doc { 
	background: transparent url("/MSHPWeb/Images/smallmsword.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.xls{ 
	background: transparent url("/MSHPWeb/Images/smallmsxls.gif") 100% 50% no-repeat; 
	padding-right: 20px;
	}
	
#content a.ppt { 
	background: transparent url("/MSHPWeb/Images/smallpp.jpg") 100% 50% no-repeat; 
	padding-right: 20px;
	}
#content a.rss { 
	background: transparent url("/MSHPWeb/Images/RSS/rss.png") 100% 50% no-repeat; 
	padding-right: 20px;
	}	
#content .line {  }

#contentGoogleSearch { 
	background: #fff; 
	padding-bottom: 24px; 
	margin-top: 0px; 
	}

/*#mainContent p,{padding-bottom: 21px} When including this in Tables it is double spacing
when you hit enter*/

#mainContent p, #mainContent dd, #subNav p, #subNav ul, #subNavMobile p, #subNavMobile ul { 
	padding-bottom: 21px;
	}
#mainContent td p{
	padding-bottom: 0px!important;
	}

#mainContent ul, #mainContent ol { 
	margin-bottom:20px; 
	line-height: 1.8em; 
	}
	
#mainContent caption { 
	font-weight: bold; 
	}
	
	
#mainContent h2 { 
	background: #247297 url("/MSHPWeb/WaterPatrol/images/lightBlueNav_bg.png") repeat-x top left; 
	color: #1b5279;
	line-height: 1.75em; 
	padding-left: 10px; 
	font-weight: bold;
	margin-top:6px; 
	margin-bottom: 20px;
	
	/*border-radius*/
	-Webkit-border-radius:10px; /*for Safari and Google*/
	-moz-border-radius:10px; /*for Firefox*/
	border-radius:10px; /*CSS3 generic property*/
	}
	
#mainContent img.floatLeft {
	margin-right:20px;
	}
	
#mainContent img.floatRight {
	margin-left:20px;
	}
	
#mainContent .cutline {
	font-size: 11px; 
	font-style: italic; 
	font-weight: bold; 
	padding: 0; 
	margin: 0; 
	text-align: center; 
	}

.newslogo{
	width:150px!important;
	height:150px!important;
	}  /*DPS logo in old news releases*/

/****************************
        Navigation
*****************************/

/*subNav*/

#subNav h2, #subNav h3 { 
	background: url("/MSHPWeb/WaterPatrol/images/nav_bg.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 0px; 
	margin-top: 2px; 
	
	/*border-radius*/
	-Webkit-border-radius: 15px 15px 0 0; /*for Safari and Google*/
	-moz-border-radius: 15px 15px 0 0; /*for Firefox*/
	border-radius: 15px 15px 0 0; /*CSS3 generic property*/
	}
	
#subNav ul { 
	padding: 0; 
	margin: 0; 
	border: 1px solid #C5E6F9; 
	background: #e5f6fe;
	}
	
#subNav ul li { 
	border-top: 1px solid #C5E6F9;
	}
	
#subNav ul li:first-child { 
	border: none; 
	}
	
#subNav ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 20px; 
	font-size: 12px; 
	color: #044973; 
	}
	
#subNav ul li ul li a { 
	padding-left: 30px; 
	}
	
#subNav ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
#subNav ul li a:hover, #subNav ul li ul li a:hover { 
	display: block; 
	background: #054872; 
	background: rgba(5,72,114,0.7); 
	color: #e2e2e2!important; 
	text-decoration: none; 
	padding-left: 18px; 
	}
	
.noHover a:hover{
	background-color: #e5f6fe!important;
	}	
	
#subNav ul li ul li a:hover { 
	padding-left: 28px; 
	}
	
#subNav ul {
	/*border-radius*/
	-Webkit-border-radius: 0 0 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 0 0 15px 15px; /*for Firefox*/
	border-radius: 0 0 15px 15px; /*CSS3 generic property*/
}

#subNav ul li:last-of-type a:hover {
	/*border-radius*/
	-Webkit-border-radius: 0 0 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 0 0 15px 15px; /*for Firefox*/
	border-radius: 0 0 15px 15px; /*CSS3 generic property*/
}







/*nav*/

.nav h2, .nav h3 {
	background: url("/MSHPWeb/WaterPatrol/images/nav_bg.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 2px; 
	margin-top: 2px;
	}
	
	
.nav ul { 
	padding: 0; 
	margin: 0; 
	background: #fff;
	}
	
.nav ul li { 
	border-top: 1px solid #cccccc!important;
	}
	
.nav ul li:first-child { 
	border: none; 
	}
	
.nav ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 18px; 
	font-size: 12px!important; 
	color: #660000; 
	}
	
.nav ul li ul li a { 
	padding-left: 30px; 
	}
	
.nav ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
.nav ul li a:hover, .nav ul li ul li a:hover { 
	display: block!important; 
	color: #660000!important; 
	text-decoration: none!important; 
	text-decoration: underline!important;
	padding-left: 16px; 
	}
	
.nav ul li ul li a:hover { 
	padding-left: 28px; 
	}
	
/*subRelated*/

.subRelated{
	margin-top:1.5em
	}
	
.subRelated h2, .subRelated h3 { 
	background-image:none!important; 
	color: #000!important; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 0px!important; 
	margin-bottom: 2px; 
	margin-top: 2px; 
	}
	
.subRelated ul {  
	padding: 0; 
	border: none!important; 
	background: #fff!important;
	}
	
.subRelated ul li { 
	border-top: none!important; 
	}
	
.subRelated ul li:first-child { 
    border: none; 
    }
    
.subRelated ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 0px!important; 
	font-size: 12px; 
	color: #000!important; 
	}
	
.subRelated ul li ul li a { 
	padding-left: 0px!important; 
	}
	
.subRelated ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
.subRelated ul li a:hover, .subRelated ul li ul li a:hover { 
	display: block; 
	background: #fff!important; 
	color: #000!important; 
	text-decoration: none; 
	padding-left: 0px!important; 
	}
	
.subRelated ul li ul li a:hover { 
	padding-left: 0px!important 
	}

/****************************
        Footers
*****************************/

#mshpFooter {
	
	margin-bottom:80px!important;
	}
	
#mshpFooter h2{
	font-weight:bold!important
	}
	
#mshpFooter ul{
	font-size:14px!important
	}
	
#mshpFooter ul li:first-child{
	margin-left:0!important;
	padding-left:0!important
	}
	
#mshpFooter ul li{
	float:left; 
	border-right: 1px solid #ccc; 
	/*border-color: rgb(126, 133, 149); */
	padding: 0 10px; 
	line-height: 1em; 
	}
	
#mshpFooter a{
	margin-right:10px;
	/*color: #f0f0f0!important;*/
	color:#ffffff;
	}
#mshpFooter a:hover{
	text-decoration:underline!important;
	
	}
#footer {   
	position: relative; 
	min-height:35em; 
	min-width: 960px;
	/*width:100*/
	color: #fff; 
	background-color: #082f48!important; 
	background: url("/MSHPWeb/WaterPatrol/images/footer.png") repeat-x;
	padding: 30px 0 30px; 
	 
	}

#footer h2 { 
	font: bold 16px Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	padding: 0 0 8px; 
	margin: 0 0 10px; 
	border-bottom: 1px solid #ccc; 
	/*text-shadow: 1px 1px 0px #333;*/
	}
	
#footer h3 { 
	/*color: #9dafbb; */
	color:#ffffff;
	border-bottom: 1px dotted #6B8291; 
	margin-bottom: 8px; 
	line-height: 1em; 
	padding-bottom: 6px;
	}

#footer ul { 
	font-size: 12px; 
	line-height: 1.5em; 
	}
	
#footer ul li { 
	/*color: #9dafbb;*/
	color:#ffffff;
	}
	
#footer a { 
	background: transparent; 
	/*color: #9dafbb; */
	color:#ffffff;
	font-weight: normal;
	}
	
#footer a:hover, #footer a:focus { 
	text-decoration:underline!important;
	color:#fff; 
	/*border-bottom: 1px solid #9dafbb;*/
	border-bottom: 1px solid #ffffff;
	}

#finder { 
	position: relative; 
	background:url("/MSHPWeb/WaterPatrol/images/foot_mogov.png") no-repeat; 
	height: 70px; 
	width: 960px; 
	margin: 10px auto 0 auto;
	background-color: #082f48; 
	}
	
	
#finder ul { 
	margin-left: 140px; 
	height: 70px; 
	padding-top: 30px; 
	}
	
#finder ul li { 
	float: left; 
	border-left: 1px solid #ccc; 
	border-color: rgb(126, 133, 149); 
	padding: 0 10px; 
	line-height: 1em; 
	}
	
#finder li:first-child { 
	border: 0;
	}
	
#finder a { 
	font-size: 14px; 
	/*color: rgb(126, 133, 149); */
	border: 0;
	}
	
#finder a:hover { 
	text-decoration:underline!important;
	/*color: #e2e2e2; */
	color:#ffffff;
	}
#finder a.mogov { 
	display: block; 
	position: absolute; 
	height: 70px; 
	width: 140px; 
	left: 0; 
	top: 0;
	}
	
#finder a.mogov:hover { 
	border-bottom: none; 
	}

/****************************
         Tabs
*****************************/

.tab ul {
	border: 1px solid #C5E6F9;
    background: #e5f6fe;
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
		
.tab li {
	float: left;
	border: 1px solid #C5E6F9;
	background: #e5f6fe;
	background: url("/MSHPWeb/images/tabright.gif") top right no-repeat;
	border-bottom-width: 0;
	margin: 0;
	}
	

.tab a {
	text-decoration: none;
	display: block;
	background: url("/MSHPWeb/images/tableft.gif") top left no-repeat;
	background: #C5E6F9;
	padding: 0.24em 1em;
	color: #00c;
	width: 5em;
	text-align: center;
	}
			
.tab a:hover {
	background: #C5E6F9;
	height:10em;
	width:20em;
	}
		
.tab .selected {
	border-color: black;}
		
.tab .selected a {
	position: relative;
	top: 1px;
	background: white;
	color: black;
	font-weight: bold;
	}
/****************************
         Lightbox
*****************************/	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/MSHPWeb/Images/LightboxImages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/MSHPWeb/Images/LightboxImages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*------------------------------------*\
	         Dropdown MainMenu
\*------------------------------------*/
#mainMenu { 
        position: absolute; 
        top: 115px; 
        height: 57px; 
        min-width:100%; 
        background:url("/MSHPWeb/Images/Menus/nav_bg.png") repeat-x;
        margin: 0 auto; 
        font: normal 14px Arial, Helvetica, sans-serif; 
        text-shadow: 1px 1px 1px #444;
        }
	    
#mainMenu ul.dropdown { 
        height: 57px; 
        width: 960px; 
        margin: 0 auto;  
        }
        
#mainMenu ul.dropdown li { 
		float: left; 
		zoom: 1; 
		width: 140px; 
		margin: 0; 
		padding: 0; 
		text-align: left; 
		position: relative;  
		}
		
#mainMenu ul.dropdown li:first-child a { 
		border-left: 0; 
		}
		
#mainMenu ul.dropdown li:last-child a, #mainMenu ul.dropdown a.last { 
		border-right: 0; 
		}
		
#mainMenu ul.dropdown li a { 
		font-weight: normal; 
		display: block; 
		color:#fff!important; 
		height: 34px; 
		border-right: 1px solid #1f4e71; 
		border-left:1px solid #44779f; 
		padding: 10px 9px 4px 9px; 
		line-height: 1.5em; 
		text-decoration: none; 
		text-align: center; 
		}
#mainMenu ul.dropdown  a:hover, #mainMenu ul.dropdown a:focus, #mainMenu ul.dropdown a:active { 
		background: #133B52; 
		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;
		transition: all .75s ease;
		}
		
#mainMenu ul.dropdown li.hover, #mainMenu ul.dropdown li:focus { 
		position: relative;
		}
		
/*#menu ul.dropdown li:hover > a, #menu ul.dropdown li:focus > a { 
		background-color:#133B52
		}*/

/* LEVEL TWO*/
#mainMenu ul.dropdown ul { 
		background:#e6f6ff!important; 
		width: 220px; 
		height:120px; 
		visibility: hidden; /*Hides the drop down box until the menu item is hovered over*/
		position: absolute; 
		top: 48px; 
		left: 0; 
		border: 1px solid #267AA0; 
		border-top: 0; 
		z-index: 30; 
		-webkit-box-shadow: 2px 2px 6px #242424;
		-moz-box-shadow: 2px 2px 6px #242424; 
		box-shadow: 2px 2px 6px #242424;
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#242424');
		}
		
.dropdownAdmin{
		height:240px!important; 
		}	
		
.dropdownCareers{
		height:240px!important;  
		}	
		
.dropdownLawEnfor{
		height:310px!important;  
		}
		
.dropdownMissPerson{
		height:390px!important;  
		}
		
.dropdownPrograms{
		height:505px!important;  
		}
		
.dropdownStatistics{
		height:235px!important;  
		}		
																						
#mainMenu ul.dropdown ul li a { 
		font: bold 13px Arial, san-serif; 
		margin-bottom: 1px; 
		padding: 2px 10px; 
		background: #E6F6FF; 
		color: #04153A!important; 
		text-align: left; 
		text-shadow: none!important; 
		display: inline-block; /*ie6 and 7 needs*/ 
		border-left: 0!important; 
		border-right: 0!important; 
		line-height: 2.5em;  
		width: 200px;
		}
		
#mainMenu ul.dropdown ul li:last-child a { 
		margin-bottom: 0;
		}
		
#mainMenu ul.dropdown ul li a:hover, #mainMenu ul.dropdown ul li a:focus { 
		text-shadow: none; 
		background: #C5E6F9!important; 
		color: #04153A!important; 
		}
		
/* LEVEL THREE*/
#mainMenu ul.dropdown ul ul{ left: 100%; top: 0; }					
#mainMenu ul.dropdown li:hover > ul{ visibility: visible; }
/*#mainMenu ul.dropdown li:focus > ul{ visibility: visible; }	<< isnt working */
#mainMenu ul.dropdown li ul#programs { width: 360px;  }
#mainMenu ul.dropdown li ul#programs li a { width: 340px;  }
#mainMenu ul.dropdown li ul#maps { width: 320px;  }
#mainMenu ul.dropdown li ul#maps li a { width: 300px;  }	

/*#mainContentLink a {color:#04153a; pointer-events: none;}
#mainContentLink a:focus {color:green; pointer-events: none;}*/

.subMainMenu {  
	position: absolute; 
	top: 150px; 
	height: 24px; 
	width: 100%; 
	margin: 0 auto;
	}
	
.subMainMenu ul { 
	background:#e6f6ff!important;
	width: 940px; 
	height:8px; 
	margin: 0 auto; 
	padding: 20px 0;
	}
	
.subMainMenu ul li { 
	float: left; 
	padding: 0 6px; 
	margin-right: 10px;
	width: 320px;
	}
	
html* .subMainMenu ul li { 
	margin-right: 11px;
	} /*hack for IE*/
	
.subMainMenu a { 
	display: block; 
	color: #333; 
	font-size: 12px; 
	font-weight: bold; 
	}
	
.subMainMenu a:hover,.subMainMenu a:focus {
	text-decoration: none; 
	color: #c00909;
	}
	
.hide { 
	position: absolute; 
	height: 0; 
	width: 0; 
	overflow: hidden;
	}
	
.z-index300{
	z-index: 300;
	}
	
.z-index100{
	z-index: 100;
	}	
		
#rightContent tr{
	font-size: 12px;
	}
	
.leftJust{
	text-align: left;
	}
/*------------------------------------*\
	    New Crach Statistics Box
\*------------------------------------*/
.tableSize{	
	/*border-collapse: collapse;*/
	border: 1px solid  #044973;
	width: 470px; 
	}
	
.crashHeaders th{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #044973;
	background:#e5f6fe;
	padding: 0.1em 1em;
	}
	
.crashNumbers td{
	text-align: center;
	font-size: 10px;
	color:#044973;
	}
	
.crashTitle{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color:#e2e2e2;
	padding: 0.1em 1em;
	border-top: 1px solid  #044973;
	border-left: 1px solid  #044973;
	border-right: 1px solid  #044973;
	background: url("/MSHPWeb/WaterPatrol/images/nav_bg.png"); 
	}
			
.crashTitle td{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#044973;
	background:#e5f6fe;
	padding: 0.1em 1em;
	}
	
crashHeaders td{
	text-align: center;
	font-size: 10px;
	color:#044973;
	border-left:
	}
	
.crashSmallTitle
	{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#044973;
	padding: 0.1em .3em; 
	border-left: 1px solid  #044973;
	border-right: 1px solid  #044973;
	background:#e5f6fe;
	}
	
.crashTitle th{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#044973;
	background:#e5f6fe;
	padding: 0.1em 1em;
	}
	
.yearEndTitle td{
    text-align: center;
	font-size: 10px;
	font-weight: normal;
	color:#044973;
	padding: 0.1em 1em;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*------------------------------------*\
	     New NewsHightLights
\*------------------------------------*/

#newsHighlights p {
	font-size: 14px;
	}
	
*#newsHighlights ul{ comment this line back out when in use. 
	margin: 0 0 0 80px;
	}*
	
#newsHighlights li{
	float: left;
	width: 195px;
	border-color:#e2e2e2;
	border-left-style: dashed;
	border-left-width: thin;
	padding:4px;
	}
	
#newsHighlights img.alignRight{
	float: right;
	}
	
*/              

/***********************************************\
*		      PIED 75th Anniversary             *
*              Bottom Content area              *
\***********************************************/
 #piedNewsHighlightsBottomContent{
	float:left;
	}
	
#piedNewsHighlightsBottomContent h1{
	background-color: rgb(4, 21, 58);
	font-size: 1em;
	padding: 5px; 
	color: #cccc99;
	margin: 0 0 0 30px;
	text-align:center;
	}	

#piedNewsHighlightsBottomContent a{
	font-size:1em;
	color:#003366;
	text-decoration:underline;
	}

#piedNewsHighlightsBottomContent a:hover {
	color: #993333;
	text-decoration: underline;
	cursor: pointer;
	}
	
#piedNewsHighlightsBottomContent p {
	font-size:.8em;
	}

#piedNewsHighlightsBottomContent ul{
	width:93%;
	min-width:500px;
	margin: 0 40px 0 40px;
	list-style-type:none;
	}
	
#piedNewsHighlightsBottomContent li{
	float: left;
	width: 152px;
	border-color:#003366;
	border-left-style: dashed;
	border-left-width: thin;
	padding:2px;
	}
	
#piedNewsHighlightsBottomContent img.alignRight{
	float: right;
	}
	
#piedNewsHighlightsBottomContent ol{
	list-style-type:none;
	}                     
	
	
/***********************************************\
*		      	   Image Rotator                *
\***********************************************/        
.imageRotator {
	position: relative;
	width: 123px;
	height: 93px;
	}
	
.imageRotator > div {
	position: absolute;
	}
	
#devHeader h2 {
	font-weight: bold;
	font-size: 20px;
	background: none;
	margin: 0;
	padding: 0;
	color: black;
	}
	
/***********************************************\
*		        Image Lightbox                  *
\***********************************************/  
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	}
	
.white_content {
	display: none;
	position: absolute;
	top: 10%;
	left: 15%;
	width: auto;
	height: auto;
	background-color: white;
	z-index:1002;
	overflow: auto;
	
	/*border-radius*/
	-Webkit-border-radius:10px; /*for Safari and Google*/
	-moz-border-radius:10px; /*for Firefox*/
	border-radius:10px; /*CSS3 generic property*/
	} 

.roundedImage {
	/*border-radius*/
	-Webkit-border-radius:10px; /*for Safari and Google*/
	-moz-border-radius:10px; /*for Firefox*/
	border-radius:10px; /*CSS3 generic property*/
	}
/************************************************\
*		   HRD Self Assessment                   *
\************************************************/  

	
#selfAssessmentTable{
	background-color:#fff;
	width: 100%;
	border:1px;
	border-width:thin;
	border-color:#04153a;
	border-style: outset;
	margin:10px 10px 10px 0px;
	}
#selfAssessmentTable td{
	padding: 6px;
	text-align: center;
		}

.rowColor{
	background-color:#cccccc;
	}
/********************************************************\
*       HRD Current Openings and Recruiting Table       *
\********************************************************/  

.hrdTable{
	
	border-collapse: collapse; 
	width: 100%;
	
	}

.hrdTable td{
	border-style:solid;
	border-color:#e2e2e2;
	border-width: medium;
	padding: 5px 5px 5px 5px;
	text-align:center;
	}



@media screen and (min-width: 10px) and (max-width: 599px) {


@-ms-viewport{width:device-width;}

#mobileHeader { 
	margin: 0 auto; 
	background-color: #04153a; 
	width: 0 auto;
	height: 120px;
	margin-bottom: -40px;
	}


#branding { 
	height: 115px; 
	top: 5px;
	background: transparent url("/MSHPWeb/Images/Banner/mobileBanner3.jpg") no-repeat;
	background-color: #04153a;
	}
	

	
#mobilemshpFooterCSS {
	
	
	}
	
#mobilemshpFooterCSS h2{
	font-weight:bold!important;
	
	}
	
#mobilemshpFooterCSS ul{
	font-size:14px!important;
	margin-top: 10px;
	}
	
#mobilemshpFooterCSS ul li:first-child{
	margin-left:0!important;
	padding-left:0!important
	}
	
#mobilemshpFooterCSS ul li{
	float:left; 
	/*border-right: 1px solid #ccc;*/
	border-right: none;
	/*border-color: rgb(126, 133, 149); */
	/*padding: 0 10px;*/ 
	line-height: 1em;
	
	
	color: #e2e2e2;
	 margin-top: 20px;

	}
	

#mobilemshpFooterCSS a{
	margin-right:10px;
	margin-left: 10px;
	margin-top: 20px;
	/*color: #f0f0f0!important;*/
	color:#ffffff;
	}
#mobilemshpFooterCSS a:hover{
	text-decoration:underline!important;
	
	}
#mobileFooterCSS {   

	margin-top: -15px;
	width: 0 auto;
	height: 100px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*min-width: 767px;*/
	
	/*width:100*/
	color: #fff; 
	
	background-color: #082f48!important; 
	background: url("/MSHPWeb/WaterPatrol/images/footer.png") repeat-x;
	
	 
	}

#mobileFooterCSS h2 { 
	font: bold 16px Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	padding: 0 0 8px; 
	margin: 0 0 10px; 
	border-bottom: 1px solid #ccc; 
	/*text-shadow: 1px 1px 0px #333;*/
	}
	
#mobileFooterCSS h3 { 
	/*color: #9dafbb; */
	color:#ffffff;
	border-bottom: 1px dotted #6B8291; 
	margin-bottom: 8px; 
	line-height: 1em; 
	padding-bottom: 6px;
	}

#mobileFooterCSS ul { 
	font-size: 12px; 
	line-height: 1.5em; 
	}
	
#mobileFooterCSS ul li { 
	/*color: #9dafbb;*/
	color:#ffffff;
	}
	
#mobileFooterCSS a { 
	background: transparent; 
	/*color: #9dafbb; */
	color:#ffffff;
	font-weight: normal;
	}
	
#mobileFooterCSS a:hover, #mobileFooterCSS a:focus { 
	text-decoration:underline!important;
	color:#fff; 
	/*border-bottom: 1px solid #9dafbb;*/
	border-bottom: 1px solid #ffffff;
	}
	
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {

	margin-left: 10px;
	margin-right: 10px;
}


#subNavMobile { 
width: 0 auto;
	margin-top: -15px;
	
	}


#subNavMobile h2, #subNavMobile h3 { 
	background: url("/MSHPWeb/WaterPatrol/images/nav_bg.png"); 
	color: #e2e2e2; 
	font-weight: normal; 
	line-height: 1.75em; 
	padding-left: 10px; 
	margin-bottom: 0px; 
	margin-top: 2px; 

	/*border-radius*/
	-Webkit-border-radius: 15px 15px 0 0; /*for Safari and Google*/
	-moz-border-radius: 15px 15px 0 0; /*for Firefox*/
	border-radius: 15px 15px 0 0; /*CSS3 generic property*/
	}
	
#subNavMobile ul { 
	padding: 0; 
	margin: 0; 
	border: 1px solid #C5E6F9; 
	background: #e5f6fe;
	}
	
#subNavMobile ul li { 
	border-top: 1px solid #C5E6F9;
	}
	
#subNavMobile ul li:first-child { 
	border: none; 
	}
	
#subNavMobile ul li a { 
	display: block; 
	text-decoration: none; 
	padding-left: 20px; 
	font-size: 12px; 
	color: #044973; 
	}
	
#subNavMobile ul li ul li a { 
	padding-left: 30px; 
	}
	
#subNavMobile ul ul { 
	border-bottom: 0; 
	border-left: 0; 
	border-right: 0; 
	}
	
#subNavMobile ul li a:hover, #subNavMobile ul li ul li a:hover { 
	display: block; 
	background: #054872; 
	background: rgba(5,72,114,0.7); 
	color: #e2e2e2!important; 
	text-decoration: none; 
	padding-left: 18px; 
	}
	
	
#subNavMobile ul li ul li a:hover { 
	padding-left: 28px; 
	}
	
#subNavMobile ul {
	/*border-radius*/
	-Webkit-border-radius: 0 0 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 0 0 15px 15px; /*for Firefox*/
	border-radius: 0 0 15px 15px; /*CSS3 generic property*/
}

#subNavMobile ul li:last-of-type a:hover {
	/*border-radius*/
	-Webkit-border-radius: 0 0 15px 15px; /*for Safari and Google*/
	-moz-border-radius: 0 0 15px 15px; /*for Firefox*/
	border-radius: 0 0 15px 15px; /*CSS3 generic property*/
}
		
	

}





/***********************************************\
*		         Media Query                   *
\***********************************************/  
/*Note: When using Media queries always use <meta name=viewport" 
content="width=device-width, initial-schale=1"
It is best to set the media viewport tag with media queries when
considering responsive design. The Media viewport tag sets the browsers viewport relative to the
CSS is it displaying. This insures that your site is set to the optimal width
determed by the device.
/*Table
@media (max-width:768px){
	
	body::before{
		content: "Tablet media query (<768pc) fired";
		font-weight: bold;
		display:block;
		text-align: center;
		background: rgba(255,255,0,0.9);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		}*/
/*Mobile
@media (max-width:480px){
	
	body::before{
		content: "Mobile media query (<480pc) fired";
		font-weight: bold;
		display:block;
		text-align: center;
		background: rgba(255,255,0,0.9);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		}*/