.logo {
	margin:15px 10px 0 0 ;
	width:70px;
	height:70px;
	background-color:navy;
	float:left;
}
.logo2 {
	height:160px;
	width:160px;
	margin-top:50px;
	background: url(../img/ht-logo.png) no-repeat;
	z-index:9999999;	
}
.logo-sm {
	height:50px;
	width:50px;
	margin-top:25px;
	margin-right:20px;
	background: url(../img/ht-logo-sm.png) no-repeat;
	z-index:9999999;	
}
.help {
	padding-top:9px;
	padding-bottom:1px;
	background-color:#ffc220;
	width:100%;
	text-align:center;
}

.help p {
	color:#000;
}
.help p span {
	color:#810023;
}
.red-bkgd {
	background-color:#a60008;
}
.social {
	position:absolute;
	right:0;
	top:50px;
	width:32px;
	height:65px;
	z-index:999999999;
}
gray {
	font-style:italic;
	font-size:85%;
	color:#999;	
}
.contact-sq {
	margin:50px 0 15px 0;
	padding:10px;
	background:#CCC;
	text-align:center;	
}
.rt-col {
	margin-top:175px;
}

.extraspace {
	margin-top:10px;
}
.coalitions {
	background-color:#f5f5f5;
	padding:7px 5px 3px 5px;
	margin-bottom:8px;
	border: 1px solid #e3e3e3;
}	
a:hover .coalitions {
	border:1px solid #000;	
}
.square {
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #000;
}
.stripe {
	width:100%;
	height:5px;
}
.ohiomap img {
	max-width:100%;	
}
.modal {
	margin-top:25px;	
}
.modal-buttons {
	text-align:left;
	margin-bottom:7px;
	background-color:#f5f5f5;
}
.btn {
    white-space: normal;
}
/*------COALITION COLORS-----*/
.yellow {
	background-color:#f3ec24;
}
.orange {
	background-color:#fbb043;
}
.gray {
	background-color:#bbbebf;
}
.rose {
	background-color:#f7c5da;
}
.pear {
	background-color:#d3e04f;
}
.ltgreen {
	background-color:#cee3af;
}
.aqua {
	background-color:#1ca89f;
}
.green {
	background-color:#0d9649;
}
.blue {
	background-color:#1669b2;
}
.brown {
	background-color:#c69a6e;
}
.ltblue{
    background-color:#60cae6;
}
.ltpurple {
	background-color:#8c8ec5;
}
.cyan {
	background-color:#18a8e0;
}
.tan {
	background-color:#e3d2bb;
}
.olive {
	background-color:#929d3a;
}
.pink {
	background-color:#eb088c;
}
.dkblue {
	background-color:#183663;
}
.red {
	background-color:#ec212c;
}
.indigo {
	background-color:#663190;
}
.purple {
	background-color:#912b8f;
}
.dkgreen {
	background-color:#1d5027;
}
.dkbrown {
	background-color:#696647;
}
.coral {
	background-color:#f68678;
}
.dkorange {
	background-color:#f47820;
}


@media screen and (max-width: 991px){
	.extraspace {
	margin-top:50px;
	}
	.modal {
	margin-top:100px;	
	}
}

span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #edece3; box-shadow:2px 2px 4px #5d5d5d; text-align:left;} 

span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #edece3; text-align:left; z-index:6;} 

.center {
	text-align:center;
	margin:0 auto;
}
ul.nobullet {
	list-style:none;
	padding-left:5px;
}
nav {
	z-index:9999999;	
}
iframe {
	z-index:1;	
}
.text-large {
	font-size:1.5em;
}
section {
	background-color:#f2f2f2;
	box-shadow:1px 1px 12px #000;
	margin:25px 0;
	padding:50px 0 100px 0;
}
.box {
	padding:20px;
	box-shadow:0 0 3px #bbbebf;
}
.box-opacity {
	margin:10px;
	padding:20px;
	background-color:rgba(255,255,255,0.4);
	color:#000;
	border:1px solid #bbbebf;
	border-radius:7px;
}
.intro {
	
	background-image: url(../img/intro-bkgd.png);
	background-position:top right;
	background-repeat:no-repeat;
	
}
.red-bar {
	border-top:10px solid #810023;
	padding-left:6%;
	padding-right:6%;
	background-image: url(../img/what-bkgd.png);
	background-position:top left;
	background-repeat:no-repeat;
	
}
.red-bar h1 {
	font-size:3.5em;
	color:#810023;
}
.other-bar {
	border-top:10px solid #810023;
	padding-left:6%;
	padding-right:6%;
	background-image: url(../img/other-bkgd.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
.other-bar h1 {
	font-size:3.5em;
	color:#810023;
}
.main-content {
	background-color:#bbbebf;	
}
.featurette-heading-less {
	margin-top:0;
}
.yellow-bar {
	width:100%;
	padding:12px 0 7px 20px;
	margin-bottom:20px;
	background-color:#ffc220;
}
.gray-bar {
	width:100%;
	padding:12px 0 7px 0;
	margin-bottom:20px;
	background-color:#ccc;
}


ul.consider-list {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style-type:none;
}
ul.consider-list li {
	margin:15px 0;
	font-size:1.1em;
}
ul.extra-room {
	list-style-type:none;
}
ul.extra-room li {
	margin:15px 0;
}
ol {
	list-style:upper-alpha;
}

ol li{
	margin:8px 0;
}
ul.extra-room.resources {
}
.top-line {
	border-top:1px solid #AEAEAE;
	margin-top:20px;
	padding-top:15px;
	border-bottom:1px solid #AEAEAE;
	margin-bottom:20px;
	padding-bottom:15px;
}
.red-text {
	color:#810023;
}
.icon-area {
	padding-top:60px;
	text-align:center;
}
.icon-area h1{
	color:#800023;
	text-decoration:underline;
}
.icon {
	float:left;
	background:transparent;
	padding:20px;
	border-radius:10px;
}
.icon:hover {
	box-shadow:2px 2px 2px #C6C6C6;
}
.well-icon img {
	margin-bottom:15px;
	
}
.well-icon {
	background:transparent;
	height:275px;
	border-radius:10px;
}
.well-icon:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.icon-area a:hover {
	text-decoration:none !important;
}
.dk-yellow {
	background-color:#ffc220;
	margin-top:20px;
}
.extra-top {
	padding:150px 0 0 40px;
}
.icon-menu {
	float:right;	
	margin-bottom:25px;
	padding-bottom:20px;
}
.icon-menu img {
	height:40px;
}
.consider {
	list-style-type:none;
	padding:12px;
}
.consider li {
	margin-bottom:10px;	
}
.cards p{
	text-align:center;
	padding:7px;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px
}
.btn-guide {
	font-size:16px;
	margin-bottom:12px;
	background-color:#810023;
	color:#ccc;
}
.btn-guide:hover {
	color:#810000;
	border:1px solid #810000;
}
ul ul ul ul li {
	list-style-type:none;
	margin:8px;
	padding-left:8px;
	border-left:3px solid #bbb;
}
a.redlinks {
	color:#810000;
}
a:hover.redlinks {
	color:#5B0001;
}
ul.tforce {
	background-color:#ffc220;
	padding:20px 10px 10px 25px;
	list-style-type:none;
	border-radius:10px;
}
ul.tforce li {
	margin-bottom:12px;
}
ul.tforce li a {
	color:#000;
	text-decoration:underline;
}
ul.tforce li a:hover {
	color:#999;
	text-decoration:none;
}
.well-red {
	border:1px solid #5B0001;
}