/*!
 * Start Bootstrap (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


html,
body {
    height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */


.carousel {
    height: 50%;
}


.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */


.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


footer {
    margin: 50px 0;
    text-align:center;
    clear:both;
}

.clear {
	clear:both;
}
.left {
	float:left;
}

.right {
	float:right;
}
.center {
	text-align: center;
	clear: both;
	margin-top: 20px;
}
.small {
	font-size:x-small;
	padding:2px 10px 10px 10px;
	color:#808080;
}
.red {
	color: #FF0000;
}


h2, h3, h4, h5, p, ul, ol, dl,td {
	padding: 5px;
}
h1.top {
	margin-top:80px;
}
h1.color, h2.color, h3.color, h4.color, p.color {
	color:darkorange;
}
ul {
	list-style-type:none;
}
ul.disc {
	list-style-type: disc;
	margin-left: 20px;
}
td {
	border: #808080 solid;
}
p.c10 {
	margin: 0 10px 0 280px;
	text-align: justify;
}
img.c2 {
	width: 266px;
	float:left;
	padding: 10px;
}
img.c3 {
	width: 150px;
	height: 180px;
	float:left;
	padding: 10px;
}
img.c4 {
	width: 500px;
	height: 180px;
	float: left;
	padding: 10px;
}
img.c5 {
	width: 100%;
	padding: 10px 0 10px 0;
	margin: auto;
	display: block;
}
.c5 {
	width: 100%;
	height: 100%;
	padding: 10px 0 10px 0;
	}

img.c6 {
	width:100%;
	padding: 0 0 5px 0;
	display:block;
	column-span:all;
}
img.icon {
	height: 40px;
	width: 40px;
	padding: 10px;
}
img.iconlge {
	height: 60px;
	width: 60px;
	padding: 10px;
}

img.logosml {
	height:80px;
	width:160px;
	float:left;
}
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

a.button {
	background-color: #C4E3F3;
	border-style: solid;
	text-align: center;
	padding: 5px;
	display: block;
	margin: 5px;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
/* ydhf responsive styles */
@media screen and (max-width: 992px) {

img.c4 {
	width: 100%;
	max-width: 500px;
	height:auto;
}

}

@media screen and (max-width: 768px) {
    
p.c10 {
	margin: 10px;
}
}

@media screen and (max-width: 480px) {
	


}