/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Your Name Here
Last Updated: Enter Date Here
*/

/* pagination button styles  */
.active-ou{
	background-color:#0e3c7b;
	color:#fff;
}



/* pagination style */
/* A-Z Index */
ul.horizontal-list {
	padding-top: 20px;
}

ul.horizontal-list li {
	display: inline;
	padding: 10px;
}




/* custom colors  */
/* custom blue */
.custom-blue{
color:#002269;
}
/* custom red */
.custom-red{
color:#9e0028;
}


/* css for editable region content */
.content-margin-top{
	margin-top: 25px;
}

/* css for when sidebar is turned off */
.no-sidebar{
	width: 100%;
	
}


/* informational banner for the global footer */
.alert {
	padding: 15px;
	margin: 0px 15px 20px 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color:lightblue;
}


/* css for the circle image items */
		
.cid {
	margin-top: 25px;
}
.div-1 {
	display: block; 
	width: 100%; 
	overflow: hidden;
}
.div-2 {
	float: left; 
	margin-right: 25px; 
	width: 100%; 
	max-width: 160px; 
	height: 200px; 
	margin-top: 25px;
}
.cir-gray {
	float:left; 
	margin-right:25px; 
	width:100%; 
	max-width:160px;
}
.p-1 {
	margin-top: 6%;
}
.div-3 {
	display:block;
	width: 100%; 
	overflow: hidden;
}
.div-4 {
	float: left; 
	margin-right: 25px; 
	width: 100%; 
	max-width: 160px; 
	height: 200px; 
	margin-top: 25px;
}
.cir-red {
	float:left; 
	margin-right:25px; 
	width:100%; 
	max-width:160px;
}
.p-2 {
	margin-top: 8%;
}
.div-5 {
	display:block; 
	width: 100%; 
	overflow: hidden;
}
.div-6 {
	float: left; 
	margin-right: 25px; 
	width: 100%; 
	max-width: 160px; 
	height: 200px; 
	margin-top: 25px;
}
.cir-purp {
	float:left; 
	margin-right:25px; 
	width:100%; 
	max-width:160px;
}
.p-3 {
	margin-top: 5%;
}

.div-7 {
	display:block; 
	width: 100%; 
	overflow: hidden;
}
.div-8 {
	float: left; 
	margin-right: 25px; 
	width: 100%; 
	max-width: 160px; 
	height: 200px; 
	margin-top: 25px;
}
.cir-green {
	float:left; 
	margin-right:25px; 
	width:100%; 
	max-width:160px;
}
.p-4 {
	margin-top: 6%;
}
.div-9 {
	display:block; 
	width: 100%; 
	overflow: hidden;
}
.div-10 {
	float: left; 
	margin-right: 25px; 
	width: 100%; 
	max-width: 160px; 
	height: 200px; 
	margin-top: 25px;
}
.cir-yellow {
	float:left; 
	margin-right:25px; 
	width:100%; 
	max-width:160px;
}
.p-5 {
	margin-top: 5%;
}



/* css for the slider items */

.pub-title {font-style: italic;}

.boxshadow{
	-webkit-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.75);
}
ul.bullets {
	margin: 0.75em 0;
	padding: 0 1em;
	list-style: none;
	list-style-type: square\9;
	margin-left: 15px\9;
	line-height: 25px\9;
}
li.bullets:before { 
	content: "";
	border-color: transparent #111;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.45em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 0.9em;
	position: relative;
}
ul {
	font-size:1em;
}
.sixreasons {
	font-size: .9em; 
	color: #002269; 
	font-weight:bold;
	line-height:1em;
}
.sixreasonsc {
	font-size: .9em;
}
@media screen and (min-width: 1056px) {
	#sidebarfull {display:inline-block;}
	#sidebarsmall {display:none;}
}
@media screen and (min-width: 300px) and (max-width: 1055px){
	#sidebarfull {display:none;}
	#sidebarsmall {display:inline-block;}
}
* {box-sizing: border-box;}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.text {font-size: 11px}
}