/* 
Theme Name: CFCC 2015
Theme URI: http://www2.cfcc.edu/
Description: Main theme for cfcc.edu
Author: Justin Floyd (jfloyd - at - cfcc.edu)

*/

/* global styles
===========================*/

#announce {
	background-color: #FFCC33;
	min-height:20px;
	width: 100%;
	margin: 0px;
}


      body {
        padding-top: 60px;
        padding-bottom: 0px;
		background:#F7F7F7;
		font-size:100%;
      }thr
	  body #wpadminbar {
		  margin-bottom: -32px!important;
		  }
	body.transform {
	  -moz-transform: scaleX(-1);
	  -o-transform: scaleX(-1);
	  -webkit-transform: scaleX(-1);
	  transform: scaleX(-1);
	  filter: FlipH;
	  -ms-filter: "FlipH";
	}
	  header{
		padding-top:50px;
	  }
	  section {
		position:relative;
		padding-top:30px;
		padding-bottom:40px;
		width:100%;
		min-width:100%;
		margin-top:-5px;
	  }
	  
	  .page-header{
		padding-top:20px;
	  }
	  .page-header h2{
		font-size:36px!important;
	  }
	  	.justify{
		text-align:justify;
	}
		.logoh1 {margin:0; padding:0;}
		.logoh1 img {
			width:150px;
		}
		.altbg {
			background-color:#222;
		}

		.textcontrast {
		text-shadow: #00477F 0em 0em 0.3em;
		}
		.textcontrast2 {
		text-shadow: #000000 0em 0em 0.3em;
		}
		tr {
			color:#000;
		}
		th {
			background-color:#00447F;
			color: #FFF;
		}
		.container ul {
			margin-bottom: 20px!important;
		}
		.topmenu ul {
			margin-bottom: 0px!important;
			}
		ul ul {
			margin-left:20px!important;
		}
		img .aligncenter {
			text-align:center!important;
			margin: 0 auto;
		}
		.container ul  {
			padding: 0 0 0 15px!important;
			list-style-position:outside!important;
		}
.alignleft {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.alignright {
	float: right;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
i {
	display:block!important;
	text-align:center!important;
}

.alttablerows tr:nth-child(even) {background: #CCCCCC!important;}
	/* HEADER
	============================*/
	
	ul#menu-top-menu {
	padding: 5px 0px 0px 0px;
	height: auto;
	margin: 0px 0px 0px 0px;
}
ul#menu-top-menu li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul#menu-top-menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #FFF;
	text-decoration: underline;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.goButton {
	margin-top:4px;
}
ul#menu-top-menu a:hover,
ul#menu-top-menu a:focus {
	text-decoration: none;
	color: #7490d2;
}
	  
	 #head-top {
	position:relative;
	padding-top:75px;
	padding-bottom:0px;
	margin-top:-60px;
	display:inline-block;
	width:100%;
	height:100%;
	overflow:hidden;
	/*height:760px;*/
	background-color: #00477F;
	background-attachment: fixed;
	background-image: url(images/carousel_background.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	  }
	  
	  #head-top .hero-unit{
	background:none;
	min-height:560px;
	color:#ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	padding-top:40px;
	
	}
	#head-top .hero-unit h1 {
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
	
	}
	
	#head-top .hero-unit h2 {
	font-size:36px;
	line-height:40px;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
	
	}
	.featureitem {
		width:100%;
		min-height:600px
		}
	.hero-unit iframe {
		height:600px;
	}
		
	.h_iframe        {position:relative;}
	.h_iframe .ratio {display:block;width:100%;height:auto;}
	.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
	
	#head-top .well{
	color:#fff;
	margin-bottom:0px;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:20px;
	background-attachment: fixed;
	background-image: url(images/bg5.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	  }
	  .well{
		border:none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	  }
	  .well .lead{
		font-size:220%;
	  }
	
	
	
	.alignbottom {
		padding-top: 450px;
		bottom: 0;
	}
	
	/* SEARCH FIELD
	===========================*/
	
	#searchfield {
	margin: 0px;
	float:right;
	height:30px;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}
.topbarsearch {
	height:25px!important;
	line-height:25px!important;
}
.searchLabel label {
	display:none;
	
	}
.searchField {
	vertical-align: middle;
}
.goButton {
	margin-top: -2px;
	vertical-align: middle;
}

