/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/*===============MOBILE AND UP===============*/
body {
	font-family: "Arial";
	background-color: #e6e4e4;
}

a {
	color: black;
}

.translate-div{
    padding: 5px;
	margin: 0 auto;
}


.schedule-table td{
	padding: 10px 5px;
	verticle-align: top;
	font-size: 12px;
	line-height: 20px;
}

.schedule-table td:first-child{
	width: 100px;
	text-align: right;
}

.schedule-table td:last-child{
	text-align: left;
}

.bluebox{
	width:90%;
	margin: 0 auto;
	padding: 20px;
	background-color: lightblue;
}


.margin-bottom-20{
	margin-bottom: 20px;
}

.contentArea{
	padding: 20px 40px;
	overflow: visible;
}

.contentArea hr{
    padding: 2px;
    background-color: #4987de;
    border: 0px;
}

.contentArea p, .contentArea li{
	font-size: 14px;
	line-height: 26px;
}

.contentArea a{
	font-size: 14px;
	line-height: 22px;		
}

.contentArea ul{
	list-style-type: none;
}

.contentArea ul li{
	position: relative;
}

.contentArea ul li:before{
	content: '';
    width: 6px;
    height: 6px;
    background: #0036b0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: -12px;
    top: 7px;
	
}

.li-header{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	padding: 5px 20px;
}

.li-header:hover{
	background-color: transparent !important;
}

.hide{
	    visibility: hidden;
    position: absolute;
    top: -10px;
}

.head-row-full-bleed{
	margin-right: -40px;
    margin-left: -40px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.contentArea h2, .contentArea h3{
	color: #0036b0;
}

.contentArea h2{
	font-size: 30px;
}

.contentArea h1, .contentArea h2, .contentArea h3{
	font-family: "arial";
}


img.equal-height{
	width: 90%;
    height: 300px !important;
}



.photo-table td{
	width: 24%;
}

.avPlayerBlock{
	    width: 40%;
    margin: 0 auto;
}

.li-header{
	color: #b5cff5;
	padding: 0px;
}	
	


.translate-div{
    float: right;
	margin: 50px;
}


.content-switch-container{
	height: 1250px;
}

.content-switch{
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 1250px;
}


.content-switch section {
	position: absolute;
	transition: all .5s;
	transform: translate3d(-100%,0,0);
}


.content-switch .current {
	transform: translate3d(0,0,0);	
}


.cs-buttons{
    text-align: center;
}
	


.cs-buttons div, .button-blue{
	background-color: #0036b0;
	color: white;
	padding: 10px;
	margin: 10px;
	display: inline-block;
	font-size: 20px;
}



.cs-buttons div:hover{
	cursor: pointer;
	background-color: #0058ed;
}


	
.button-blue, .button-white{
	display: block;
    margin: 20px;
    text-align: center;
    font-size: 20px !important;
	text-decoration: none;
}