/*-------------------------------------*/
/* CUSTOM UPDATESSSSSSS */
/*-------------------------------------*/

h1,h2,h3,h4,h5,h6,p,td,li{font-family: 'Source Sans Pro', sans-serif;}

h1,h2,h3{margin-top:30px;margin-bottom:5px;}

.sm { font-size: .8em; }
.UDT_Default, .UDT_Cancel { margin-top: 15px; }
td { padding: 7px 0; }
img.pdf { width: 16px; height: 16px; margin-top: -3px; }

.videoWrapper {	position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; text-align: center; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

p.la-desc { display: none; }

.table-res .top { border-top: 1px dotted #cecece; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; } 

.ytvid { overflow: hidden; vertical-align: middle; }
.ytvid img { margin:-11px 0px;}

ul.arrow { list-style: none; border: 0; padding: 0; width: 100%; margin: 10px 0; }
ul.arrow li { margin-top: 0; padding: 15px 0 10px 15px; border-bottom: 1px solid #dddddd; background: url(/portals/_default/skins/Porto/images/ltgrey-arrow.gif) left 23px no-repeat; clear: both; width: 100%; }
ul.arrow li:hover { background: url(/portals/_default/skins/Porto/images/red-arrow.gif) left 23px no-repeat; }
ul.arrow li:last-child { border-bottom: 0; }

ul.arrow-main { list-style: none; border: 0; padding: 0; width: 100%; margin: 0 0 20px; }
ul.arrow-main li { margin-top: 0; padding: 10px 0 5px 15px; background: url(/portals/_default/skins/Porto/images/ltgrey-arrow.gif) left 18px no-repeat; }
ul.arrow-main li a:hover { background: url(/portals/_default/skins/Porto/images/red-arrow.gif) left 18px no-repeat; }

ul.budget { list-style-type: none; margin: -10px 0 45px; padding: 0; line-height: 1.4em; }

.table-res .top { border-top: 0; padding-top: 0px; }

/* .item-article { margin-top: 0; padding: 15px 0 10px 15px; border-bottom: 1px solid #2a2a2b; background: url(/portals/_default/skins/Porto/images/grey-arrow.gif) left 23px no-repeat; clear: both; width: 100%; }
.item-article p { margin: 0; line-height: 1.5em; }
.item-article:hover { background: url(/portals/_default/skins/Porto/images/white-arrow.gif) left 23px no-repeat; }
.item-article .post-meta { color: #a4a4a4; font-size: 0.8em; } */


.oac2016 .read-more { margin-top: 10px; font-size: .85em; float: right; } 
.read-more { margin-top: 10px; font-size: 1.3em; }

.recent-articles .item-article { margin-top: 0; padding: 15px 0 5px 0; border-bottom: 1px solid #e0e0e0; width: 100%; }
.recent-articles .post-meta { display:block; font-size: .9em; }

ul.simple-post-list { padding: 0; margin: -9px 0 0 0;  }
ul.simple-post-list li { border-bottom: 1px solid #e0e0e0; min-height: 0; padding: 0 0 -10px; margin: 0 0 -5px; }
ul.simple-post-list li:last-child { border-bottom: 1px solid #e0e0e0; }

.simple-post-list .post-info { font-size: 1.1em; padding: 8px 0 0 0; width: 100%; margin: 0; }
.simple-post-list .post-info a:link, .simple-post-list .post-info a:visited { color: #000; text-decoration: none; }
.simple-post-list .post-info a:active, .simple-post-list .post-info a:hover { text-decoration: underline; }
.simple-post-list .post-meta { display:block; font-size: 1.2em; }
.simple-post-list .post-image { display: none; }

ul.connect { width: 100%;  } 
ul.connect li { margin: 0; padding: 10px 0 10px 15px; font-size: .9em; border-bottom: 1px solid #2a2a2b; background: url(/portals/_default/skins/Porto/images/grey-arrow.gif) left 18px no-repeat; }
ul.connect li a { display: block; }
ul.connect li:hover { background: url(/portals/_default/skins/Porto/images/white-arrow.gif) left 18px no-repeat; }

ul.connect a:link, ul.connect a:visited { text-decoration: none; color: #fff;  }
ul.connect a:active, ul.connect a:hover { text-decoration: underline; color: #fff; }

#twitter-banner { width: 100%; margin: 0; overflow: hidden; padding: 0; background-color: #a01022; }
#twitter-banner-in { max-width: 1050px; margin: 0 auto; overflow: hidden; padding: 0; background: url(/portals/_default/skins/Porto/images/twitterbird.png) 0 10px no-repeat; }
	#twitter-banner-in p { font-size: .85em; color: #fff; margin: 5px 10px 8px 30px; }
	#twitter-banner-in a:link, #twitter-banner-in a:visited { text-decoration: underline; color: #fff; }
	#twitter-banner-in a:active, #twitter-banner-in a:hover { text-decoration: none; color: #ef1712; }
	
#news-banner { width: 100%; margin: 0; overflow: hidden; padding: 0; background-color: #a01022; }
#news-banner-in { max-width: 1050px; margin: 0 auto; overflow: hidden; /*background: url(/portals/_default/skins/Porto/images/megaphone.png) 0 13px no-repeat;*/ padding: 0 28px 5px 0; text-align: center; }
	#news-banner-in img { display: inline; margin: 5px 5px 0 0; }
	#news-banner-in p { font-size: .9em; color: #fff; margin: 0; border: 0; }
	#news-banner-in a:link, #news-banner-in a:visited { text-decoration: none; color: #fff; }
	#news-banner-in a:active, #news-banner-in a:hover { text-decoration: underline; color: #fff; }	
	
#ticker-out { width: 100%; margin: 0; overflow: hidden; padding: 2px 0; background-color: #a01022; }
#ticker { max-width: 1050px; margin: 0 auto; overflow: hidden; background: url(/portals/_default/skins/Porto/images/megaphone.png) 56px 9px no-repeat; padding: 0 25px 0 55px; overflow: hidden;  }
	#ticker img { display: inline; margin: 5px 5px 0 0; }
	ul.newsticker { list-style: none; display: block; width: 100%;  }
	ul.newsticker li { color: #fff; margin: 0; padding: 5px 0 50px 0; border: 0; width: 100%; }
	#ticker a:link, .news-banner-in a:visited { text-decoration: none; color: #fff; }
	#ticker a:active, .news-banner-in a:hover { text-decoration: underline; color: #fff; }	
	
	#ticker div { font-size: .9em; color: #fff; display: inline-block; word-wrap: break-word; }

#home-features { max-width: 1141px; margin: 0 auto; overflow: hidden; padding: 10px 0; }
	#home-features ul { margin: 0; list-style: none; border: 0; padding: 0; width: 100%; text-align: center;}
	.home-features-five li { width: 17%; margin: 1%; display: inline-block; line-height: .8em; }	
	.home-features-four li { width: 22%; margin: 1%; display: inline-block; line-height: .8em; }
	.home-features-three li { width: 32%; margin: 1% .5%; display: inline-block; line-height: .8em; }
	.home-features-five img, .home-features-four img, .home-features-three img { margin: 0 auto; }
	
#highlight { width: 100%; color: #fff; font-family: 'Open Sans', sans-serif; background: url(/portals/_default/skins/Porto/images/GovLtGov-BG.gif) bottom center repeat-x; overflow: hidden; }
	#highlight p { font-size: .85em; color: #525051; }
	#highlight p a:link, #highlight p a:visited { text-decoration: none; color: #525051; }
	#highlight p a:active, #highlight p a:hover { text-decoration: underline; color: #ef1712; }

#highlight-in  { max-width: 1141px; margin: 0 auto; background: url(/portals/_default/skins/Porto/images/GovLtGov.jpg) bottom center no-repeat; overflow: hidden; padding: 0 0 20px 0; }
	.gov { width: 50%; border: 0; float: left; text-align: right; padding: 0 140px 0 0; margin-top: 115px; border: 0; }
	.gov h2 { font: normal 1.6em 'Open Sans', sans-serif; margin: 0 0 -6px 0; color: #fff; }
	.ltgov { width: 50%; border: 0; float: left; padding: 35px 0 0 130px;  }
	.ltgov h3 { font: normal 1.4em 'Open Sans', sans-serif; margin: 0 0 -6px 0; color: #fff; text-transform:none; }
	.gov h2 a:link, .gov h2 a:visited, .ltgov h3 a:link, .ltgov h3 a:visited { text-decoration: none; color: #fff; }
	.gov h2 a:active, .gov h2 a:hover, .ltgov h3 a:active, .ltgov h3 a:hover { text-decoration: underline; color: #fff; }
	
#infograph { width: 100%; margin: 15px 0 0 0; padding: 0; background-color: #a01022; font-family: 'Open Sans', sans-serif; overflow: hidden; }
#infograph-in  { max-width: 1200px; margin: 0 auto; }
#infograph p { margin: 0; position:relative; line-height: 2em; color: #fff; }
#infograph .left, #infograph .middle, #infograph .right { width: 32%; text-align: center; float: left; border: 0; padding: 20px 0; margin-bottom: -99969px; padding-bottom: 99999px; }
#infograph .left a, #infograph .middle a, #infograph .right a { text-decoration: none; color: #fff; display: block; } 
#infograph .left { padding-top: 40px; }
#infograph .middle { padding-top: 45px; }
#infograph .right { padding-top: 35px; }
#infograph .left, #infograph .middle { border-right: 1px solid #000; }

#infograph .blk { background: #000; line-height: 1.5em; display: inline-block; padding: 10px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#infograph p.sm { font-size: .9em; font-weight: 400; line-height: 1.2em; margin: 0 10%; }
#infograph p.md { font-size: 1.8em; font-weight: 400; line-height: 1.2em; margin: 10px 10%; }
#infograph p.lg { font-size: 2.5em; font-weight: 700; line-height: 1em; margin: 10px 10%;  }
#infograph p.xlg { font-size: 3em; font-weight: 700; line-height: 1em; margin: 10px 10%;  }	

#flagstatus-home { width: 75%; float:right; margin: 15px 0 29px 25%; padding: 0 0 15px 50px; background: url(/portals/_default/skins/Porto/images/flag.png) bottom left no-repeat; overflow: hidden; border: 0; }
	#flagstatus-home p { margin-bottom: -5px; font-weight: bold; line-height: 1em; font-size: 1.1em;  }
	
#flagstatus { width: 100%; padding: 20px 30px 0 190px; background: url(/portals/_default/skins/Porto/images/flag_lg.jpg) top left no-repeat; overflow: hidden; border: 0; min-height: 230px; margin-bottom: 10px; }
	
#flagstatus-signup label { margin: 10px 0 0; display: block; font-weight: bold; }
#flagstatus-signup input[type="text"] { font-size: .8em; color: #525051; height: 26px; width: 200px; margin: 8px 0 0 0; display: inline; }
#flagstatus-signup input[type=submit] { font-size: .8em; font-weight: bold; color: #fff; padding: 5px 10px; background:#a01022; border:0 none;
cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px; display: inline; margin: 15px 0; display: block; }
#flagstatus-signup input[type=submit]:hover, #flagstatus-signup input[type=submit]:active { background:#b80e2d; }

.stateheader {
    font-size: 12px;
    padding-top: 5px;
}

.opportunities {background-color:#febf0f;max-width:555px;}
.artists a:link, .artists a:visited, .artists a:hover, .artists a:active {color:#ffffff !important;}
.artists img:hover {opacity: .7;}

.public {background-color:#00adef;max-width:555px;}
.public a:link, .public a:visited, .public a:hover, .public a:active {color:#ffffff !important;}
.public img:hover {opacity: .7;}

.educators {background-color:#903995;max-width:555px;}
.educators a:link, .educators a:visited, .educators a:hover, .educators a:active {color:#ffffff !important;}
.educators img:hover {opacity: .7;}

.organizations {background-color:#99d036;max-width:555px;}
.organizations a:link, .organizations a:visited, .organizations a:hover, .organizations a:active {color:#ffffff !important;}
.organizations img:hover {opacity: .7;}	

Footer { margin-top: 15px; padding-top: 35px; } 
Footer p { color: #fff; }
Footer img {
    width: 100%;
    height: auto;
	max-width:400px;
}

.breadcrumbs a{color: #fff !important;}
.navybackground {background-color:#035b74;}
.navybackground p{color:#fff; line-height:normal;}

#home-features {
    margin: 0 auto;
    max-width: 1141px;
    overflow: hidden;
    padding: 10px 0;
}
#home-features ul {
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.home-features-five li {
    display: inline-block;
    line-height: 0.8em;
    margin: 1%;
    width: 17%;
}

.home-features-four li {
    display: inline-block;
    line-height: 0.8em;
    margin: 1%;
    width: 22%;
}
.home-features-three li {
    display: inline-block;
    line-height: 0.8em;
    margin: 1% 0.5%;
    width: 32%;
}
.home-features-two li {
    display: inline-block;
    line-height: 0.8em;
    margin: 1% 0.5%;
    width: 48%;
}



.ohiogovlink { width: 110px; height: 26px; float: right; }

#flexflex { width: 100%;  height: 260px }
li.slides {
	width: 300px; border: 1px solid lime; display: inline-block; background-color: #a01022; 
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 100%;
    float: left;
}

/*Home Page Sections*/
 #Victims {background-color:#74a5cd;color:#fff;}
 #Organization {background-color:#b5dc11;color:#fff;}
 #REENTRY {background-color:#f20018;color:#fff;}
 #Opportunities {background-color:#fbbf0f;color:#fff;}
 
 Footer p {
    color: #fff;
}





@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media header .logo img {max-width: 200px;}

@media only screen and (max-width: 455px) { 
	table.escher td { padding: 5px 0; border: 0; line-height: 1.3em; font-size: .8em; display: block; clear: both; }
	.ohiogovlink { display: block; margin-top: 50px; }
} 	

@media only screen and (max-width: 800px) { 
	#ticker { width: 100%; background: url(/portals/_default/skins/Porto/images/megaphone.png) 13px 13px no-repeat; padding: 7px 25px 0 15px; overflow: hidden;  }
	#ticker-out { padding: 2px 0 0; }
	ul.newsticker li { padding: 0 0 50px 0; }
} 	

@media only screen and (min-width: 965px) and (max-width: 1200px) { 
	#d nn_Header1_LOGO1_imgLogo { width: 45px; height: 45px; }
} 

@media only screen and (min-width: 746px) and (max-width: 850px) { 
	.gov h2 { font-size: 1.3em; }
	.ltgov h3 { font-size: 1.1em; }
	
	#infograph p.sm { font-size: .8em; }
	#infograph p.md { font-size: 1.6em; }
	#infograph p.lg { font-size: 2.2em; }
	#infograph p.xlg { font-size: 2.5em; }	
} 	
	
@media only screen and (min-width: 670px) and (max-width: 745px) { 
	.gov h2 { font-size: 1.3em; }
	.ltgov h3 { font-size: 1.1em; }
	
	#infograph p.sm { font-size: .8em; }
	#infograph p.md { font-size: 1.4em; }
	#infograph p.lg { font-size: 2.0em; }
	#infograph p.xlg { font-size: 2.3em; }	
} 	
	
@media only screen and (min-width: 600px) and (max-width: 669px) { 
	#infograph p.sm { font-size: .8em; }
	#infograph p.md { font-size: 1.2em; }
	#infograph p.lg { font-size: 1.6em; }
	#infograph p.xlg { font-size: 2em; }	
} 

@media only screen and (min-width: 530px) and (max-width: 669px) { 
	#highlight-in { max-width: 100%; background: #fff url(/portals/_default/skins/Porto/images/GovLtGov-med.jpg) bottom center no-repeat; }	
	.gov h2 { font-size: 1.1em; }
	.ltgov h3 { font-size: 1em; }
	.gov { padding-right: 110px;  }
	.ltgov { padding-left: 100px;  }
} 

@media only screen and (min-width: 200px) and (max-width: 529px) { 
	#highlight-in { max-width: 100%; background: #fff url(/portals/_default/skins/Porto/images/GovLtGov-sm.jpg) bottom right no-repeat; min-height: 146px; padding: 0 210px 0 0; }	
	.gov, .ltgov { width: 100%; border: 0; float: none; text-align: right; padding: 0; margin: 0; }
	.gov h2 { font-size: 1em; padding: 0; margin: 30px 0 0 0;  }
	.ltgov h3 { font-size: .9em; padding: 0; margin: 0; }
	#highlight p a { font-size: .9em; }
	.gov,.ltgov p { margin: 0; }
	
} 

@media only screen and (min-width: 201px) and (max-width: 375px) { 
	#highlight-in p { display: none; }
	.gov { margin-top: 40px; }
	.ltgov { margin-top: 12px; }
	.gov span, .ltgov span { display: none; }
} 

@media only screen and (max-width: 200px) { 
	#highlight { display: none; }
} 

@media only screen and (max-width: 599px) { 
	#infograph .left, #infograph .middle, #infograph .right { width: 100%; float: none; border-bottom: 1px solid black; padding: 20px 0; margin-bottom: 0; padding-bottom: 15px; }
	#infograph .right { border-bottom: 0; }
} 

@media only screen and (max-width: 600px) { 
	.table-res td { padding: 5px 0; line-height: 1.3em; display: block; clear: both; }
	.table-res .top { border-top: 1px dotted #cecece; padding-top: 0px; }
	
	#home-features .home-features-four li { width: 48%; float: left; }
	#home-features .home-features-three li { width: 97%; float: left; }
	
	#flagstatus { width: 100%; padding: 0; background-image: none; min-height: 0; }
	
} 

@media only screen and (max-width: 768px) { 
	/*footer { background-color: #fff; }
	#FooterMiddlePane { background-color: #121214; }*/
	
	#news-banner-in { width: 100%px; padding: 0; background-position: 8px 12px; }
	#news-banner-in p { margin: 10px 10px 15px 35px; border: 0; line-height: 1.3em; }
	#news-banner-in { padding-bottom: 0; }
	#news-banner-in .read-more { display: none; }
	
	p.ls-l, a.ls-l p, #home-features span { display: none; }
	
} 

@media (min-width: 970px) and (max-width:1200px) {
	.container { width:768px;}
	.stateheader {display:none;}
}

@media (max-width:1200px) {
	.stateheader {display:none;}
}


/* print *******************************************************/
 
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; } */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
	a:link, a:visited, a:active, a:hover { text-decoration: none; color: #000; }
	
	.icon-bars, #highlight, .navbar-collapse, .nav-main-collapse, .collapse, .page-top, nav, .nav-main, .btn-responsive-nav, .mrssfeeds, .categories, .archives, #dnn_ctr906_HtmlModule_lblContent, footer { display: none; } 
			
	table { width: 100%; }
	td { padding: 10px 10px 10px 0; border-bottom: 1px solid #e7e9f1; line-height: 1.3em; text-align: left; vertical-align: top; font-size: 9.5pt; }


}