.topmenu {
		width:50%;
		float:left;
	}
	.topmenur {
		width:50%;
		float:right;
	}
	/* Custom Carousel Styles
	===============================*/
	.offsettop {margin-top: 40px;}
	.pushdownlite {
		margin-top: 280px;
		}
	.pushdown {
		margin-top: 350px;
		}
	.pushwaydown {
		margin-top: 490px;
		}
		
	.slideBiz {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/bizAnalytics.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.slidethreestudents {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2018/08/fall-sessions-carousel-img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

.slidebarberschool {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/08/2019barberschool.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	
	.fafsa {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/05/fafsa-web.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.slidegraphicdesign {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/04/Graphic-design-ce-2019.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.downtowncampus {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/03/downtown-wide.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.springclasses {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2018/12/Spring-Classes.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.christmasbreak {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2018/12/Christmas-Slide.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.onestop {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2018/11/one-stop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.springsession {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/01/spring-sessions.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}

	.sp19catalog {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2018/12/SP19-Course-Catalog-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}
	
	.slideEms {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/emMgnt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}
	.slideFall {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/Fall.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}
		
	.slide01 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/traingin4veterans.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
	}
	.slide02 {
	background-color: #79bc55;
	background-attachment: scroll;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	.slide03 {
	background-attachment: scroll;
	background-image: url(images/PaintingClass.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	.slide04 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/EnrollSpring.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	
	.slide04 p {
		color:#FFFFFF;
		line-height:14px;
		text-shadow:none;
		box-shadow:none;
	}
	.slide04 h2 {
		color:#FFFFFF;
		text-shadow:none;
		box-shadow:none;
	}
	/*
	.slide04 .transcontainer {
		padding:50px;
		border:solid 5px #FFF;
		border-radius:50%;
		background-color: rgba(56,22,179,1);
		-webkit-background-color: rgba(56,22,179,1);
		-moz-background-color: rgba(56,22,179,1);
		box-shadow:rgba(0,0,0,0.6);
	}*/
	.slide05 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/fastbreak.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	.slide05 h1 {
		/*color: #00447F!important;*/
		/*text-shadow:none!important;*/
	}
	.slide05 h2 {
		/*color: #00447F!important;*/
		/*text-shadow:none!important;*/
	}
	.slide05 hr {
		/*border-color: #00447F!important;
		text-shadow:none!important;*/
	}
	.slide05 p {

	}
	.slide05 a {
		color:#489dd7;
	}
	.slide05 a:hover {
	}
	.slide06 {
	background-attachment: scroll;
	background-image: url(images/fall2018_cover_cecatalog.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	.slide06 h1 {
	}
	.slide07 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/12-Week-Session.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
	}
	.slide07 h3 {
		text-shadow:none;
	}
	.slide07 p {
		color:#222222;
		text-shadow:none;
		font-size:18px;
		line-height:24px;
	}
	.slide07 a {
		color:#489dd7;
	}
	.slide07 a:hover {

	}
	
	.slide08 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/campustour2016.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-shadow: #000 0em 0em 0.2em;
}
.slide08 h1 {
	text-shadow:2px 2px 4px #000!important;
}

.slide08 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#FFF;
	margin:0;
	text-shadow:2px 2px 4px #000;
}
.slide08 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px!important;
	color:#FFF!important;
	margin:15px 20px!important;
	text-shadow:2px 2px 4px #000!important;
}
/*.slide09 {
	background-attachment: scroll;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/TimeLineGraphics/bgTimeline.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-shadow: #000 0em 0em 0.2em;
	background-size: 100%;
}
.slide09 h3 {
	font-size:36px;
	line-height::42px;
}*/ 
	.transpan {
	background-color: rgba(0,0,0,0.5);
	-webkit-background-color: rgba(0,0,0,0.5);
	-moz-background-color: rgba(0,0,0,0.5);
	}
	
	.videoembed {
		z-index: 20;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	.ncimg {
		background-image: url(//www2.cfcc.edu/orientation/files/2016/04/NCImage.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.wcimg {
		background-image: url(//www2.cfcc.edu/orientation/files/2016/04/WCImage.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.computerimg {
		background-image: url(//www2.cfcc.edu/orientation/files/2016/04/computerImage.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	/* Go Button
	===============================*/
	
	
	.gobtnwrapper{
		position:absolute;
		bottom:0px;
		right:0px;
		left:0px;
		display:block;
		width:100%;
		height:40px;
		text-align:center;
	}
	.gobtn{
		display:inline-block;
		width:70px;
		height:40px;
		background-attachment: fixed;
	background-image: url(images/lightbluebackground.jpg);
	background-repeat: repeat;
	background-position: center bottom;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		 border-top-left-radius: 3px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		padding-top:15px;
		
	}
	.gobtn i{
	color:#FFF;
	}
	.gobtn:hover{
		text-decoration:none;
	}
	
	/* Go Button Alternate
	===============================*/
	
	
	.gobtnwrapper{
		position:absolute;
		bottom:0px;
		right:0px;
		left:0px;
		display:block;
		width:100%;
		height:40px;
		text-align:center;
	}
	.gobtnalt{
		display:inline-block;
		width:70px;
		height:40px;
		background-color:#FFF;
		background-attachment: fixed;
	background-image: none;
	background-repeat: repeat;
	background-position: center bottom;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		 border-top-left-radius: 3px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		padding-top:15px;
		
	}
	.gobtnalt i{
	color:#489DD7;
	}
	.gobtnalt:hover{
		text-decoration:none;
	}
	
	
		/* Live Tiles Structure
	  ===========================*/
	  
	  .tilebox{
	margin:0px !important;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #FFF;		  
	  }
	  
	  .tilebox h3, .tilebox h2 {
	background-color: rgba(0,0,0,0.5);
	-webkit-background-color: rgba(0,0,0,0.5);
	-moz-background-color: rgba(0,0,0,0.5);
	font-weight:normal!important;
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	margin:0px 0px 0px 0px !important;
	width: 100%;
		 }
		.tilebox a {
			color:#fff!important;
			text-decoration:none!important;
		}
	
	.tilebox a:hover, 
  .tilebox a:focus {
    color: #489DD7!important;
	text-decoration:none!important;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
	}
	
	
	.featuretilebox {
	position:relative!important;
    height: 0px!important;
    padding-bottom: 90px!important; /* add constant */
    padding-top: 25%!important; /* proportional scaling */
	background-repeat: none!important; 
	background-position: top center!important; 
	background-size: cover!important;
	color:#FFF!important;
	}
	
	.smalltilebox {
	margin:0px !important;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #FFF;	
	}
	.smalltilebox h3 {
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	margin:0px 0px 0px 0px !important;
	width: 100%;
	}
	.smalltilebox a {
	color:#fff;
	}
	.smalltilebox a:hover,
	.smalltilebox a:focus {
	background-color: #e74c3c;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
	} 
	
	/*  Homepage Live Tiles 
	===============================*/
	.livetile, .degree, .transfer, .jobtraining, .lifelearning, .collegetransfer, .vocational, .continuinged, .healthsciences, .giftof, .ambassador, .takeaseat, .alumni {
	position:relative;
    width: 100%;
    height: 0px;
    padding-bottom: 90px; /* add constant */
    padding-top: 25%; /* proportional scaling */
	}
	  
	.degree {
	background-attachment: scroll;
	background-image: url(images/academics/techvoc02.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.transfer {
	background-attachment: scroll;
	background-image: url(images/academics/students%20in%20front%20of%20bridge%20final.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.jobtraining {
	background-attachment: scroll;
	background-image: url(images/academics/continuingedstudent.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.lifelearning {
	background-attachment: scroll;
	background-image: url(images/academics/program-business.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	  
	.collegetransfer {
	background-attachment: scroll;
	background-image: url(images/academics/transferstudents.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.vocational {
	background-attachment: scroll;
	background-image: url(images/academics/techvoc03.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.continuinged {
	background-attachment: scroll;
	background-image: url(images/academics/coned.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.healthsciences {
	background-attachment: scroll;
	background-image: url(images/academics/healthservices.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;;
	}
	
	.giftof {
	background-attachment: scroll;
	background-image: url(images/foundation/giftofeducation.JPG);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.ambassador {
	background-attachment: scroll;
	background-image: url(images/foundation/studentAmbassadors.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.takeaseat {
	background-attachment: scroll;
	background-image: url(images/foundation/hfarender.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	.alumni {
	background-attachment: scroll;
	background-image: url(images/foundation/alumni.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	}
	
	  /* HOME PAGE SECTIONS
	  ===========================*/
	 #Section hr {
		border-bottom-color:#333!important;
	}
	  .azbanner {
		margin-top:-30px; margin-bottom: 0px; padding-bottom: 0px;width:100%;
	}
	#Section-1{
	background-attachment: fixed;
	background-color: #489DD7;
	background-image: url(images/lightbluebackground.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	color:#fff;
	padding-top: 75px;
	}
	
	#Section-1 a {
		  color: #FFF;
	}
	#Section-1 .well{
	color:#FFF;
	margin-bottom:-40px;
	margin-top:60px;
	padding-top:60px;
	padding-bottom:60px;
	background-color: #333;
	background-attachment: fixed;
	background-image: url(images/bg5.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	  }
	  .well{
		border:none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	  }
	  .well .lead{
		font-size:220%;
	  }
	.ray {
	background-image: url(images/ray.png);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: visible;
}
	#Section-1 hr {
		border-bottom-color:#333!important;
	}
	
	  #Section-2{
	color:#333;
	padding-top: 75px;
	background-color: #FFBE36;
	background-attachment: fixed;
	background-image: url(images/goldbackground.jpg);
	background-repeat: repeat;
	background-position: center center;
	  }
	  #Section-2 li a {
	color: #333;
	}
	#Section-2 .amenu {font-weight: bold;}
	  #Section-2 .well{
	margin-bottom:-40px;
	margin-top:60px;
	padding-top:60px;
	padding-bottom:60px;
	background-color: #333;
	background-attachment: fixed;
	background-image: url(images/bg5.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	  }
	  #Section-2 h2 {
		  color:#333;
	}
	#Section-2 .page-header {
		border-bottom-color:#333!important;
	}
	#Section-2 hr {
		border-bottom-color:#333!important;
	}
	  #Section-3{
	background-color: #222222;
	background-attachment: fixed;
	background-image: url(images/unionstationnight.JPG);
	background-repeat: repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	padding-top: 75px;
	  } 
	  #Section-3 h2,
	  #Section-3 h3,
	  #Section-3 h4,
	  #Section-3 p,
	  #Section-3 li{
		color:#fff;
	  }  
	  #Section-3 a {
		  color:#FFF;
}
		  Section-3 a:hover {
			  color:#fff;
			  }
	.newsstory {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
	  #Section-4{
	padding-top: 75px;
	background-color: #00477F;
	background-attachment: fixed;
	background-image: url(images/bluebackground.jpg);
	background-repeat: repeat;
	background-position: center center;
	  } 
	  #Section-4 p {
		  color: #fff;
		  }
	  #Section-4 h1,
	  #Section-4 h2,
	  #Section-4 h3{
		color:#fff;
		
	  }
	  #Section-4 a {
		  color: #FFF;
		  }
		  
	#Section-4 .btn {
	  border: none;
	  background: #e74c3c;
	  color: white;
	  font-size: 16.5px;
	  text-decoration: none;
	  text-shadow: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  -webkit-backface-visibility: hidden; 
	}
	#Section-4 .btn:hover, 
    #Section-4 .btn:focus {
    background-color: #489DD7;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
	}
	
	  #Section-5{
		  padding-top: 75px;
		  background-color: #993D1E;
		  background-attachment: fixed;
	background-image: url(images/bgred.jpg);
	background-repeat: repeat;
	background-position: center center;
	  } 
	  
	 #Section-5 h2,
	  #Section-5 h3,
	  #Section-5 h4,
	  #Section-5 p,
	  #Section-5 li{
		color:#fff;
	  }  
	  #Section-5 a {
		  color: #FFF;
		  }
	  #Section-6{
		  padding-top: 75px;
		  background-color: #00477F;
		background-attachment: fixed;
	background-image: url(images/athletics/womenssoccarteam.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: 100% auto;
	  } 
	  #Section-6 h2,
	  #Section-6 h3,
	  #Section-6 p{
		color:#fff;
		text-shadow: #000 0em 0em 0.2em;
	  }
	  
	  #Section-7{
		  padding-top: 75px;
	
	  }
	  
	  #Section-8{
	color:#ffffff;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: fixed;
	background-image: url(images/bggreen.jpg);
	background-repeat: repeat;
	background-position: center center;
	  }
	  #Section-8 li a {
		  color: #ffffff;
		  }
	  #Section-8 h2 {
		  color:#ffffff;
	}
	#Section-8 .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-8 hr {
		border-bottom-color:#ffffff!important;
	}
	
	/*GENERIC PAGE SECTIONS
	===========================*/
	
	#Section-lblue{
	color:#ffffff!important;
	padding-top: 40px;
	background-color: #489DD7;
	  }
#Section-lblue p, #Section-lblue h2, #Section-lblue li { 
		color:#ffffff!important;
}
#Section-lblue a {
		  text-decoration:underline;
		  color: #ffffff;
		  }
	#Section-lblue a:hover, #Section-lblue a:focus {
		  text-decoration:none;
		  color: #ffffff;
		  }
	  #Section-lblue h2 {
		  color:#ffffff;
	}
	#Section-lblue h3 {
		  color:#ffffff;
		  margin-bottom:20px;
	}
	#Section-lblue .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-lblue hr {
		border-bottom-color:#ffffff!important;
	}
	
	#Section-dblue{
	color:#ffffff;
	padding-top: 40px;
	background-color: #00477F;
	  }
	  #Section-dblue li a {
		  color: #ffffff;
		  }
	  #Section-dblue h2 {
		  color:#ffffff;
	}
	#Section-dblue .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-dblue hr {
		border-bottom-color:#ffffff!important;
	}
	#Section-dblue .big-text {
		font-size:48px!important;
		font-weight:bold;
		line-height:36px!important;
		text-shadow:
		-1px -1px 0 #3CF,
		1px -1px 0 #3CF,
		-1px 1px 0 #3CF,
		1px 1px 0 #3CF;
	}
	#Section-dblue .borderbottom {border-bottom:solid 1px #FFF;}

	/*CUSTOM SECTIONS
	===========================*/
