@charset "utf-8";
/* CSS Document */

 /* Universal Styles */

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	background: #000;
}
#main { 	
	margin: 0;
	padding: 0;
	border: 0;
	background: #000;
	max-width: 99.99%;
	overflow: hidden; }
.contentWrapper { 
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 1100px; }	

 /* TEXT */

p {	
	font-size: 1em;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 125%; }
	
h1, h2, h3, h4 ,h5, h6 { line-height: 125%; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em;}
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

.orangeHighlight { color: #e96810; }

 /* LINKS */

 /* unvisited link */
a:link {
    color: #e96810;
}

/* visited link */
a:visited {
    color:  #e96810;
}

/* mouse over link */
a:hover {
    color: #c15610;
}

/* selected link */
a:active {
    color: #f76f3b;
}

/* General Styles */

ul.two_column, ul.three_column {
	position: relative; 
	margin: 0; 
	padding:0;
	list-style: none; }
ul.two_column li { width: 50%; float: left; list-style: none; }
ul.three_column li { width: 33.32%; float: left; list-style: none; }
.twoThirds_column { width: 66.3%; }
.oneThird_column { width: 33.6%; }

/* Menu Top */

.menu_wrapper { 
	position: relative; 
	margin: 0; 
	padding:0; }
.jetmenu-wrapper { }
.jetmenu {  }
.jetmenu > li.showhide { 
	background: #7b7b7b url('https://www.cowley.edu/mobile/images/home/bg_header_repeat.png') repeat-x;
	height: 64px;
	margin-bottom: 0;
	z-index: 888; }	

.jetmenu > li.showhide .icon em	{ 
	background: #f76f3b;
	text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
	width: 35px;
  	height: 5px; }	
	
.jetmenu > li.showhide span.title { 
	background: url('https://www.cowley.edu/mobile/images/home/logo_header.png') no-repeat;
	background-position: 55px 3px;
	margin: 0 0 0 -50px; 
	padding:0;
	width: 250px;
	height: 60px;
	text-align:left;
	color: #7d7d7d; }	
.scrollable .jetmenu > li.showhide span.icon em { display: none; }
.scrollable .jetmenu > li.showhide span.icon {
  background: none;
  color: #ffffff;
  position: relative;  
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: -11px;
  left: 8px; }
.scrollable .jetmenu > li.showhide span.icon:after {
  background: none;
  content: "x";
  color: #ffffff;
  position: relative;  
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: -11px;
  left: 8px; }
  
.jetmenu > li > a { 
	padding: 8px 25px; }  

/* Header */

header nav { 
	margin: 0;
	padding: 0;
	position: relative; }
header  {
	position: relative; 
	margin: 0; 
	padding:0; }
	
/* Main Content */	
	
div.mobile_content_wrapper {
	position: relative; 
	margin: 0; 
	padding:0; 
	display: inline-block; 
	width: 100%;
	border-top: 2px solid #e96810; }	

div.mobile_content_wrapper .searchPhone { 
	position: relative; 
	margin: 7px 0; 
	padding:0;
	width: 100%; }	
	
div.mobile_content_wrapper .searchPhone p {
	color: #fff;
	text-align: left;
	margin: 0 0 0 38px;
	padding: 0; }
div.mobile_content_wrapper .searchPhone p a { 
	color: #fff;
	text-decoration: none; }
div.mobile_content_wrapper .searchPhone p span { 
	position: relative; }

div.mobile_content_wrapper .searchPhone p span.searchIcon:before { 
	background: url('../images/home/icon_search.png') no-repeat;
	background-size: 60%;
  	content: "";
  	color: #ffffff;
  	position: absolute;  
  	width: 40px;
  	height: 40px;
  	top: -2px;
  	left: -26px; }

div.mobile_content_wrapper .searchPhone span.phoneNumber { 
	color: #fff;
	float: right;
	margin: 0 20px 0 0;
	padding: 0; }				

section {
	position: relative; 
	margin: 0; 
	padding:0; 
	display: inline-block; 
	width: 100%; }	
	
.top_main_image {
	position: relative; 
	margin: 0; 
	padding: 0; 
	display: inline-block;	
	border-top: 2px solid #e96810;
	min-height: 180px;
	z-index: 9;
	width: 100%;
	height: auto; 
	background: #e96810; 
	overflow: hidden; 
	padding-bottom: 3%;
	max-width: 1100px; }

.main_links {
	position: relative;
	background: #e96810;
	margin: -25px 0 0 0; 
	padding: 0; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 888; }
.main_links ul { 
	margin: 0; 
	padding:0;
	list-style: none; }
.main_links ul li { 
	list-style: none;
	margin: 0; 
	padding:0;
	float: left;
	line-height:none; }
.main_links ul li p { text-align: center; }		
.main_links ul.two_column li img { 
	width: 54%;
	height: auto; }
.main_links ul.three_column li img { 
	width: 75%;
	height: auto; }				
.main_links .login_link { 
	margin: 3px 0 0 0; 
	padding: 0;  }	
.main_links .login_link img { 
	margin: 12px 5px 5px 5px; 
	padding: 0;
	width: 98%;
	height: auto; }
	
.social_media_links {
	border-top: 3px solid #6d6d6d;
	border-bottom: 3px solid #6d6d6d;
	background: #000;
	margin: 5px 0 10px 0; 
	padding: 10px 0 8px 0;
	display: inline-block; 
	width: 100%;
	z-index: 999;
	overflow: visible; }
.social_media_links ul { 
	margin: 0; 
	padding:0;
	list-style: none; }		
.social_media_links ul li { 
	list-style: none;
	margin: 0; 
	padding:0;
	float: left;
	width: 14.15%;
	line-height:none; }	
.social_media_links ul li {  }	
	
.social_media_links ul li img { 
	width: 88%;
	height: 88%;
	margin: 0 auto;
	padding: 0; }	
	
.liveSafeLink { 
	border-top: 3px solid #c15610;
	border-bottom: 3px solid #aeaeae;
	position: relative;
	background: #005686;
	margin: 0; 
	padding: 0; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 899; }	
.liveSafeLink ul { 
	margin: 0; 
	padding:0;
	list-style: none;
	width: 100%; }
.liveSafeLink ul li { 
	list-style: none;
	margin: 0; 
	padding:0;
	float: left; }
.liveSafeLink ul li p { 
	color: #fff;
	margin: 12px 5px 14px 20px; 
	padding:0;
	font-size: .9em;
	line-height: 150%; }
.liveSafeLink ul li p a, .liveSafeLink ul li p a:visited { color: #fff; }
.liveSafeLink ul li p a:hover { color: #e96810; }	
.liveSafeLink ul li img { 
	margin: 15px 5px; 
	padding: 0;
	width: 92%;
	height: auto;
	border: 0; }			

.eventsAndNews { 
	position: relative;
	background: #fff;
	margin: -5px 0 0 0; 
	padding: 0 20px 10px 20px; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 777;
	max-width: 1060px;
	overflow: hidden; }
.eventsAndNews ul { 
	margin: 0; 
	padding:0;
	list-style: none;
	clear: both; 
	width: 90%; }
.eventsAndNews ul li { 
	list-style: none;
	margin: 0 0 15px 0; 
	padding:0;
	float: left; }
.eventsAndNews ul li:nth-child(1) { width: 20%; } 	
.eventsAndNews ul li:nth-child(2) { width: 79%; }
.eventsAndNews h2 { 
	color: #e96810;
	margin: 30px 0 15px 0;
	padding: 0;
	clear: both;
	text-transform: uppercase; }
.eventsAndNews h3 { 
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase; }
.eventsAndNews h3 a, 
.eventsAndNews a { 
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0; }	
.eventsAndNews p { 
	color: #4c4c4c;
	font-size: 1.1em;
	font-weight: normal; }
.eventsAndNews p a { 
	color: #4c4c4c;
	text-decoration: none; }
.eventsAndNews h3 a:hover, 
.eventsAndNews p a:hover { 
	color: #c15610;
	text-decoration: none; }		
.eventsAndNews img {
	margin: 1px 15px 0 0;
	padding: 0;
	border: 0;
	vertical-align:top;
	width: 75%;
	height: auto; }
	
.bannerAd { 
	background: #6d6d6d;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	clear:both;
	position:relative;
	display:inline-block;
	border: 0;
	z-index: 399; }	
.bannerAd img { 
	width: 100%;
	height: auto;
	margin: -5px 0 0 0;
	padding: 0;
	border: 0;
	clear:both;
	position:relative;
	display:inline-block;
	overflow: visible; }	
.bannerAd a { 
	text-decoration: none !important;
	border: 0 !important;
	margin: 0;
	padding: 0; }	

.generalLinks { 
	position: relative;
	background: #6d6d6d;
	margin: -2px 0 0 0; 
	padding: 7px 20px 10px 20px; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 799; 
	clear:both;
	max-width: 1060px;
	overflow: hidden; }
.generalLinks ul { 
	margin: 0 auto; 
	padding:0;
	list-style: none;
	clear: both;
	width: 88%;
	text-align: left;
	float: left; }	
.generalLinks ul li { 
	list-style: none;
	margin: 0; 
	padding: 6px 0 7px 0;
	float: none;
	border-bottom: 1px solid #f7f7f7;
	font-size: 1.4em;
	line-height: 160%; }	
.generalLinks ul li:last-child { border-bottom: 0; }
.generalLinks ul li a { 
	color: #f7f7f7;
	text-decoration: none; }
.generalLinks ul li a:hover {
	color: #e96810;
	text-decoration: none; }

.programLinks { 
	position: relative;
	background: #fff;
	margin: -5px 0 0 0; 
	padding: 10px 20px 40px 20px; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 733;
	max-width: 1060px;
	overflow: hidden; }	
.programLinks h2 { 
	color: #e96810;
	margin: 30px 0 15px 0;
	padding: 0;
	clear: both;
	text-transform: uppercase; }
.programLinks ul { 
	margin: 0 auto; 
	padding:0;
	list-style: none;
	clear: both;
	width: 90%;
	text-align: left;
	float: left; }	
.programLinks ul li { 
	list-style: none;
	margin: 0; 
	padding: 10px 0 12px 0;
	float: none;
	font-size: 1.4em;
	line-height: 105%; }
.programLinks ul li a { 
	color: #6d6d6d;
	text-decoration: none; }
.programLinks ul li a:hover {
	color: #e96810;
	text-decoration: none; }	

/* Footer */

footer {
	position: relative;
	background: #e96810;
	color: #fff;
	margin: -5px 0 0 0; 
	padding: 30px 20px 30px 20px; 
	display: inline-block; 
	width: 100%;
	height: auto; 
	z-index: 999;	
	font-size: 1em;
	line-height: 125%; 
	max-width: 1060px;
	overflow: hidden; }
footer p { color: #fff; }
footer p a, footer p a:hover, footer p a:visited { 
	color: #fff !important;
	text-decoration: none; }
footer p a.email { text-decoration: underline !important; }

/* Slider Adjustments */

.s_container { 
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	min-height: 180px;
	height: 100%; 
	overflow: visible; 
	box-shadow:none !important; }
.slider img { 
	height: 100%; 
	overflow: visible; }	
	
.s_bullets { 
	background-color: transparent;
	border: 0;
	top: -8em;
	filter: alpha(opacity=0); 
	opacity: 0.0; }	
.s_backward-arrow, .s_forward-arrow { 
	background-color: transparent;
	border: 0;
	position: absolute;
	top: 98px;
	filter: alpha(opacity=90); 
	opacity: 0.9; }	
.toggle_playpause { left: 15px; }	
	
.fa-chevron-left::before, .fa-chevron-right::before { color: #e96810; }

.s_backward-arrow, .s_bullets, .s_forward-arrow { margin-bottom: -56px; }