.commencement {
	height:450px;
	padding-top:150px;
	background-image: url(//www2.cfcc.edu/images/CommencementCover.jpg);
	background-position: center center;
	background-size: cover;
}
.openhousebg {
	display: block;
	height: 480px;
	padding-top:140px;
	background-image: url(http://www2.cfcc.edu/images/OpenHouse03.jpg);
	background-position: center top;
	background-size: auto 100%;
	
}
.constructionintitute {
	display: block;
	height: 500px;
	padding-top:100px;
	background-image: url(http://www2.cfcc.edu/images/construction.jpg);
	background-position: center center;
	background-size: cover;
	
}

.generalcontractor {
	display: block;
	height: 450px;
	padding-top:150px;
	background-image: url(http://www2.cfcc.edu/images/Contractors-Workplace.jpg);
	background-position: center center;
	background-size: cover;
	
}

.graphicdesign {
	display: block;
	height: 450px;
	padding-top:150px;
	background-image: url(http://www2.cfcc.edu/images/GDHeader.jpg);
	background-position: center center;
	background-size: cover;
	
}

.lineman {
	display: block;
	height: 450px;
	padding-top:150px;
	background-image: url(http://www2.cfcc.edu/images/lineman.jpg);
	background-position: center center;
	background-size: cover;
	
}

.outboard {
	display: block;
	height: 500px;
	padding-top:150px;
	background-image: url(http://www2.cfcc.edu/images/YamahaOutboardMotors2.jpg);
	background-position: center center;
	background-size: cover;
	
}

.onlineassociate {
	display: block;
	height: 500px;
	padding-top:150px;
	background-image: url(//www2.cfcc.edu/wp-content/uploads/2019/04/online-veterans-associate-for-web.jpg);
	background-position: center center;
	background-size: cover;
	
}

.marinetech {
	display: block;
	height: 500px;
	padding-top:150px;
	background-image: url(http://www2.cfcc.edu/wp-content/uploads/2018/07/DSC_0031.jpg);
	background-position: center center;
	background-size: cover;
	
}

.carouselOverlay {
  width: 100%;
  height: 540px;
  position: relative;
}

.navi,
.infoi {
  width: 100%;
  height: 540px;
  position: absolute;
  top: 0;
  left: 0;
}
.infoi {
  z-index: 10;
}

	#Section-Fullwidth {
	color:#ffffff;
	height:350px;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
	
	#Section-Welcome {
	color:#ffffff;
	height:685px;
	background-color: none;
	/*padding-top: 75px;*/
	margin:0!important;
	padding:0!important;
	}
	#Section-Welcome .carousel-inner .item {
		height:685px;
	}
	#Section-Welcome .carousel-inner .item h2 {
		font-size:36px;
		line-height:40px;
		text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
	}
	#Section-Welcome .slide {
		width:100%;
		margin:0!important;
		padding:0!important;
	}
	#Section-Welcome .item {
		margin:0!important;
		padding:0!important;
	}
	#Section-Welcome .carousel-inner {
		margin:0!important;
		padding:0!important;
		height:685px;
	}
	#Section-Welcome .container {
		width:90%!important;
	}
	#Section-Welcome .landing-carousel {
		height:685px;
	}
	.welcomeslide01 {
		height:685px;
		background-attachment: scroll;
		background-image: url(http://www2.cfcc.edu/images/WelcomeSlideFall.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-shadow: #000 0em 0em 0.2em;
		background-size: contain auto;
	}
	.welcomeslide02 {
		height:685px;
		background-attachment: scroll;
		background-image: url(http://www2.cfcc.edu/images/WelcomeSlideGreenway.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-shadow: #000 0em 0em 0.2em;
		background-size: contain auto;
	}
	#video-background {
	/*  making the video fullscreen  */
	  position: absolute;
	  right: 0; 
	  bottom: 0;
	  min-width: 100%; 
	  min-height: 100%;
	  width: auto; 
	  height: auto;
	  z-index: -100;
}
	
	#Section-LRC{
	color:#ffffff;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: fixed;
	background-image: url(images/library_stock.jpg);
	background-repeat: repeat;
	background-position: center center;
	  }
	  #Section-LRC li a {
		  color: #ffffff;
		  }
	  #Section-LRC h2 {
		  color:#ffffff;
	}
	#Section-LRC .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-LRC hr {
		border-bottom-color:#ffffff!important;
	}
	/*FundPageBannerBG.png*/
	#Section-Campusfund {
	color:#FFFFFF;
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #00477F;
	background-attachment: fixed;
	background-image: url(//www2.cfcc.edu/foundation/files/2018/08/payitforward.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	  }
	.robotBG {
		display:block;
		background-attachment: scroll;
		background-image: url(//www2.cfcc.edu/foundation/files/2017/08/campFundRobot2017.png);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: left top;
		overflow:visible;
		margin-bottom:0px;
		padding-bottom:20px;
		
	}
	  #Section-Campusfund li a {
		  color: #ffffff;
		  }
	  #Section-Campusfundh2 {
		  color:#ffffff;
	}
	#Section-Campusfund .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-Campusfund hr {
		border-bottom-color:#ffffff!important;
	}
	
	/*Arts Center custom section*/
	#Section-arts {
	color:#FFFFFF;
	padding-top: 370px;
	background-color: #000000;
	background-attachment: scroll;
	background-image: url(images/artscenter/ArtsCenterAndCurtains.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	  }
	  #Section-arts li a {
		  color: #ffffff;
		  }
	  #Section-arts h2 {
		  color:#ffffff;
	}
	#Section-arts .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-arts hr {
		border-bottom-color:#ffffff!important;
	}

	.transartsheader {
		background-color: rgba(0,0,0,0.6);
	-webkit-background-color: rgba(0,0,0,0.6);
	-moz-background-color: rgba(0,0,0,0.6);
	}
	#artssection2 {
		color: #FFFFFF;
		background-image: url(images/artscenter/HOUSEcolorchange.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center center;
		padding-top: 350px;
	}
	#artssection2 h2, #artssection2 p {
		color: #FFFFFF;
	}
	#artssection3 {
		background-attachment: fixed;
		background-color: #FFF;
		background-image: none;
		background-repeat: repeat;
		background-position: center center;;
		padding-top: 110px;
	}
	#artssection4 {
		background-image: url(images/artscenter/LOBBYRenderedColorChangeHiRes.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center top;
		padding-top: 350px;
	}
	#artssection4 h2, #artssection4 p {
		color: #FFFFFF;
	}
	#artssection5 {
		background-attachment: fixed;
		background-color: #FFF;
		background-image: none;
		background-repeat: repeat;
		background-position: center center;;
		padding-top: 110px;
	}
	.semibigtext {
		font-size:32px!important;
		text-transform:uppercase!important;
	}
	.bigtext {
		font-size:36px!important;
		text-transform:uppercase!important;
	}
	.superbigtext {
		font-size:72px!important;
		line-height: 72px;
		text-transform:uppercase!important;
	}
	
	/*Q1 custom section*/
	#Section-q1 {
	color:#FFFFFF;
	padding-top: 100px;
	background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/q1/bgFieldalt.jpg);
	background-attachment: scrool;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	  }
	  #Section-q1 li a {
		  color: #ffffff;
		  }
	  #Section-q1 h2 {
		  color:#ffffff;
	}
	#Section-q1 .page-header {
		border-bottom-color:#ffffff!important;
	}
	#Section-q1 hr {
		border-bottom-color:#ffffff!important;
	}

	.transartsheader {
		background-color: rgba(0,0,0,0.6);
	-webkit-background-color: rgba(0,0,0,0.6);
	-moz-background-color: rgba(0,0,0,0.6);
	}
	#q1section2 {
		color: #FFFFFF;
		background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/q1/bgField.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center center;
		padding-top: 30px;
	}
	#q1section2 h2, #q1section2 p {
		color: #FFFFFF;
	}
	#q1section3 {
		color: #FFFFFF;
		background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/q1/bgPlay.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center center;
		padding-top: 30px;
	}
	#q1section3 h2, #q1section3 p {
		color: #FFFFFF;
	}
	#q1section4 {
		background-image: url(//www2.cfcc.edu/wp-content/themes/CFCC2015/images/q1/bgPlayersGrunge.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center bottom;
		padding-top: 50px;
	}
	#q1section4 h2, #q1section4 p {
		color: #FFFFFF;
	}
	#q1section5 {
		color: #222;
		background-image: none;
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center center;
		padding-top: 30px;
	}
	#q1section5 h2 {
		color: #FFFFFF;
	}
	#q1section5 p {
		color: #333333;
		line-height:32px;;
		margin-bottom:0;
	}
	/* Schwartz Campaign Styles
	===============================*/
	
	#Section-Schwartz01{
	color:#ffffff;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: fixed;
	background-image: url(images/ScwartzGroundBreaking.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	#Section-Schwartz02 {
	color:#ffffff;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: fixed;
	background-image: url(images/basketballoncourt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	#Section-Schwartz03 {
	color:#ffffff;
	padding-top: 75px;
	background-color: #489DD7;
	background-attachment: fixed;
	background-image: url(images/SchwartzExt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	.btn-trans {
		font-size:24px;
		line-height:24px;
		text-decoration:none;
		color:#FFF;
		background-color: rgba(0,0,0,0.6);
		margin:0;
		padding:15px;
		border: solid 1px #FFFFFF;
		border-radius:0;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
	}
	.btn-trans:hover, .btn-trans:focus {
		font-size:24px;
		line-height:24px;
		text-decoration:none;
		color:#FFF;
		background-color:#489DD7;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
	}
	.beinvisible {
		height:0;
		margin:0;
		padding:0;
	}
	.reallybig {
		font-size:72px!important;
		text-transform:capitalize!important;
		line-height:96px;
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
	}
	.bigtext {
		font-size:36px!important;
		text-transform:capitalize!important;
		line-height:48px;
	}
	
	/* STEP BY STEP CUSTOM STYLES */
	.btn-square {
		font-size:1.2em;
		line-height:1.2em;
		background-color:none;
		border-radius:0;
		border: solid 1px #FFFFFF;
		padding:10px 15px;
		margin: 20px 0px;
		text-decoration:none;
	}
	.btn-square:hover {
	 background-color:rgb(255,255,255,0.5);
	 text-decoration:none;
	}
	
	#Section-step {
	height:auto;
	background-color: #00477F;
	padding:0px;
	/*
	padding-top: 75px;
	background-attachment: scroll;
	background-image: url(images/stepbystep02.jpg);
	background-size: auto;
	background-repeat: repeat;
	background-position: center center;
	*/
	} 
	#Section-step img {
		padding-bottom:0;
	}
	  #Section-step p {
		  color: #fff;
		  }
	  #Section-step h1,
	  #Section-step h2,
	  #Section-step h3{
		color:#fff;
		
	  }
	  #Section-step a {
		  color: #FFF;
		  }
		  
	#Section-step .btn {
	  border: none;
	  background: #e74c3c;
	  color: white;
	  font-size: 16.5px;
	  text-decoration: none;
	  text-shadow: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  -webkit-backface-visibility: hidden; 
	}
	#Section-step .btn:hover, 
    #Section-step .btn:focus {
    background-color: #489DD7;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
	}
	
	#Section-pennant{
	background-attachment: fixed;
	background-color: #489DD7;
	background-image: url(images/lightbluepennant.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	color:#fff;
	padding-top: 75px;
	}
	
	#Section-pennant a {
		  color: #FFF;
	}
	
	#stepbystep p {
		font-size:14px;
	}
	#stepbystep .plabel {
		font-size:12px;
		line-height:14px!important;
		font-style:italic;
		color: #999999;
		clear:both;
		margin:0 0 0px 0;
		padding:0;
	}
	#stepbystep label
	{
	  font-size: 14px;
	  font-weight: normal;
	  line-height: 14px;
	  margin:0;
	  padding:0;
	  display:block;
	}
	#stepbystep .floatlabel {
		float:left;
	}
	#stepbystep input[type=hidden] {
		margin:0;
		padding:0;
	}
	#stepbystep input[type=checkbox] {
		float:left;
		margin:0 10px 20px 0;
		padding:0;
	} 
	#stepbystep input[type=text],
	#stepbystep input[type=select],
	#stepbystep input[type=email] {
		float:none;
		margin:0 0 20px 0;
		padding:0;
	} 
	
	/* Go Button Alternate Arts Page 1
	===============================*/
	
	.gobtnart {
		display:inline-block;
		width:70px;
		height:40px;
		background-attachment: fixed;
	background-image: url(images/artscenter/HOUSEcolorchange.jpg);
	background-repeat: repeat;
	background-size: 100% auto;
	background-position: center center;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		 border-top-left-radius: 3px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		padding-top:15px;
	}
	.gobtnart2 {
		display:inline-block;
		width:70px;
		height:40px;
	background-image: url(images/artscenter/LOBBYRenderedColorChangeHiRes.jpg);
		background-attachment: fixed;
		background-color: #FFF;
		background-repeat: repeat;
		background-size: 100% auto;
		background-position: center bottom;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		 border-top-left-radius: 3px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		padding-top:15px;
	}
	
	
	
	/* end Arts Center custom section */
	
	
	
	/*=====================================
	Custom styes
	=====================================*/
	
.customcolumn {
	margin:0;
	padding:20px 10px 0 10px;
}
.customcolumn2 {
	margin:0;
	padding:20px 20px 0 20px;
	border-left:solid 1px #FFFFFF;
}
.transcontainer {
	width: 100%;
	max-width: 1240px;
	height: auto;
	padding: 20px;
	background-color: rgba(0,0,0,0.6);
	-webkit-background-color: rgba(0,0,0,0.6);
	-moz-background-color: rgba(0,0,0,0.6);
/*	background-color: #222;
	-webkit-opacity: 0.5;
	-mos-opacity: 0.5;
	opacity: 0.5;   */
	margin: 0px auto;
	color:#FFF;
} 
.transcontainer .page-header {
	margin-top:0;
	padding-top:0;
	}
.transcontainer p, /*.transcontainer h1,*/ .transcontainer h2, .transcontainer h3 {
	color:#FFF!important;
	}
.transgold {
	width: 100%;
	max-width: 1240px;
	height: auto;
	padding: 20px;
	background-color: rgba(255,190,54,0.6);
	-webkit-background-color: rgba(255,190,54,0.6);
	-moz-background-color: rgba(255,190,54,0.6);
/*	background-color: #222;
	-webkit-opacity: 0.5;
	-mos-opacity: 0.5;
	opacity: 0.5;   */
	margin: 0px auto;
} 
	hr{
		margin:40px 0px;
	}
	hr, 
	.page-header {
		/*border-color:rgba(250,250,250, 0.1)*/
	  }
	   
	  #Section-2 p{
		color:rgba(250,250,250, 0.9);
	  }
	  #Section-2 h3 {
		
	  }

	  .page-header h2,
	  .page-header h3{
		font-weight:100;
		font-size:46px;
		line-height:46px;
	  }
	  .box{
		margin-bottom:30px;
	  }
	  .about-box {
		margin-bottom:20px;
		margin-top:20px;
		color:#fff;
	  }
	  
	  .about-box h3,
	  .about-box h4{
		border-bottom:1px solid #fff;
	  }
	  .about-box h3 span,
	  .about-box h4 span{
		border-bottom:2px solid #fff;
		display:inline-block;
	  }
.commenrichment {
	font-size:32px!important;
}
.video-container {
    position: relative;
    padding-bottom: 53.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.welcome-sidebar {
	margin-top:-300px;
	background-color:#fff;
	padding:20px 30px;
}

.welcome-sidebar label, .welcome-sidebar select, .welcome-sidebar button, .welcome-sidebar input[type="button"], .welcome-sidebar input[type="reset"], .welcome-sidebar input[type="submit"], .welcome-sidebar input[type="radio"], .welcome-sidebar input[type="checkbox"]
{
  cursor: pointer;
}
.welcome-sidebar label, .welcome-sidebar input, .welcome-sidebar button, .welcome-sidebar select, .welcome-sidebar textarea

{
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.welcome-sidebar label
{
  display: block;
  margin-bottom: 3px;
}
ul#gform_fields_6 {
	padding-left:0!important;
}
.ciform {
	margin:15px 0px 0px 0px;
	padding-bottom:0px;
	font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}
.welcome-sidebar .callout {
	margin-top:-15px;
}
.welcome-sidebar form
{
  margin:0;
}
	  
	  /* Landing Page  Styles
	  ================================*/
	  
	  #Section{
	background-attachment: fixed;
	background-color: #FFF;
	background-image: none;
	background-repeat: repeat;
	background-position: center center;;
	padding-top: 60px;
	}
	#Section a {
		text-decoration:underline;
	}
	#Section a:hover {
		text-decoration:none;
	}
	#Section i {
		color:#222222;
	}
	[class^="icon-"], [class*=" icon-"] {
		color:#FFFFFF;
	}
	
	#Section h1 {
		color:#222;
		}
	#Section h2,
	#Section h3,
	#Section h4 {
		color:#222;
		margin-bottom:15px;
	} 
	#Section p,
	#Section li {
		color:#222;
	} 
/*	#Section a {
		  color: #00477F;
		  } */
	#Section .well{
	color:#fff;
	margin-bottom:-40px;
	margin-top:60px;
	padding-top:60px;
	padding-bottom:60px;
	background-attachment: fixed;
	background-image: url(images/bg5.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	}
	  
	.admissionslanding {
	position:relative;
    width: 100%;
    height: 400px;
    padding:0;
	background-attachment: scroll;
	background-image: url(images/admissions/LittleItallyStudent.JPG);
	background-repeat: repeat;
	background-position: top center;
	background-size: 100%;
	color: #333;
	/*text-shadow: #000 0em 0em 0.05em;*/
	}  
	.admissionslanding h2 {
	font-size: 24px;
	line-height::30px;
	font-weight: 900;
	text-transform: uppercase;
	}
	.widget-container {
		margin-bottom:20px;
	}
	
	/*===============================
	Book Store Custom Styles
	=================================*/
	.seadevilstore {
		background-image:url(http://www2.cfcc.edu/seadevilstore/files/2015/10/TopBannerBG.png);
		background-size:contain;
	}
	.seadevilstore img {
		padding: 0 0 0 20px;
	}
	.menuButtonize ul {
		list-style-type:none;
	}
	.menuButtonize a {
		width:100%;
		display:block;
		padding: 10px;
		margin: 0px 0px 5px 0px;
		color:#FFFFFF;
		text-decoration:underline;
		background-color:#00477F;
	}
	.menuButtonize a:hover {
		color:#FFFFFF;
		text-decoration:none;
		background-color:#489DD7;
	}
	.aditem{
		border:solid 1px #cccccc;
		background-color:#fff;
	}
	.aditem:nth-child(4n+1){
		float:left;
		clear:left;
		margin-left: 0px;
		padding-: 0px;
	}
	.aditem img {
		padding: 0px 0px 10px 0px;
	}
	.aditem p {
		padding: 0px 10px;
		color:#222;
	}
	.aditem .moreinfo a {
		display:block;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		background-color:#666;
		padding:10px 0;
		margin:0;
	}
	.aditem .buyonline a {
		display:block;
		text-align:center;
		width:100%;
		color:#ffffff;
		background-color:#9b070b;
		padding:10px 0;
		margin:0;
	}
	.bookstoreblock {
		border:solid 1px #489DD7;
		padding:15px;
		background-color:#bfcfda;
		margin-left:0px!important;
	}	  
	.buttonspacingleft {
		margin-left:10px;
	}
	.buttonspacingright {
		margin-right:10px;
	}
	#book-top-menu ul {
		list-style-type:none;
		text-align:right;
	}	  
	#book-top-menu li {
		padding: 20px 0px 10px 15px;
		float:right;
	}
	#book-top-menu a {
		color:#00477F;
	}
	carousel-control a {
		text-decoration:none;
	}
	#Section-dblue a {
		color:#FFFFFF;
		text-decoration:underline;
	}
	#Section-dblue a:hover {
		text-decoration:none;
	}
	#Section-dblue .nav-tabs {
  	border-bottom: 1px solid #ddd;
	padding-bottom: 0px !important;
	}
	#Section-dblue .nav-tabs ul{
		padding-bottom: 0px !important;
	}

	#Section-dblue .nav-tabs > li {
  margin-bottom: -1px;
}

#Section-dblue .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid #ddd;
  background-color:#489DD7;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#Section-dblue .nav-tabs > li > a:hover,
#Section-dblue .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  background-color: #bfcfda;
}

#Section-dblue .nav-tabs > .active > a,
#Section-dblue .nav-tabs > .active > a:hover,
#Section-dblue .nav-tabs > .active > a:focus {
  color: #FFFFFF;
  cursor: default;
  background-color: #00477F;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

#Section .nav-tabs {
  	border-bottom: 1px solid #ddd;
	padding-bottom: 0px !important;
	}
	#Section .nav-tabs ul{
		padding-bottom: 0px !important;
	}

	#Section .nav-tabs > li {
  margin-bottom: -1px;
}

#Section .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid #777;
  background-color:#eeeeee;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#Section .nav-tabs > li > a:hover,
#Section .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  background-color: #93B7D1;
}

#Section .nav-tabs > .active > a,
#Section .nav-tabs > .active > a:hover,
#Section .nav-tabs > .active > a:focus {
  color: #FFFFFF!important;
  cursor: default;
  background-color: #93B7D1;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
	text-decoration: none;
}

/*================================


/*
Include this after bootstrap.css. Add class of 
vert-offset-top-value or vert-offset-bottom-value 
to your Bootstrap 3 default rows to prevent row content 
from touching the row content above or below.
*/

/* Vertical Offset Bottom */
.vert-offset-top-18{
    margin-top: 18em;
}
.vert-offset-top-17{
    margin-top: 17em;
}
.vert-offset-top-16{
    margin-top: 16em;
}
.vert-offset-top-15{
    margin-top: 15em;
}
.vert-offset-top-14{
    margin-top: 14em;
}
.vert-offset-top-13{
    margin-top: 13em;
}
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

/*================================

CE Web page Stuff

=================================*/

.ce-program {
	padding: 0 20px;
}
.ce-program img {
	padding-bottom: 10px;
}
.ce-program .span3 p {
	font-size: 18px;
}
	  
	/* FOOTER
	================================*/
	  
	/* FOOTER SECTION
	===============================*/
	
	#foort-sec{
		padding-top:80px;
	}
	/*#foot-sec .container {
		padding: 0 30px;
	}
	#foot-sec .span1 {}
	#foot-sec .span2 {
		width: 20%;
		float:left;
	}
	#foot-sec .span3 {
		width: 25%;
		float:left;
	}
	#foot-sec .span4 {
		width: 40%;
		float:left;
	}
	#foot-sec .span5 {}
	#foot-sec .span6 {}
	#foot-sec .span7 {}
	#foot-sec .span8 {
		width: 60%;
		float:left;
	}
	#foot-sec .span9 {}
	#foot-sec .span10 {}
	#foot-sec .span11 {}
	#foot-sec .span12 {} */
	
	footer{
	display:inline-block;
	width:100%;
	min-width:100%;
	padding-top:50px;
	padding-bottom:50px;
	min-height:200px;
	color:#fff;
	background-color:#333333;
	background-attachment: fixed;
	background-image: url(images/bg5.png);
	background-repeat: repeat-x repeat-y;
	  }
	  
	  footer .circ-wrap{
		float:left;
		margin:10px;

		
	  }
	   footer .circ-wrap a{
			color:#fff;
	   }
	   
	   footer .circ-wrap a:hover{
			text-decoration:none;
	   }
	   
	   footer .box {
		/*   border-right: solid 1px #FFF; */
		   }
		   
		   
		   
	  /* NAVIGATION 
	  =============================== */
	.navbar .nav > li > a {
		float: none;
		padding: 20px 10px 10px;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size:12px;
		font-wight:bold;
		text-transform:uppercase;
		border-top: 10px solid transparent;
	}
	.navbar .nav > li > a:focus,
	.navbar .nav > li > a:hover {
  		color: #fff;
  		text-decoration: none;
  		background-color: none;
		border-top: 10px solid #489dd7;
	}
	.navbar .nav > .active > a, 
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background: none;
		border-top: 10px solid #FFF;
		-webkit-box-shadow:  none;
			-moz-box-shadow:   none;
				box-shadow:  none;
	}
	.navbar .brand {
		padding: 10px 30px 15px 10px;
		color:#fc5242;
		text-shadow:none;
		font-size:32.5px;
		font-weight:100;
	}

	.navbar-fixed-top .navbar-inner, 
	.navbar-static-top .navbar-inner {
	-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow:0 3px 0px rgba(0, 0, 0, 0.1);
	}

	.navbar-inverse .navbar-inner {
	min-height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
	background-repeat: repeat-x;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	
	.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width:100%;
  /*min-width: 160px;*/
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
	
	
	/* ICONS WRAPERS
	===========================*/
	.circ-wrap{
		width: 98px;
		height: 98px;
		margin: 0 auto;
		line-height: 95px;
		text-align: center;
		border: 1px solid rgba(250,250,250,.9);
		border-radius: 50px;
		padding-top:15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	

	/* Carousel
	==============================*/
	.carousel-control {
		position: absolute;
		top: 45%;
		left: 15px;
		width: 40px;
		height: 40px;
		margin-top: 0px;
		font-size: 30px;
		padding-top:0px;
		font-weight: 100;
		line-height: 30px;
		color: #ffffff;
		text-align: center;
		background: none;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;

	}
	.carousel-control.right {
		right: -20px;
		left: auto;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		 border-top-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.carousel-control.left {
		left: -20px;
		right: auto;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	
	/* TEAM
	==============================*/
	.social-contacts a i{
		text-decoration:none;
		color:#3F7497;
	}
	.social-contacts a i:hover{

		color:#335E7C;
		text-decoration:none;
		transition: all ease-in-out 0.3s;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
	}
	.social-contacts a:hover{
		text-decoration:none;
	}
	
	
	/* PRODUCTS
	==============================*/
	.thumbnail.product-item{
		border-top:0px;
		border-left:0px;
		border-right:0px;
		overflow:hidden;
		max-height:300px;
		padding-top:20px;
		background:none;
		border-bottom:4px solid rgba(0,0,0, 0.1);
		-moz-box-shadow:none;
		box-shadow:none;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
				box-sizing:border-box;
		-webkit-border-radius:0px;
			-moz-border-radius:0px;
				border-radius:0px;
	}
	
	
	/* BUTTONS 
	=============================*/
	
	.btn-spacer {
		margin-bottom:10px;
	}
	.btn {
	  border: none;
	  background: #00477F;
	  color: #FFFFFF!important;
	  font-size: 16.5px;
	  text-decoration: none!important;
	  text-shadow: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  -webkit-backface-visibility: hidden; 
	}
	.btn a {
  color: #FFFFFF;
  text-decoration: none;
}

.btn a:hover,
.btn a:focus {
  color: #FFFFFF;
  text-decoration: underline;
}
/* button customization for light blue background */
#Section-lblue .btn:hover, #Section-lblue .btn:focus {
    background-color: #FFBE36;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
}
#Section-dblue .btn:hover, #Section-dblue .btn:focus {
    background-color: #FFBE36;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
}
  .btn:hover, 
  .btn:focus {
    background-color: #489DD7;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
	}
  .btn:active, .btn.active {
		background-color: #2c3e50;
		color: rgba(255, 255, 255, 0.75);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; 
	}
  .btn.disabled, 
  .btn[disabled] {
		background-color: #95a5a6;
		color: white; 
	}
	
  .btn.btn-large {
		padding-bottom: 12px;
		padding-top: 13px; 
	}
	.btn.well-btn {
		width:100%;
		text-align:center;
		font-size:18px;
	}
	.btn.btn-badge {
	  	height:100px;
		width: auto;
		margin-top: -10px;
		padding-top: 30px;
	
	}
  .btn.btn-badge2 {
	  	height:100px;
		width: auto;
		margin-top: -10px;
		padding-top: 20px;
	
	}
  .btn.btn-primary {
	background-color: #4D9665;
	}
    .btn.btn-primary:hover, 
	.btn.btn-primary:focus {
      background-color: #2fe2bf; 
	}
    .btn.btn-primary:active, 
	.btn.btn-primary.active {
      background-color: #16a085;
	 }
	.btn.btn-info {
		background-color: #3498db; 
	}
    .btn.btn-info:hover, 
	.btn.btn-info:focus {
      background-color: #5dade2; 
	 }
    .btn.btn-info:active, 
	.btn.btn-info.active {
      background-color: #2383c4; 
	}
  .btn.btn-danger {
	background-color: #993D1E;
	}
    .btn.btn-danger:hover, 
	.btn.btn-danger:focus {
      background-color: #ec7063; 
	}
    .btn.btn-danger:active, 
	.btn.btn-danger.active {
      background-color: #dc2d1b; 
	}
  .btn.btn-success {
	background-color: #4D9665;
	}
    .btn.btn-success:hover, 
	.btn.btn-success:focus {
      background-color: #55d98d; 
	 }
    .btn.btn-success:active, 
	.btn.btn-success.active {
      background-color: #27ad60; 
	}
  .btn.btn-warning {
		background-color: #FFAA49; 
	}
    .btn.btn-warning:hover, 
	.btn.btn-warning:focus {
      background-color: #f4d03f; 
	}
    .btn.btn-warning:active, 
	.btn.btn-warning.active {
      background-color: #cea70c; 
	 }
	.btn.btn-shadow {
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
	}
	
	.btn.btn-ctalight {
		color:#ffffff;
		font-weight:bold;
		border:solid 1px #ffffff;
		background-color: rgba(255, 255, 255, 0.15); 
	}
    .btn.btn-ctalight:hover, 
	.btn.btn-ctalight:focus {
		color:#ffffff;
	  border:solid 1px #ffffff;
      background-color: #6CF!important; 
	}
    .btn.btn-ctalight:active, 
	.btn.btn-ctalight.active {
		color:#ffffff;
		border:solid 1px #ffffff;
      background-color: #6CF!important; 
	 }
	 
	 .btn.btn-ctadark {
		color:#111111!important;
		font-weight:bold;
		border:solid 1px #111111;
		background-color: rgba(255, 255, 255, 0.15); 
	}
    .btn.btn-ctadark:hover, 
	.btn.btn-ctadark:focus {
		color:#111111;
	border:solid 1px #111111;
      background-color: #6CF; 
	}
    .btn.btn-ctadark:active, 
	.btn.btn-ctadark.active {
		color:#111111;
		border:solid 1px #111111;
      background-color: #6CF; 
	 }
	
	 
	 /* Progress bars
	 ================================*/
	 .progress, 
	 .ui-slider {
		  background: #e8edf2;
		  border-radius: 32px;
		  height: 20px;
		  -webkit-box-shadow: none;
		  -moz-box-shadow: none;
		  box-shadow: none;
		  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
  }
  .progress .bar, 
  .ui-slider .bar {
		background: #1abc9c;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-success, 
  .ui-slider .bar-success {
	background-color: #4D9665;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-warning, 
  .ui-slider .bar-warning {
		background-color: #FFAA49;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-danger, .ui-slider .bar-danger {
		background-color: #e74c3c;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-info, .ui-slider .bar-info {
		background-color: #3498db;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
	
	.navbar .btn-navbar {
		float: right;
		padding: 10px 10px;
		margin:0px;
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #292425;
		background-image: none;
		border-color: none;
		filter: none;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
		-webkit-border-radius:0px;
			-moz-border-radius:0px;
				border-radius:0px;
	}
	
/* Some table rules from the pio/discounts page */

th.discount {
	background-color: #CCCCCC;
	color: #000000;
}
th.discount2 {
	background-color: #00477f;
	color: #FFFFFF;
}
th.discount3 {
	background-color: #00477F;
	color: #FFFFFF;
}
td.tabletitle {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00477f;
	padding: .25em 0em .25em 0em;
}

td.tabletitle2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00477F;
	padding: .25em 0em .25em 0em;
}

td.discount {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
}

/*---------------------------------------------
Form Field Style
-----------------------------------------------*/

.medium
{
	height:30px!important;
  margin-left: 0px;
}

/*---------------------------------------------
Custom Style fro CE course listing http://www2.cfcc.edu/ce/schedule-of-classes/
----------------------------------------------*/
        /* single result styles */
.title {
}

        /* multi-result table striping */
.row0 {background-color: #eee;}
.row1 {background-color: #FFF;}

        /* multi-result table styles */
#results {
	margin: 10px;
}
#results th {
	background-color: #eeeeff;
}
#results th,td{
	padding: 8px 4px 8px 4px;
}
.description {}
.meeting_info {}
.coursecode { font-weight: bold; }
.hours {}
.accordionrow {
	border: none;	
	padding: 5px 10px 0px 10px;
	background-color: #CCE4F7;
}
#accordion {
	margin:0;
	padding:0;
}
#accordion table {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 1.2em;
	cursor: pointer;
	border: 0;
	margin: 0;	
}
#accordion p {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1em;
	padding-bottom: 0px;
	margin: 0px;
}
.ui-accordion-header-active {
	font-size:16px;
	border-top: 1px solid #000;	
	border-left: 1px solid #000;	
	border-right: 1px solid #000;	
	border-bottom: none;
	background-color: #CCE4F7;
	cursor: default;	
}

/*---------------------------------------------
Skip navigation - technique taken from http://webaim.org/techniques/css/invisiblecontent/
----------------------------------------------*/
#skipnav a, #skipnav a:hover, #skipnav a:visited
	{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
 
#skipnav a:active
	{
	position:static;
	width:auto;
	height:auto;
	color: #fff;
	}
	

/*--- Event Espresso Customizations ---*/

#event_wrapper a {
	color: #00477F;
	text-decoration: none;
}
#event_wrapper a:hover {
	color: #39C;
}
.warning {
	font-weight: bold;
	color: #900;
	font-size: 14px;
}
.event_data {
	padding: 10px!important;
	float: left!important;
	height: auto!important;
	width:44%!important;
	border: 1px solid #222!important;
	margin: 5px!important;
}
.event_data h2 {
	font-size: 16px;
}
.event_price {
	display: none;
}
.event_prices {
	display: none;
}
img.checklist {
	float:right;
	border: 1px solid #333;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

/*--- Event Espresso Customizations for Seadevil Summer---*/

#seadevilsummer #event_wrapper a {
	color: #000000;
	text-decoration: none;
}
#seadevilsummer #event_wrapper a:hover {
	color: #00477F;
}
#seadevilsummer .warning {
	font-weight: bold;
	color: #900;
	font-size: 14px;
}
#seadevilsummer .event_data {
	padding: 10px!important;
	float: left!important;
	height: auto!important;
	width:100%!important;
	border: 1px solid #222!important;
	margin: 5px!important;
}
#seadevilsummer .event_data h2 {
	font-size: 16px;
}
#seadevilsummer .event_price {
	display: none;
}
#seadevilsummer .event_prices {
	display: none;
}
#seadevilsummer img.checklist {
	float:right;
	border: 1px solid #333;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

/*--- Event Espresso Customizations ---*/


/*--- LRC Customizations ---*/
.lrcsearch {
	padding: 60px 80px;
	margin: 50px auto;
	background-color: rgba(0,0,0,0.5);
	-webkit-background-color: rgba(0,0,0,0.5);
	-moz-background-color: rgba(0,0,0,0.5);
}
.enbiggen {
	font-size:24px!important;
	line-height:20px;
}
.lrcsearch form {
	margin:0!important;
	padding:10px;
	}
.catsearch {}
.lrcsearch a {
	color:#FFFFFF;
	}
.lrcsearch a:hover {
	color:#489DD7;
	}
.input-library {
  width: 50%;
  height: 40px!important;
  margin-top:0px!important;
  font-size:18px!important;
}
.input-library-submit {
  height: 40px!important;
  margin-top:-5px!important;
  font-size:18px!important;
}
.catsearch {
	padding: 3px 5px 0px 10px;
	height: auto;
	width: auto;
	background-color: #dc2d1b;
}
/* LRC Search page nav tabs */
.lrcsearch .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid #ddd;
  background-color:#489DD7; 
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.lrcsearch .nav-tabs > li > a:hover,
.lrcsearch .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  background-color: #bfcfda;
}

.lrcsearch .nav-tabs > .active > a,
.lrcsearch .nav-tabs > .active > a:hover,
.lrcsearch .nav-tabs > .active > a:focus {
  color: #FFFFFF;
  cursor: default;
  background-color: #dc2d1b;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* Ask Ray Homepage Badge */
#askray {
	width: 96%;
	height: auto;
	float:left;
	padding: 10px 2%;
	background: #489dd7; /* Old browsers */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(top,  #489dd7 28%, #005daa 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#489dd7), color-stop(98%,#005daa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #489dd7 28%,#005daa 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #489dd7 28%,#005daa 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #489dd7 28%,#005daa 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #489dd7 28%,#005daa 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489dd7', endColorstr='#005daa',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#askray p {
	color: #FFF;
}
#askray img{
	width: 100%;
}
.callout {
	padding: 15px!important;
	border: 1px solid #222!important;
	display: block!important;
	clear: both!important;
	background-color:#eeeeee!important;
}

.callout input {
	text-align: right;
    clear: both;
    float:left;
	margin-top:7px;
    margin-right:15px;
}
.callout label {
	
}

.horizontalmenu .widget_nav_menu ul {}
.horizontalmenu .widget_nav_menu li {}
.horizontalmenu .widget_nav_menu a {}
.horizontalmenu .widget_nav_menu a:hover {}
/* Sidebar Menus Customization */
#Section .widget_nav_menu ul {
	list-style-type:none;
	list-style-position:outside;
	padding-left:0!important;
	margin-left:0!important;
}
#Section .widget_nav_menu li {
	margin: 0!important;
	margin-bottom: -1px!important;
	padding:0;
	border: solid 1px #999999;
}
#Section .widget_nav_menu a {
	display:block;
	padding: 10px;
	width:100%;
}
#Section .widget_nav_menu a:hover {
	background-color:#e1e1e1;
}

/*SEA DEVIL STORE CUSTOM*/
.bookstorenav #menu-sea-devil-store {
	display:block!important;
	width:100%;
	height:50px;
	padding:0px!important;
	margin:0px 0px 10px 0px!important;
}

.bookstorenav #menu-sea-devil-store li {
	width:14.285%;
	list-style:none!important;
	list-style-type:none!important;
	float:left;
	text-align:center;
}
.bookstorenav #menu-sea-devil-store a {
	display:block;
	width:100%;
	padding: 15px 0px;
	margin-left:-1px;
	color:#FFF;
	background-color:#00477F;
	border: solid 1px #999999;
	text-decoration: none;
	font-weight:bold;
}
.bookstorenav #menu-sea-devil-store a:hover {
	color:#FFF;
	background-color:#489DD7;
}
