/*
Blue: #0658CE
Red: #B70808
Orange: #D3661C
Green: #62831F
Slate: #333
Light Gray: #777
*/



body.calendar-footer {
	border-top: none;
}
/*::-webkit-scrollbar {
 	width: 17px;
}
::-webkit-scrollbar-track {
  	background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  	background: #999; 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  	background: #555; 
}*/

.background {
	background: #333 url(bg2.jpg) repeat;
	/* background: #FFF url(bg-snowflakes.jpg) no-repeat center top; */
	width: 100%;
	height: 100px;
	border-bottom: #CCC solid 4px; 
}


.background-blue {
	background: #0658CE;
	width: 235px;
	height: auto;
	padding: 0;
	margin: 0;
}

.background-red {
	background: #B70808;
	width: 235px;
	height: auto;
	padding: 0;
	margin: 0;
}

.background-orange {
	background: #D3661C;
	width: 235px;
	height: auto;
	padding: 0;
	margin: 0;
}

.background-green {
	background: #62831F;
	width: 235px;
	height: auto;
	padding: 0;
	margin: 0;
}

#cse-search-results {
	width: 600px;
	height: 1250px;
	margin: 10px 0 0 0;
	padding: 0;
}

.wrap {
	width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}

.announcement {
	width: 992px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 6px 4px 5px 4px;
	color: #FFF;
	font-size: 15px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #B70808;
}	

#twitter {
	height: 1040px;
}

a {
	color: #5E5E5E;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

a.a-large {
	font-size: 20px;
}

a.a-homepage-box:hover {
	color: #FFF;
	text-shadow: 1px 1px 3px #BBB;
}

strong {
	font-weight: bold;
}

strong.strong-homepage {
	font-family: OpenSansExraBold, Arial, sans-serif;
}

em {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

small {
	font-size: 12px;
	font-weight: normal;
	font-family: MuliRegular, Arial, Helvetica, sans-serif;
}



small a {
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

small a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

iframe.iframe-video {
	margin: 15px 0 0 0;
	width: 100%;
	height: 200px;
}

iframe.iframe-orientation {
	margin: 20px 0 0 0;
	width: 480px;
	height: 795px;
}

object.object-video {
	margin: 15px 0 0 0;
	width: 420px;
	height: 315px;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

img.img-homepage-box {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0;
	padding: 0;
}

img.img-padding {
	max-width: 97%;
	height: auto;
	width: auto\9; /* ie8 */
}

font.font-large {
	font-weight: bold;
	font-size: 17px;
}

span.font-large {
	font-weight: bold;
	font-size: 17px;
}

figure {
	margin: 30px 0 0 0;
}

figure img {
	display: block;
	padding: 0 0 6px 0;
	color: #5E5E5E;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-webkit-box-shadow: 0px 2px 4px #999;
	-moz-box-shadow: 0px 2px 4px #999;
	box-shadow: 0px 2px 4px #999;
}

figcaption {
	color: #333;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 21px;
	margin: 10px 0 0 0;
}

.red-border {
	
	
	margin: 25px 0;
	padding: 8px 0;
	border-top: #B70808 solid 1px;
	border-bottom: #B70808 solid 1px;
}

/* COLORS */
/*-----------------------------------------------------*/
.admission-color {
	color: #0658CE; /* Blue */
}

.academics-color {
	color: #B70808; /* Red */
}

.students-color {
	color: #D3661C; /* Orange */
}

.about-color {
	color: #62831F; /* Green */
}

.neutral-color {
	color: #333; /* Slate */
}

/* HEADER CONTENT */
/*-----------------------------------------------------*/
.header {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

.skip a.a-skip, .skip a.a-skip:hover, .skip a.a-skip:visited {
	position: absolute;
	left: -1000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 11px;
	color: #CCC;
}
								
.skip a.a-skip:active, .skip a.a-skip:focus {
	position: absolute;
	width: auto;
	height: auto;
	left: 0;
	top: 2px;
} 

.logo-position {
	position: absolute;
	left: 0;
	top: 25px;
	display: inline-block;
}

.logo-position h1.logo-sscc {
	margin: 0;
}

.logo-position h1.logo-sscc a {
	background: url(logo-sscc.png) no-repeat;
	width: 265px;
	height: 54px;
	display: block;
	text-indent: -9999px;
}
.logo-position h1.logo-sscc-portal a {
	background: url(logo-sscc.png) no-repeat;
	width: 550px;
	height: 54px;
	display: block;
	text-indent: -9999px;
	margin-bottom:25px;
}



/* DIRECTORY NAVIGATION */
/*-----------------------------------------------------*/
.nav-directory-search {
	position: absolute;
	right: 0;
	top: 10px;
}

.nav-directory-position {
	float: left;
	display: inline-block;
}

.nav-directory li {
	display: inline;
	float: left;
	max-width:5em;
	padding: 0 10px 3px 10px;
	border-left: #888 solid 1px;
	-moz-transition: padding .3s; 
	-webkit-transition: padding .3s; 
	-o-transition: padding .3s;
	transition: padding .3s;
}

.nav-directory li a {
	color: #CCC;
	font-size: 11px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #000;

}

.nav-directory li a:hover {
	color: #FFF;
}

.nav-directory li a.nav-directory-marked {
	color: #FFF;
}

.nav-directory li:first-child {
	padding-left: 0;
	border-left: none;
}



/* SEARCH BAR */
/*-----------------------------------------------------*/
.search-bar-position {
	float: right;
	display: inline-block;
	padding: 1px 0 0 5px;
}
.search-bar-portal-position {
	float: right;
	display: inline-block;
	padding: 25px 0 0 5px;
}
p.search {
	margin: 0;
	padding: 0;
}

.search-bar {
	width: 120px;
	height: 18px;
	border: #DDD solid 1px;
	font-size: 13px;
	font-family: MuliRegular, Arial, Helvetica, sans-serif;
	color: #000;
	background: #EEE;
	padding: 2px 3px 0 3px;
	-moz-transition: width .3s; 
	-webkit-transition: width .3s; 
	-o-transition: width .3s;
	transition: width .3s;
}

.search-bar:focus {
	border: #555 solid 1px;
	color: #000;
	background: #FFF;
	box-shadow: 0 0 3px #FFF; 
}

.submit {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

/* MAIN NAVIGATION */
/*-----------------------------------------------------*/
.nav-main-position {
	position: absolute;
	right: 0;
	top: 50px;
	display: inline-block;
}

.nav-main li {
	display: inline;
	float: left;
	padding: 4px 20px;
	border-left: #888 solid 1px;
	-moz-transition: padding .3s; 
	-webkit-transition: padding .3s; 
	-o-transition: padding .3s;
	transition: padding .3s;
}

.nav-main li a {
	color: #DDD;
	font-size: 16px;
	font-family: OpenSansBold, Arial, sans-serif;
}

.nav-main li a:hover {
	color: #FFF;
	border-bottom: #FFF solid 3px;
	padding: 0 0 3px 0; 
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}

.nav-main li a.nav-main-marked {
	color: #FFF;
	border-bottom: #FFF solid 3px;
	padding: 0 0 3px 0;
}

.nav-main li:first-child {
	padding-left: 0;
	border-left: none;
}

.nav-main li:last-child {
	padding-right: 0;
}

/* --------------------- Telepresence Robot -----------------*/

.nav-robot {
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: #AAA solid 1px;
	padding: 0 0 0 0;
}
.nav-robot li {
	display: inline-block;
	float:left;
	margin-bottom:-1px;
	margin-right:2px;
	padding: 5px 13px 5px 13px;
	border: #AAA solid 1px;
	border-radius: 5px 5px 0 0;
}
.nav-robot li a {
	color: #777;
	font-size: 17px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;

}
.nav-robot li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
.nav-robot li:hover {
	background-color:#B70808;
	color:#FFF;
}


.nav-robot a:hover {
	color:#fff !important;
	-o-transition:.25s;
    -ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s;}

.nav-robot  a:focus {
	outline:0; 
	color:#FFF;

}



/* PAGE CONTENT */
/*-----------------------------------------------------*/
.page-content {
	width: 1000px;
	margin: 30px 0 0 0;
	overflow: hidden;
	/* background: url(logo-watermark.png) no-repeat top right; */
}
.fullpage-content {
	width: 100%;
	margin: 30px 0 0 0;
	overflow: hidden;
	/* background: url(logo-watermark.png) no-repeat top right; */
}

.side-nav {
	width: 265px;
	float: left; !important
	padding: 0 20px 0 0;
	border-right: #EEE solid 1px;
}

.side-main {
	width: 680px;
	float: right;
	padding: 0 0 0 30px;
}

.page-section {
	width: 680px;
	border-top: #DDD solid 2px;
	padding: 8px 0 0 0;
	margin: 60px 0 0 0;
	clear: both;
}
.page-section-full-page {
	width: 100%;
	border-top: #DDD solid 2px;
	padding: 8px 0 0 0;
	margin: 60px 0 0 0;
	clear: both;
}
.page-section-ptk {
	width: 680px;
	border-top: #DDD solid 2px;
	padding: 8px 0 0 0;
	margin: 30px 0 0 0;
	clear: both;
}
.memoriam-section {
	width: 999px;
	border-top: #CCC solid 1px;
	padding: 8px 0 0 0;
	margin: 15px 0 0 0;
	clear: both;
}
.page-section-no-border {
	width: 680px;
	padding: 8px 0 0 0;
	margin: 40px 0 0 0;
	clear: both;
}

.link-top {
	float: right;
	text-align: right;
	display: inline-block;
	margin: 20px 0;
	padding: 0 0 0 2%;
	width: 13%;
}

.link-top a {
	color: #5E5E5E;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, sans-serif;
}

.link-top a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.column-content-kiosk{
	width: 1600px;
	overflow: hidden;
	clear: both;
	margin: 0 0 0 0;
}

.column-content-patriot-link{
	width: 1100px;
	overflow: hidden;
	clear: both;
	margin: 0 0 20px 0;
}

.column-content-full-page {
	width: 1000px;
	overflow: hidden;
	clear: both;
	margin: 0 0 20px 0;
}

.column-content {
	width: 680px;
	overflow: hidden;
	clear: both;
}

.column-content-margin-top {
	width: 680px;
	overflow: hidden;
	clear: both;
	margin: 25px 0 0 0;
}

.column-two-first {
	width: 325px;
	float: left;
	display: inline-block;
	padding: 0 28px 0 2px;
}

.column-two-second {
	width: 325px;
	float: right;
	display: inline-block;
	
}
.column-two-first-smaller {
	max-width: 305px;
	float: left;
	display: inline-block;

}

.column-two-second-smaller {
	max-width: 305px;
	float: left;
	display: inline-block;
	
}

.column-two-first-50 {
	width: 40%;
	float: left;
	display: inline-block;

}

.column-two-second-50 {
	width: 25%;
	float: left;
	display: inline-block;
	
}

.column-two-second-margin-adjust {
	width: 325px;
	float: right;
	display: inline-block;
}

.column-two-first-full-page {
	width: 490px;
	float: left;
	display: inline-block;
	padding: 0 20px 0 0;
	margin: 15px 0 0 0;
}

.column-two-second-full-page {
	width: 490px;
	float: right;
	display: inline-block;
	margin: 15px 0 0 0
}

.column-two-second-full-page-margin-adjust {
	width: 490px;
	float: right;
	display: inline-block;
	margin: 15px 0 0 0
}

.column-two-first-half-page {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0 15px 0 3px;
}

.column-two-second-half-page {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0;
}

.column-three-first {
	width: 215px;
	float: left;
	display: inline-block;
	padding: 0 0 0 3px;
}

.column-three-second {
	width: 215px;
	float: left;
	display: inline-block;
	padding: 0 13px;
}

.column-three-third {
	width: 215px;
	float: left;
	display: inline-block;
}
.column-three-first-page {
	width: 30%;
	float: left;
	display: inline-block;
	padding: 0 0 0 3px;
}

.column-three-second-page {
	width: 30%;
	float: left;
	display: inline-block;
	padding: 0 13px;
}

.column-three-third-page {
	width: 30%;
	float: left;
	display: inline-block;
}

.column-three-first-full-page {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 3px;
	margin: 15px 0 0 0;
}

.column-three-second-full-page {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 0;
	margin: 15px 0 0 0;
}

.column-three-third-full-page {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 0;
	margin: 15px 0 0 0;
}



.column-three-first-mysscc {
	width: 32%;
	float: left;
	display: inline-block;
	padding: 0 2% 0 0;
	min-height: 100px;
}

.column-three-second-mysscc {
	width: 32%;
	float: left;
	display: inline-block;
	padding: 0 2% 0 0;
	min-height: 100px;
}

.column-three-third-mysscc {
	width: 32%;
	float: left;
	display: inline-block;
	min-height: 100px;
}



.column-three-first-myboxes {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 0 20px 0 0;

}

.column-three-second-myboxes {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 0 20px 0 0;

}

.column-three-third-myboxes {
	width: 320px;
	float: left;
	display: inline-block;

}

#content-mysscc{
	margin-top: 5px;
}

.column-three-first-mylinks {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 15px 20px 0 0;
}

.column-three-second-mylinks {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 15px 20px 0 0;
}

.column-three-third-mylinks {
	width: 320px;
	float: left;
	display: inline-block;
	padding: 15px 0 0 0;
}









.column-four-first-full-page {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 3px;
}

.column-four-second-full-page {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 0;
}

.column-four-third-full-page {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 0;
}

.column-four-fourth-full-page {
	width: 235px;
	float: left;
	display: inline-block;
}

/* homepage boxes */
.column-four-first-homepage-box {
	width: 24%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 1%;
	max-height:192px;
}

.column-four-second-homepage-box {
	width: 24%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 0;
	max-height:192px;
}

.column-four-third-homepage-box {
	width: 24%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 0;
	max-height:192px;
}

.column-four-fourth-homepage-box {
	width: 24%;
	float: left;
	display: inline-block;
	max-height:192px;
}


/* new homepage boxes */
.column-five-first-homepage-box {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 1%;
	max-height:100px;
}

.column-five-second-homepage-box {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 0;
	max-height:100px;
}

.column-five-third-homepage-box {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 0;
	max-height:100px;
}

.column-five-fourth-homepage-box {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1% 0 0;
	max-height:100px;
}

.column-five-fifth-homepage-box {
	width: 19%;
	float: left;
	display: inline-block;
	max-height:100px;
}


.column-four-first {
	width: 24%;
	float: left;
	display: inline-block;

}

.column-four-second {
	width: 24%;
	float: left;
	display: inline-block;

}

.column-four-third {
	width: 24%;
	float: left;
	display: inline-block;

}

.column-four-fourth {
	width: 24%;
	float: left;
	display: inline-block;
}

/* MySSCC 4 Boxes  */

.column-four-first-mysscc-boxes {
	width: 235px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 3px;
}
.column-four-second-mysscc-boxes {
	width: 235px; 
	float: left; 
	display: inline-block;
	padding: 0 18px 0 0;
}
.column-four-third-mysscc-boxes {
	width: 235px; 
	float: left; 
	display: inline-block;
	padding: 0 18px 0 0;
}
.column-four-fourth-mysscc-boxes {
	width: 235px; 
	float: left; 
	display: inline-block;
}


/* MySSCC 6 Boxes */

.column-six-first-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 .8% 0 0;
}
.column-six-second-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 .8% 0 0;
}
.column-six-third-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 .8% 0 0;
}
.column-six-fourth-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 .8% 0 0;
}
.column-six-fifth-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 .8% 0 0;
}
.column-six-sixth-mysscc-boxes{
	width: 16%; 
	float: left; 
	display: inline-block;
	padding: 0 0 0 0;
}



/* new mysscc links */
.column-five-first-mysscc {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1.25% 0 0;
}
.column-five-first-mysscc img {
	width: 100%;
}
.column-five-second-mysscc {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1.25% 0 0;
}
.column-five-second-mysscc img {
	width: 100%;
}
.column-five-third-mysscc {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1.25% 0 0;
}
.column-five-third-mysscc img {
	width: 100%;
}
.column-five-fourth-mysscc {
	width: 19%;
	float: left;
	display: inline-block;
	padding: 0 1.25% 0 0;
}
.column-five-fourth-mysscc img {
	width: 100%;
}
.column-five-fifth-mysscc {
	width: 19%;
	float: left;
	display: inline-block;
}
.column-five-fifth-mysscc img {
	width: 100%;
}



.mysscc-link-title {
	font-size: 18px;
}

.column-five-first-full-page {
	width: 188px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 3px;
}

.column-five-second-full-page {
	width: 188px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 0;
}

.column-five-third-full-page {
	width: 188px;
	float: left;
	display: inline-block;
	padding: 0 18px 0 0;
}

.column-five-fourth-full-page {
	width: 188px;
	float: left;
	display: inline-block;
}
.column-five-fifth-full-page {
	width: 188px;
	float: left;
	display: inline-block;
}




.column-six-first-full-page {
	width: 155px;
	float: left;
	display: inline-block;
	padding: 0 13px 0 2px;
}

.column-six-second-full-page {
	width: 155px;
	float: left;
	display: inline-block;
	padding: 0 13px 0 0;
}

.column-six-third-full-page {
	width: 155px;
	float: left;
	display: inline-block;
	padding: 0 13px 0 0;
}

.column-six-fourth-full-page {
	width: 155px;
	float: left;
	display: inline-block;
	padding: 0 13px 0 0;
}
.column-six-fifth-full-page {
	width: 155px;
	float: left;
	display: inline-block;
	padding: 0 13px 0 0;
}

.column-six-sixth-full-page {
	width: 155px;
	float: left;
	display: inline-block;
}



.column-eight-first-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 5px;
}

.column-eight-second-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0;
}

.column-eight-third-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0;
}

.column-eight-fourth-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0px;
}
.column-eight-fifth-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0px;
}

.column-eight-sixth-full-page {
	width: 120px;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0;
}

.column-eight-seventh-full-page {
	width: 120px;;
	float: left;
	display: inline-block;
	padding: 0 5px 0 0;
}

.column-eight-eighth-full-page {
	width: 120px;
	float: left;
	display: inline-block;
}
/* SIDE NAVIGATION */
/*-----------------------------------------------------*/
.nav-side {
	margin: 30px 0;
}

.nav-side li {
	display: block;
	padding: 4px 5px 4px 20px;
	border-bottom: none;
	line-height: 13px;
	overflow: hidden;
}

.nav-side li a {
	color: #5E5E5E;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, sans-serif;
	padding: 0;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}

.nav-side li a:hover {
	color: #000;
	background: url(link-hover.jpg) no-repeat left;
	padding: 0 0 0 12px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}

.nav-side li.link-group-header {
	font-size: 14px;
	font-weight: bold;
	font-family: MuliRegular, Arial, sans-serif;
	text-transform: lowercase;
	margin: 23px 0 0 0;
	padding: 0 0 4px 0;
	border-bottom: #DDD solid 3px;
}

.nav-side li.link-group-divider {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;	
	margin: 8px 0 0 0;
	padding: 0 0 2px 11px;
	border-bottom: #DDD solid 1px;
}

/* PAGE NAVIGATION */
/*-----------------------------------------------------*/
.nav-page {
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: #DDD solid 2px;
	padding: 0 0 2px 0;
}

.nav-page li {
	display: inline;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 11px 5px 11px;
	border-right: #CCC solid 1px;
}

.nav-page li:last-child {
	border-right: none;
}

.nav-page li a {
	color: #666;
	font-size: 17px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.nav-page li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

/* FACULTY DIRECTORY NAVIGATION */
/*-----------------------------------------------------*/
.nav-faculty-directory {
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: #DDD solid 2px;
	padding: 0 0 2px 0;
}

.nav-faculty-directory li {
	display:inline;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 11px 5px 11px;
	border-right: #CCC solid 1px;
}

.nav-faculty-directory li:last-child {
	border-right: none;
}

.nav-faculty-directory li a {
	color: #666;
	font-size: 17px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.nav-faculty-directory li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

/* CERTIFICATIONS NAVIGATION */
/*-----------------------------------------------------*/
.cert-page {
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: #DDD solid 2px;
	padding: 0 0 2px 0;
}

.cert-page li {
	display: inline;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 11px 5px 11px;
	border-right: #DDD solid 1px;
}

.cert-page li:last-child {
	border-right: none;
}

.cert-page li a {
	color: #777;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.cert-page li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}





/* PAGE FOOTER */
/*-----------------------------------------------------*/
.page-footer {
	width: 680px;
	border-top: #DDD solid 2px;
	padding: 8px 0 0 0;
	margin: 50px 0 0 0;
	clear: both;
}

/* HEADERS */
/*-----------------------------------------------------*/
h1 {
	font-size: 46px;
	font-family: "Arial Black", Arial, sans-serif;	
	font-weight: bold;
	line-height: 45px;
	margin: 15px 0 0 0;
}

h2 {
	font-size: 35px;
	font-family: Arial, sans-serif;	
	font-weight: bold;
	line-height: 37px;
	float: left;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
	width: 85%;
}

h3 {
	color: #5E5E5E;
	font-size: 24px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin: 30px 0 0 0;
	padding: 15px 0 0 0;
	clear: both;
}

h3.h3-homepage-box {
	color: #DDD;
	font-size: 17px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 20px;
	margin: 5px 0 0 0;
	padding: 0 8px 0 8px;
} 

h3.h3-homepage-bar {	
	line-height: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}

h3.h3-margin-top {
	color: #5E5E5E;
	font-size: 24px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin: 45px 0 0 0;
	padding: 15px 0 0 0;
	clear: both;
}

h3.h3-margin-top-extra {
	color: #5E5E5E;
	font-size: 24px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin: 65px 0 0 0;
	padding: 25px 0 0 0;
	clear: both;
}

h3.h3-margin-top-none {
	color: #5E5E5E;
	font-size: 24px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 20px 0 0 0;
	clear: both;
}

h4 {
	color: #333;
	font-size: 17px;
	font-family: MuliBold;	
	font-weight: normal;
	line-height: 18px;
	margin: 18px 0 0 0;
	padding: 10px 0 0 0;
}

h4 a {
	color: #5E5E5E;
	font-size: 17px;
	font-family: MuliBold;	
	font-weight: normal;
	line-height: 18px;
	margin: 18px 0 0 0;
	padding: 10px 0 0 0;
}

h4.h4-margin-top  {
	font-size: 17px;
	font-family: MuliBold;	
	font-weight: normal;
	line-height: 18px;
	margin: 38px 0 0 0;
	padding: 10px 0 0 0;
}

h4.h4-margins  {
	font-size: 17px;
	font-family: MuliBold;	
	font-weight: normal;
	line-height: 18px;
	margin: 35px 0 15px 0;
	padding: 10px 0 0 0;
}

h5 {
	color: #333;
	font-size: 15px;
	font-family: MuliBold;	
	font-weight: normal;
	line-height: 18px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}
h6 {
	font-size: 35px;
	font-family: Arial, sans-serif;	
	font-weight: bold;
	line-height: 37px;
	float: left;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;

}

/* PARAGRAPHS */
/*-----------------------------------------------------*/
p {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 21px;
	margin: 16px 0 0 0;
	clear: both;
}

p.par-announcement {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 25px;
	padding: 5px 0;
	border-top: #B70808 solid .5px;
	border-bottom: #B70808 solid .5px;
	text-align: center;
}

p.par-announcement-homepage {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 25px;
	padding: 5px 0;
	border-top: #B70808 solid .5px;
	border-bottom: #B70808 solid .5px;
	text-align: center;
}

p.par-border {
	color: #333;
	font-size: 15px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 25px;
	margin-top: 25px;
	padding: 8px 0;
	border-top: #333333 solid 1px;
	border-bottom: #333333  solid 1px;
}

p.par-back-link {
	color: #5E5E5E;
	font-size: 18px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 20px;
	margin: 13px 0 0 0;
}

p.par-center {
	color: #333;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	margin: 15px 0 0 0;
}

p.par-first {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 21px;
	margin: 6px 0 0 0;
}

p.par-first-strong {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 21px;
	margin: 6px 0 0 0;
}

p.par-first-uppercase {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 21px;
	margin: 6px 0 0 0;
	text-transform: uppercase;
}

p.par-first-footer {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 28px;
	margin: 6px 0 0 0;
}

p.par-homepage-box {
	color: #DDD;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 21px;
	padding: 0 8px 8px 8px;
	margin: 8px 0 0 0;
	clear: both;
}

p.par-homepage-box a:hover {
	color: #FFF;
	text-shadow: 1px 1px 2px #CCC;

}

p.par-location {
	color: #333;
	font-size: 16px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 -10px 0;
	clear: both;
}

p.par-top-margin {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 21px;
	padding: 16px 0 0 0;
}

p.par-welcome {
	color: #333;
	font-size: 16px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin: 15px 0 20px 0;
	clear: both;
}

p.par-welcome-border-bottom {
	color: #333;
	font-size: 16px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 5px;
	margin: 0px 0 20px 0;
	padding: 0 0 10px 0;
	clear: both;
	border-bottom: #EEE solid 2px;
}

p a {
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

p a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

p img {
	display: block;
	padding: 0 0 6px 0;
	margin: 0 0 8px 0;
	color: #5E5E5E;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-webkit-box-shadow: 0px 2px 4px #999;
	-moz-box-shadow: 0px 2px 4px #999;
	box-shadow: 0px 2px 4px #999;
}

/* LISTS */
/*-----------------------------------------------------*/

ul.list-default {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 10px 0 10px 3px;
	list-style: square !important;
}

ul.list-default li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-default-number {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-number li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 15px;
	padding: 10px 0 10px 3px;
	list-style-type: decimal !important;
}

ul.list-default-number li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-default-2-number {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-2-number li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 10px 0 10px 3px;
	list-style-type: decimal !important;
}

ul.list-default-2-number li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-default-closer {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-closer li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 10px;
	padding: 5px 0 5px 3px;
	list-style: square !important;
}

ul.list-default-closer li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
ul.list-default-closer-no-style {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-closer-no-style li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 5px 3px;
	list-style: none !important;
}

ul.list-default-closer-no-style li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
ul.list-default-2 {
	margin: 10px 0 0 45px;
	display: block;
}

ul.list-default-2 li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 15px;
	padding: 5px 0 5px 3px;
	list-style: square !important;
}

ul.list-default-2 li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-default-3 {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-3 li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 5px 3px;
	list-style: square !important;
}

ul.list-default-3 li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-default-tech {
	margin: 5px 0 0 35px;
	display: block;
}

ul.list-default-tech li {
	color: #333;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 12px;
	padding: 5px 0 5px 35px;
	list-style: none !important;
}

ul.list-default-tech li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-default-3-number {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-default-3-number li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 5px 3px;
	list-style-type: decimal !important;
}

ul.list-default-3-number li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-default-2-no-style {
	margin: 0 0 0 35px;
	display: block;
}

ul.list-default-2-no-style li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 14px;
	padding: 5px 0 5px 3px;
	list-style: none !important;
}

ul.list-default-2-no-style li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}



ul.list-default-no-padding {
	margin: 5px 0 0 15px;
	display: block;
}

ul.list-default-no-padding li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	font-weight: normal;
	line-height: 18px;
	padding: 10px 0 10px 3px;
	list-style: square !important;
}

ul.list-default-no-padding li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-default-no-style {
	margin: 10px 0 0 30px;
	display: block;
}

ul.list-default-no-style li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 10px 3px;
	list-style: none !important;
}

ul.list-default-no-style li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}




ul.list-default-large-no-style {
	margin: 10px 0 0 0;
	display: block;
}

ul.list-default-large-no-style li {
	color: #333;
	font-size: 17px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 10px 3px;
	list-style: none !important;
}

ul.list-default-large-no-style li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-default-no-style-no-padding {
	margin: 10px 0 0 0px;
	display: block;
}

ul.list-default-no-style-no-padding li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 10px 3px;
	list-style: none !important;
}

ul.list-default-no-style-no-padding li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-default-no-style-no-margin {
	margin: 0 0 0 45px;
	display: block;
}

ul.list-default-no-style-no-margin li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 5px 0 10px 3px;
	list-style: none !important;
}

ul.list-default-no-style-no-margin li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-contact {
	margin: 8px 0 0 0;
	overflow: show;
	clear: both;
}

ul.list-contact li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 16px;
	padding: 5px 0 0 0;
}

ul.list-contact .li-contact-header {
	color: #666;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	padding: 0 0 3px 0;
}

ul.list-contact .li-phone {
	color: #333;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 3px 0 0 0;
}

ul.list-contact .li-phone-large {
	color: #333;
	font-size: 24px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 25px;
	padding: 10px 0 15px 0;
}

ul.list-contact .li-email {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 10px 0;
}

ul.list-contact .li-time {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 0 0;
}

ul.list-contact li a {
	color: #666;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-contact li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-contact-large {
	margin: 25px 0 25px 0;
	overflow: show;
}

ul.list-contact-large li {
	color: #333;
	font-size: 20px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 20px;
	padding: 5px 0 0 0;
}

ul.list-contact-large .li-contact-header {
	color: #666;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	padding: 12px 0 0 0;
}

ul.list-contact-large .li-phone {
	color: #333;
	font-size: 24px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 25px;
	padding: 8px 0 12px 0;
}

ul.list-contact-large .li-email {
	color: #333;
	font-size: 21px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 21px;
	padding: 6px 0 0 0;
}

ul.list-contact-large li a {
	color: #666;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-contact-large li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-degrees {
	margin: 17px 0 0 0;
}

ul.list-degrees li {
	color: #333;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	padding: 0 0 18px 21px;
}

ul.list-degrees li a {
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-degrees li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-degrees-large {
	margin: 35px 0 0 0;
}

ul.list-degrees-large li {
	padding: 0 0 20px 21px;
}

ul.list-degrees-large a {
	font-size: 19px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-degrees-large a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-horizontal {
	margin: 8px 0 0 5px;
	display: block;
	overflow: hidden;
}

ul.list-horizontal li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	padding: 0 11px 2px 11px;
	margin: 0 0 10px 0;
	border-right: #DDD solid 1px;
	float: left;
	display: inline;
}

ul.list-horizontal li:last-child {
	border-right: none;
}

ul.list-horizontal li a {
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-horizontal li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-horizontal-releases {
	margin: 8px 0 0 5px;
	display: block;
	overflow: hidden;
}

ul.list-horizontal-releases li {
	color: #333;
	font-size: 16px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	padding: 0 8px 2px 8px;
	margin: 0 0 10px 0;
	border-right: #DDD solid 1px;
	float: left;
	display: inline;
}

ul.list-horizontal-releases li:last-child {
	border-right: none;
}

ul.list-horizontal-releases li a {
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-horizontal-releases li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-horizontal-images {
	margin: 25px 0 0 15px;
	display: block;
	overflow: hidden;
}

ul.list-horizontal-images li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	margin: 0 15px 15px 0;
	float: left;
	display: inline;
	vertical-align: middle;
}

ul.list-horizontal-large {
	margin: 20px 0 0 0;
	display: block;
	overflow: hidden;
}

ul.list-horizontal-large li {
	color: #333;
	font-size: 20px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 21px;
	padding: 0 15px 2px 15px;
	margin: 0 0 10px 0;
	border-left: #DDD solid 1px;
	float: left;
	display: inline;
}

ul.list-horizontal-large li:first-child {
	border-left: none;
	padding: 0 15px 0 0;
}

ul.list-horizontal-large li a {
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-horizontal-large li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-horizontal-library {
	margin: 25px 0 0 10px;
	display: block;
	overflow: hidden;
}

ul.list-horizontal-library li {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
	vertical-align: middle;
}


ul.list-icons {
	margin: 15px 0 0 0;
	display: block;
}

ul.list-icons li {
	color: #333;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	padding: 0 9px 10px 0;
	float: left;
	display: inline;
}

ul.list-icons li.li-googleplus {
	padding: 3px 10px 10px 0;
}

ul.list-links {
	margin: 0;
	display: block;
	clear: both;
}

ul.list-links li {
	color: #333;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;
	margin: 5px 0 20px 0;
}

ul.list-links li a {
	font-size: 18px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-links li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-links li.li-header {
	font-size: 18px;
	font-weight: normal;
	font-family: MuliRegular, Arial, sans-serif;
	line-height: 18px;
	margin: 35px 0 0 0;
}

ul.list-links li.li-header-top {
	font-size: 18px;
	font-weight: normal;
	font-family: MuliRegular, Arial, sans-serif;
	line-height: 18px;
	margin: 18px 0 0 0;
}



ul.list-no-style {
	margin: 10px 0 15px 0;
	display: block;
}

ul.list-no-style li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 18px;
	padding: 0 0 5px 0;
}

ul.list-no-style li a {
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-no-style li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-profile {
	margin: 20px 0 0 0;
	clear: both;
}

ul.list-profile li {
	padding: 0 0 4px 0;
	color: #333;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, sans-serif;
}

ul.list-profile li.li-name-large {
	font-size: 17px;
	font-weight: bold;
	line-height: 18px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-profile li img {
	display: block;
	padding: 0 0 6px 0;
	margin: 0 0 9px 0;
	color: #5E5E5E;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-webkit-box-shadow: 1px 2px 4px #999;
	-moz-box-shadow: 1px 2px 4px #999;
	box-shadow: 1px 2px 4px #999;
}

ul.list-profile li a.name {
	font-size: 17px;
	line-height: 18px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-profile li a.name:hover {
	color: #000;
	text-shadow: 1px 1px 3px #BBB;
}

ul.list-profile li a {
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-profile li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #DDD;
}

ul.list-profile li.li-bottom-border {
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: #EEE solid 1px;
}

ul.list-scholarship {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-scholarship li {
	color: #333;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 0 3px;
	list-style: none;
}

ul.list-scholarship li.li-scholarship {
	color: #333;
	font-size: 15px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 17px;
	padding: 15px 0 0 3px;
	list-style: square;
}

ul.list-scholarship li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
ul.list-address {
	margin: 5px 0 0 45px;
	display: block;
}

ul.list-address li {
	color: #333;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 14px;
	padding: 5px 0 0 3px;
	list-style: none;
}

ul.list-address li.li-address {
	color: #333;
	font-size: 15px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 14px;
	padding: 15px 0 0 3px;
	list-style: square;
}

ul.list-address li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-textbook {
	margin: 0 0 20px 45px;
	display: block;
}

ul.list-textbook li {
	color: #333;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: bold;
	line-height: 14px;
	padding: 5px 0 0 3px;
	list-style: none;
}

ul.list-textbook li.li-textbook {
	color: #333;
	font-size: 15px;
	font-family: MuliRegular, Arial, sans-serif;	
	line-height: 14px;
	padding: 15px 0 0 3px;
	list-style: square;
}

ul.list-textbook li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}


ul.list-sharepoint {
	margin: 40px 0 0 0;
	display: block;
}

ul.list-sharepoint li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 0 3px;
	list-style: none;
}

ul.list-sharepoint li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-sharepoint li.li-sharepoint-first {
	font-size: 22px;	
	line-height: 24px;
	padding: 10px 0 5px 0;
}

ul.list-sharepoint li.li-sharepoint-second {
	font-size: 20px;	
	line-height: 20px;
	padding: 30px 0 10px 25px;
}

ul.list-sharepoint li.li-sharepoint-third {
	font-size: 14px;	
	line-height: 16px;
	padding: 10px 0 10px 10px;
	margin: 0 0 0 35px;
	list-style: square;
}

ul.list-sharepoint li.li-sharepoint-fourth {
	font-size: 14px;	
	line-height: 16px;
	padding: 10px 0 10px 10px;
	margin: 0 0 0 60px;
	list-style: square;
}

ul.list-testimonial {
	margin: 15px 0 35px 0;
	display: block;
}

ul.list-testimonial li {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	font-family: MuliRegular, Arial, sans-serif;
	line-height: 18px;
	padding: 0 0 3px 0;
}

ul.list-testimonial li.li-testimonial-name {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	font-family: MuliRegular, Arial, sans-serif;
	line-height: 18px;
	padding: 12px 0 3px 0;
}

ul.list-testimonial li.li-testimonial-source {
	color: #666;
	font-size: 13px;
	font-weight: normal;
}

ul.list-helpdesk {
	margin: 8px 0 0 0;
	overflow: show;
	clear: both;
}

ul.list-helpdesk li {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	

	line-height: 16px;
	padding: 4px 0 4px 15px;
}

ul.list-helpdesk .li-header {
	color: #777;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	padding: 0 0 3px 0;
}

ul.list-helpdesk .li-phone {
	color: #333;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 3px 0 0 0;
}

ul.list-helpdesk .li-phone-large {
	color: #333;
	font-size: 24px;
	font-family: OpenSansRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 25px;
	padding: 10px 0 15px 0;
}

ul.list-helpdesk .li-email {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 10px 0;
}

ul.list-helpdesk .li-time {
	color: #333;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;	
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 0 0;
}

ul.list-helpdesk li a {
	color: #777;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-helpdesk li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

ul.list-profile-large {
	margin: 20px 0 0 0;
	clear: both;
}

ul.list-profile-large li {
	padding: 0 0 4px 0;
	color: #333;
	font-size: 16px;
	font-family: OpenSansRegular, Arial, sans-serif;
}

ul.list-profile-large li.name {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

ul.list-profile-large li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #DDD;
}






/* TABLES */
/*-----------------------------------------------------*/
table tr td a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.table-courses {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
}

.table-courses thead {
	border-bottom: #DDD solid 3px;
}

.table-courses thead th {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
}
.table-courses thead tr {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
}

.table-courses tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-courses .table-courses-first {
	width: 25%;
	padding-right: 2%;
	vertical-align: middle;
}

.table-courses .table-courses-second {
	width: 53%;
	vertical-align: middle;
}

.table-courses .table-courses-second a {
	color: #5E5E5E;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.table-courses .table-courses-second a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.table-courses .table-courses-third {
	width: 20%;
	text-align: right;
	vertical-align: middle;
}



.table-column-two {
	min-width: 200px;
	width: 70%;
	margin: 10px 0 20px 0;
	border:#DDD solid 2px;
}

.table-column-two thead {
	border-bottom: #DDD solid 3px;
}

.table-column-two thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
	padding:5px 0 0 8px;
}

.table-column-two tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
	padding:5px 0 0 8px;
}

.table-column-two tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 33%;
	vertical-align: middle;
	padding:5px 0 0 8px;
}



.table-column-three {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
}

.table-column-three thead {
	border-bottom: #DDD solid 3px;
}

.table-column-three thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-column-three tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-column-three tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 33%;
	vertical-align: middle;
}

.table-column-five {
	min-width: 100%;
	width: 100%;
	margin: 20px 0 20px 0;
}

.table-column-five thead {
	border-bottom: #DDD solid 3px;
}

.table-column-five thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-column-five tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-column-five tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 19%;
	padding: 0 1% 0 0;
	vertical-align: middle;
	text-align: right;
}

.table-column-five .column-five-first {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 19%;
	padding: 0 1% 0 0;
	vertical-align: middle;
	text-align: left;
}

.table-continuing-ed {
	min-width: 100%;
	width: 100%;
	margin: 25px 0 20px 0;
}

.table-continuing-ed thead {
	border-bottom: #DDD solid 3px;
}

.table-continuing-ed thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-continuing-ed tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
}

.table-continuing-ed tr.continuing-ed-description {
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 50px;
}

.table-continuing-ed tr.continuing-ed-description td {
	color: #444;
	font-size: 13px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
}

.table-continuing-ed tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	padding-right: 2%;
}

.table-continuing-ed tr td a {
	color: #5E5E5E;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.table-continuing-ed tr td a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.table-continuing-ed .continuing-ed-first {
	width: 27%;
	font-size: 15px;
}

.table-continuing-ed .continuing-ed-second {
	width: 20%;
}

.table-continuing-ed .continuing-ed-third {
	width: 20%;
}

.table-continuing-ed .continuing-ed-fourth {
	width: 16%;
}

.table-continuing-ed .continuing-ed-fifth {
	width: 9%;
	padding-right: 0;
	text-align: right;
}

.table-jobs {
	min-width: 100%;
	width: 100%;
	margin: 30px 0 20px 0;
	clear: both;
}

.table-jobs thead {
	border-bottom: #DDD solid 3px;
}

.table-jobs thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-jobs thead tr th {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
}

.table-jobs tr {
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 40px;
}

.table-jobs tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	vertical-align: middle;
	padding-right: 2%;
}

.table-jobs tr td a {
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.table-jobs tr td a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.table-jobs .jobs-first {
	width: 38%;
}

.table-jobs .jobs-second {
	width: 26%;
}

.table-jobs .jobs-third {
	width: 21%;
}

.table-jobs .jobs-fourth {
	width: 15%;
	text-align: right;
	padding-right: 0;
}

.table-players {
	min-width: 100%;
	width: 100%;
	margin: 25px 0 20px 0;
}

.table-players thead {
	border-bottom: #DDD solid 3px;
}

.table-players thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-players tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
}

.table-players tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	padding-right: 2%;
}

.table-players .players-first {
	width: 28%;
	font-size: 15px;
}

.table-players .players-second {
	width: 16%;
}

.table-players .players-third {
	width: 14%;
}

.table-players .players-fourth {
	width: 25%;
}

.table-players .players-fifth {
	width: 9%;
	padding-right: 0;
	text-align: right;
}

.table-records {
	min-width: 100%;
	width: 100%;
	margin: 25px 0 20px 0;
	clear: both;
}

.table-records thead {
	border-bottom: #DDD solid 3px;
}

.table-records thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-records tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
	border-bottom: #DDD solid 1px;
}

.table-records tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	padding-right: 2%;
}

.table-records .records-first {
	width: 22%;
}

.table-records .records-second {
	width: 26%;
}

.table-records .records-third {
	width: 26%;
}

.table-records .records-fourth {
	width: 20%;
	padding-right: 0;
	text-align: right;
}

.table-records .records-three-first {
	width: 38%;
}

.table-records .records-three-second {
	width: 22%;
}

.table-records .records-three-third {
	width: 34%;
	padding-right: 0;
	text-align: right;
}

.table-schedule {
	min-width: 100%;
	width: 100%;
	margin: 25px 0 20px 0;
}

.table-schedule thead {
	border-bottom: #DDD solid 3px;
}

.table-schedule thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-schedule tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
	border-bottom: #DDD solid 1px;
}

.table-schedule tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	padding-right: 2%;
}

.table-schedule .schedule-first {
	width: 27%;
}

.table-schedule .schedule-second {
	width: 37%;
}

.table-schedule .schedule-third {
	width: 12%;
}

.table-schedule .schedule-fourth {
	width: 18%;
	padding-right: 0;
	text-align: right;
}

.table-schedule-border {
	min-width: 100%;
	width: 100%;
	margin: 25px 0 20px 0;
	border: #DDD solid 3px;
}

.table-schedule-border thead {
	border-bottom: #DDD solid 3px;
}

.table-schedule-border thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-schedule-border thead tr td {
	width: 100%;
	padding: 10px;
	text-align: center;
}

.table-schedule-border tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
	border-bottom: #DDD solid 1px;
}

.table-schedule-border tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 20%;
	vertical-align: middle;
	text-align: left;
	padding-right: 2%;
}

.table-schedule-border .schedule-first {
	width: 25%;
	padding: 0 0 0 2%;
}

.table-schedule-border .schedule-second {
	width: 37%;
}

.table-schedule-border .schedule-third {
	width: 12%;
}

.table-schedule-border .schedule-fourth {
	width: 16%;
	padding: 0 2% 0 0;
	text-align: right;
}

.table-statistics {
	min-width: 100%;
	width: 100%;
	margin: 40px 0 20px 0;
	clear: both;
}

.table-statistics thead {
	border-bottom: #DDD solid 3px;
}

.table-statistics thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-statistics tr {
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 40px;
}

.table-statistics tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	vertical-align: middle;
	width: 10%;
	padding-left: 2%;
	text-align: left;
}

.table-statistics .statistics-first {
	width: 50%;
	text-align: left;
	padding-left: 0;
}

.table-campus-stats {
	min-width: 100%;
	width: 100%;
	margin: 20px 0 15px 8px;
	padding: 0;
	clear: both;
}

.table-campus-stats tr {
	color: #eee;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 100px;
}

.table-summer-courses {
	min-width: 100%;
	width: 100%;
	margin: 20px 0 20px 0;
}

.table-summer-courses thead {
	border-bottom: #DDD solid 3px;
}

.table-summer-courses thead tr {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
}

.table-summer-courses tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-summer-courses tr td {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	padding: 0 1% 0 0;
	vertical-align: middle;
}

.table-summer-courses .summer-courses-first {
	width: 20%;
}

.table-summer-courses .summer-courses-second {
	width: 40%;
}

.table-summer-courses .summer-courses-third {
	width: 10%;
}

.table-summer-courses .summer-courses-fourth {
	width: 12%;
}

.table-summer-courses .summer-courses-fifth {
	width: 12%;
	padding-right: 0;
	text-align: right;
}



.table-AA-courses {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
}

.table-AA-courses thead {
	border-bottom: #DDD solid 3px;
}

.table-AA-courses thead tr {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
}

.table-AA-courses tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-AA-courses .table-AA-courses-first {
	width: 16%;
	padding-right: 2%;
	vertical-align: middle;
}

.table-AA-courses .table-AA-courses-second {
	width: 16%;
	vertical-align: middle;
}

.table-AA-courses .table-AA-courses-second a {
	color: #5E5E5E;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
}

.table-AA-courses .table-AA-courses-second a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}

.table-AA-courses .table-AA-courses-third {
	width: 16%;
	text-align: right;
	vertical-align: middle;
}

.table-AA-courses .table-AA-courses-fourth {
	width: 16%;
	text-align: right;
	vertical-align: middle;
}
.table-AA-courses .table-AA-courses-fifth {
	width: 16%;
	text-align: right;
	vertical-align: middle;
}
.table-AA-courses .table-AA-courses-sixth {
	width: 16%;
	text-align: right;
	vertical-align: middle;
}






.table-ymca {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
	border:#DDD solid 2px;

}

.table-ymca thead {
	border-bottom: #DDD solid 3px;
}

.table-ymca thead tr {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	height: 30px;


}

.table-ymca tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-ymca .table-ymca-first {
	width: 87%;
	padding-right: 2%;
	vertical-align: middle;
	padding-left:7px;
	border-right:#DDD solid 1px;
}

.table-ymca .table-ymca-second {
	width: 10%;
	vertical-align: middle;
	text-align:center;

}



.table-nursing {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
	border:#DDD solid 2px;

}

.table-nursing thead {
	border-bottom: #DDD solid 3px;
}

.table-nursing thead tr {
	color: #333;
	font-size: 12px;
	height: 100px;

}

.table-nursing thead th {
	padding:0 10px 0 10px;
}

.table-nursing tr {
	color: #444;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 50px;
	
}

.table-nursing .table-nursing-first {
	width: 25%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}

.table-nursing .table-nursing-second {
	width: 20%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;

}
.table-nursing .table-nursing-third {
	width: 35%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;

}
.table-nursing .table-nursing-fourth {
	width: 20%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}





.table-medical {
	min-width: 100%;
	width: 100%;
	margin: 0 0 20px 0;
	border:#DDD solid 1px;

}

.table-medical thead {
	border-bottom: #DDD solid 1px;
}

.table-medical thead tr {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	height: 30px;


}

.table-medical tr {
	color: #444;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}



.table-medical .table-medical-first {
	width: 30%;
	padding-right: 2%;
	vertical-align: middle;
	border-right:#DDD solid 1px;
	text-align: center;
}

.table-medical .table-medical-second {
	width: 30%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	padding: 5px 0 5px 0;

}

.table-medical .table-medical-third {
	width: 30%;
	vertical-align: middle;
	text-align:center;
	padding: 5px 0 5px 0;
}



.table-medical-header {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 0 0;
	border:#DDD solid 1px;
	border-bottom: 0px;

}


.table-medical-header thead tr {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	height: 30px;


}

.table-medical-header tr {
	color: #444;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 30px;
}

.table-medical-header .table-medical-top {
	width: 100%;
	vertical-align: middle;
	text-align:center;
	padding: 10px 0 10px 0;
}




.table-phone {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
	border:#DDD solid 2px;

}

.table-phone thead {
	border-bottom: #DDD solid 3px;
}

.table-phone thead tr {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	height: 30px;


}

.table-phone tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #DDD solid 1px;
	width: 100%;
	height: 33px;

}

.table-phone .table-phone-first {
	width: 65%;
	padding-right: 2%;
	vertical-align: middle;
	padding-left:7px;
	border-right:#DDD solid 1px;
}

.table-phone .table-phone-second {
	width: 30%;
	vertical-align: middle;
	text-align:center;

}
/*-----------------------------------------*/

.table-locations {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
	border:#BBB solid 2px; 
	border-radius: 15px 15px 0 0; 
	-webkit-border-radius: 15px 15px 0 0; 
	-moz-border-radius: 15px 15px 0 0; 
	border-collapse:separate;
}

.table-locations thead {
	border-bottom: #BBB solid 1px;
}

.table-locations thead tr {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: 50px;;
	color:#FFF;
}
.locations-top{
	background: #B70808; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FC0404, #890404); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FC0404, #890404); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FC0404, #890404); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FC0404, #890404); /* Standard syntax (must be last) */ 
}
.locations-top-left{
	background: #B70808; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FC0404, #890404); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FC0404, #890404); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FC0404, #890404); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FC0404, #890404); /* Standard syntax (must be last) */ 
	border:#BBB solid 0 0 1px 0; 
	border-radius: 13px 0 0 0; 
	-webkit-border-radius: 13px 0 0 0; 
	-moz-border-radius: 13px 0 0 0;  
	border-collapse:separate;
}
.locations-top-right{
	background: #B70808; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FC0404, #890404); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FC0404, #890404); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FC0404, #890404); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FC0404, #890404); /* Standard syntax (must be last) */ 
	border:#BBB solid 0 0 1px 0; 
	border-radius:0 13px 0 0; 
	-webkit-border-radius:0 13px 0 0; 
	-moz-border-radius:0 13px 0 0;  
	border-collapse:separate;
}

.table-locations tr {
	color: #444;
	font-size: 14px;
	font-family: MuliRegular, Arial, sans-serif;
	border-bottom: #BBB solid 1px;
	width: 100%;
	height: 43px;
}

.table-locations .table-locations-first {
	width: 20%;
	text-align: left;
	vertical-align: middle;
	border-right:#BBB solid 1.5px;

	border-bottom:#BBB solid 1px; 
	
	
}

.table-locations .table-locations-second {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-right:#BBB solid 1px;
	border-bottom:#BBB solid 1px;
}

.table-locations .table-locations-third {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-right:#BBB solid 1px;
	border-bottom:#BBB solid 1px;
}

.table-locations .table-locations-fourth {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-right:#BBB solid 1px;
	border-bottom:#BBB solid 1px;
}
.table-locations .table-locations-fifth {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-right:#BBB solid 1px;
	border-bottom:#BBB solid 1px;
}
.table-locations .table-locations-sixth {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-bottom:#BBB solid 1px;
}


/*-----------------------------------------------------*/



.table-nursing-accepted {
	min-width: 100%;
	width: 100%;
	margin: 10px 0 20px 0;
	border:#DDD solid 2px;

}

.table-nursing-accepted thead {
	border-bottom: #DDD solid 3px;
}

.table-nursing-accepted thead tr {
	color: #333;
	font-size: 12px;
	height: 45px;

}

.table-nursing-accepted thead tr td {
	padding:0 10px 0 10px;
}

.table-nursing-accepted tr {
	color: #444;
	font-size: 12px;
	font-family: MuliRegular, Arial, sans-serif;
	width: 100%;
	height: 35px;
	
}

.table-nursing-accepted .table-nursing-accepted-first {
	width:20%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}

.table-nursing-accepted .table-nursing-accepted-second {
	width: 16%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;

}
.table-nursing-accepted .table-nursing-accepted-third {
	width: 16%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;

}
.table-nursing-accepted .table-nursing-accepted-fourth {
	width: 16%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}
.table-nursing-accepted .table-nursing-accepted-fifth {
	width: 16%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}
.table-nursing-accepted .table-nursing-accepted-sixth {
	width: 10%;
	vertical-align: middle;
	text-align:center;
	border-right:#DDD solid 1px;
	border-bottom:#DDD solid 1px;
}



/* FOOTER SOCIAL CONTENT */
/*-----------------------------------------------------*/
.footer-social {
	background: #333 url(bg1.jpg) repeat; /* url(bg-footer-snowflakes.jpg) no-repeat center top */
	border-top: #EEE solid 2px;
	margin-top: 45px;
	width: 100%;
	height: 41px;
	display: block;
	clear: both;
}

.footer-social-content {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
}

.social-icons {
	display: inline-block;
}

.social-icons li {
	display: inline;
	float: left;
	padding: 0 7px 0 0;
}

.social-icons li a {
	width: 22px;
	height: 22px;
	display: block;
	color: #CCC;
	font-size: 12px;
	text-indent: -9999px;
}

.social-icons li a.icon-facebook {
	background: url(icon-facebook.png) no-repeat 0 0;
}

.social-icons li a.icon-facebook:hover {
	background: url(icon-facebook.png) no-repeat 0 -22px;
}

.social-icons li a.icon-twitter {
	background: url(icon-twitter.png) no-repeat 0 0;
}

.social-icons li a.icon-twitter:hover {
	background: url(icon-twitter.png) no-repeat 0 -22px;
}

.social-icons li a.icon-youtube {
	background: url(icon-youtube.png) no-repeat 0 0;
}

.social-icons li a.icon-youtube:hover {
	background: url(icon-youtube.png) no-repeat 0 -22px;
}

.social-icons li a.icon-rss {
	background: url(icon-rss.png) no-repeat 0 0;
}

.social-icons li a.icon-rss:hover {
	background: url(icon-rss.png) no-repeat 0 -22px;
}

.social-icons li a.icon-calendar {
	background: url(icon-calendar.png) no-repeat 0 0;
}

.social-icons li a.icon-calendar:hover {
	background: url(icon-calendar.png) no-repeat 0 -22px;
}


/* FOOTER CONTENT */
/*-----------------------------------------------------*/
.footer {
	background: #333 url(bg2.jpg) repeat; /* url(bg-footer-snowflakes.jpg) no-repeat center top */
	border-top: #CCC solid 4px;
	margin: 0;
	width: 100%;
	height: 250px;
	display: block;
	clear: both;
}



.footer-content {
	width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
}

.footer-first {
	width: 500px;
	display: inline-block;
	float: left;
}

.footer-second {
	width: 150px;
	display: inline-block;
	float: left;
	padding: 0 20px 0 0;
}

.footer-third {
	width: 180px;
	display: inline-block;
	float: left;
}

.footer-fourth {
	width: 150px;
	display: inline-block;
	float: left;
}
.footer-fifth{
	background: #333 url(bg2.jpg) repeat;
	width: 100%;
	height:60px;
	margin-top: -1px;
	padding:1px 0 5px 0;

}
.footer-fifth a{
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:14px;
}
.footer-fifth a:hover{
	color:#FFF;
}

/* FOOTER-FIRST CONTENT */
/*-----------------------------------------------------*/
.footer-first .campus-icons {
	padding-top: 145px;
}


.footer-first .campus-icons li {
	display: inline;
	float: left;
	padding: 0 15px 5px 0;
}

.footer-first .campus-icons li a {
	border: #CCC solid 1px;
	width: 83px;
	height: 56px;
	display: block;
	color: #CCC;
	font-size: 12px;
	text-indent: -9999px;
}

.footer-first .campus-icons li a:hover {
	border: #FFF solid 1px;
	color: #FFF;
}

.footer-first .campus-icons li a.campus-brown {
	background: url(campus-icon-brown.jpg) no-repeat 0 0;
}

.footer-first .campus-icons li a.campus-brown:hover {
	background: url(campus-icon-brown.jpg) no-repeat 0 -56px;
}

.footer-first .campus-icons li a.campus-clinton {
	background: url(campus-icon-clinton.jpg) no-repeat 0 0;
}

.footer-first .campus-icons li a.campus-clinton:hover {
	background: url(campus-icon-clinton.jpg) no-repeat 0 -56px;
}

.footer-first .campus-icons li a.campus-fayette {
	background: url(campus-icon-fayette.jpg) no-repeat 0 0;
}

.footer-first .campus-icons li a.campus-fayette:hover {
	background: url(campus-icon-fayette.jpg) no-repeat 0 -56px;
}

.footer-first .campus-icons li a.campus-highland {
	background: url(campus-icon-highland.jpg) no-repeat 0 0;
}

.footer-first .campus-icons li a.campus-highland:hover {
	background: url(campus-icon-highland.jpg) no-repeat 0 -56px;
}




/*--------*/

.footer-first .campus-icons li a.campus-text {

	border: none;
	display: inline;
	color: #CCC;
	font-size: 16px;
	font-family: MuliLight, "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000;
	text-indent: 0;
	
}

.footer-first .campus-icons li a.campus-text:hover {
	color: #FFF;
	border: none;
}




/* FOOTER-SECOND CONTENT */
/*-----------------------------------------------------*/
.footer-second .nav-footer {
	padding-top: 60px;
}

.footer-second .nav-footer li {
	padding: 0 0 5px 0;
	text-align: right;
}

.footer-second .nav-footer li a {
	color: #CCC;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #000;
}

.footer-second .nav-footer li a:hover {
	color: #FFF;
	border: none;
}

/* FOOTER-THIRD CONTENT */
/*-----------------------------------------------------*/
.footer-third .nav-footer {
	float: left;
	display: inline;
	padding-top: 60px;
	width: 165px;
}

.footer-third .nav-footer li {
	padding: 0 0 5px 0;
	text-align: left;
}

.footer-third .nav-footer li a {
	color: #CCC;
	font-size: 12px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #000;
}

.footer-third .nav-footer li a:hover {
	color: #FFF;
}

/* FOOTER-FOURTH CONTENT */
/*-----------------------------------------------------*/
.footer-fourth .footer-info {
	float: right;
	display: inline;
	padding: 16px 0 0 0;
}

.footer-fourth .footer-info li {
	text-align: right;
	color: #999;
	font-size: 15px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	padding: 0 0 3px 0;
	text-shadow: 1px 1px 2px #000;
}

.footer-fourth .footer-info li a {
	color: #999;
}

.footer-fourth .footer-info li a:hover {
	color: #FFF;
}


/* TEXT HIGHLIGHT */
/*-----------------------------------------------------*/
/* Mozilla based browsers */
::-moz-selection {
       background-color: #333;
       color: #FFF;
}

/* Works in Safari */
::selection {
       background-color: #333;
       color: #FFF;
}

/* FONTS */
/*-----------------------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 21, 2012 09:00:17 AM America/New_York */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Regular-webfont.eot'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Bold-webfont.eot'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('https://www.sscc.edu/fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/fonts/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-ExtraBold-webfont.eot'),
		 url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/student-portal/fonts/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 21, 2012 09:35:36 AM America/New_York */
@font-face {
    font-family: 'MuliLight';
    src: url('https://www.sscc.edu/fonts/muli/Muli-Light-webfont.eot');
    src: url('https://www.sscc.edu/fonts/muli/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/fonts/muli/Muli-Light-webfont.woff') format('woff'),
         url('https://www.sscc.edu/fonts/muli/Muli-Light-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/fonts/muli/Muli-Light-webfont.svg#MuliLight') format('svg'),
		 url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Light-webfont.eot'),
		 url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Light-webfont.woff') format('woff'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Light-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Light-webfont.svg#MuliLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuliRegular';
    src: url('https://www.sscc.edu/fonts/muli/Muli-Regular-webfont.eot');
    src: url('https://www.sscc.edu/fonts/muli/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/fonts/muli/Muli-Regular-webfont.woff') format('woff'),
         url('https://www.sscc.edu/fonts/muli/Muli-Regular-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/fonts/muli/Muli-Regular-webfont.svg#MuliRegular') format('svg'),
		 url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Regular-webfont.eot'),
		 url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Regular-webfont.woff') format('woff'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Regular-webfont.ttf') format('truetype'),
         url('https://www.sscc.edu/student-portal/fonts/muli/Muli-Regular-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuliBold';
    src: url('https://www.sscc.edu/fonts/muli/Muli-Bold-webfont.ttf');
	src: url('https://www.sscc.edu/fonts/muli/Muli-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ------ program booklet CSS ------*/ 

.greenbanner {
	color:#FFF;
	background:#5C8727; 
	padding: 10px 0 10px 0 ; 
	width:100%; 
	margin-top:30px;
}
.redbanner {
	color:#FFF; 
	background:#B32317; 
	padding: 10px 0 10px 0 ; 
	width:100%; 
	margin-top:30px;
}
.bluebanner{
	color:#FFF; 
	background:#0067B1; 
	padding: 10px 0 10px 0; 
	width:100%; 
	margin-top:30px;	
}
.orangebanner{
	color:#FFF; 
	background:#E36F1E; 
	padding: 10px 0 10px 0 ; 
	width:100%;
	margin-top:30px;	
}
.degrees a:hover{
	color: #333;	
}
.line{
	width: 100%;
	border-top: #DDD solid 3px;
	padding: 8px 0 0 0;
	margin-top: 50px;
	clear: both;
}
.column-two-first-quarter-page {
	max-width: 35%;
	min-width: 200px;
	float: left;
	display: inline-block;
	margin: 20px 0 30px 0;
}
.column-two-second-threequarter-page {
	max-width: 60%;
	min-width: 150px;
	float: left;
	display: inline-block;
	margin: 20px 0 0 30px
}
.column-two-little-one{
	width: 50%; 
	float: left; 
	display: inline-block;	
}
.column-two-little-two{
	width: 50%; 
	float: left; 
	display: inline-block;	
}

/* -- buttons --*/

.buttonorange {
	background-color: #E36F1E;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7E21), to(#E36F1E));
	background: -webkit-linear-gradient(top, #FF7E21, #E36F1E);
	background: -moz-linear-gradient(top, #FF7E21, #E36F1E);
	background: -ms-linear-gradient(top, #FF7E21, #E36F1E);
	background: -o-linear-gradient(top, #FF7E21, #E36F1E);
	background: linear-gradient(top, #FF7E21, #E36F1E);
	border: 1px solid #FF7E21;
	border-bottom: 1px solid #E36F1E;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: inset 0 1px 0 0 #E36F1E;
	-webkit-box-shadow: 0 1px 0 0 #E36F1E inset ;
	-moz-box-shadow: 0 1px 0 0 #E36F1E inset;
	-ms-box-shadow: 0 1px 0 0 #E36F1E inset;
	-o-box-shadow: 0 1px 0 0 #E36F1E inset;
	padding: 6px 20px;
	width: 170px;
	height: 60px;
	text-align: center;	
}
.buttonorange a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}
.buttonorange:hover {
	opacity:.85;
	cursor: pointer; 
}

.buttonorange:active {
	border: 1px solid #EE9759;
	box-shadow: 0 0 10px 5px #E36F1E inset; 
	-webkit-box-shadow:0 0 10px 5px #E36F1E inset ;
	-moz-box-shadow: 0 0 10px 5px #E36F1E inset;
	-ms-box-shadow: 0 0 10px 5px #E36F1E inset;
	-o-box-shadow: 0 0 10px 5px #E36F1E inset;
}


.buttongreen {
	background-color: #5C8727;
	background: -webkit-gradient(linear, left top, left bottom, from(#74A638), to(#5C8727));
	background: -webkit-linear-gradient(top, #74A638, #5C8727);
	background: -moz-linear-gradient(top, #74A638, #5C8727);
	background: -ms-linear-gradient(top, #74A638, #5C8727);
	background: -o-linear-gradient(top, #74A638, #5C8727);
	background: linear-gradient(top, #74A638, #5C8727);
	border: 1px solid #74A638;
	border-bottom: 1px solid #5C8727;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: inset 0 1px 0 0 #5C8727;
	-webkit-box-shadow: 0 1px 0 0 #5C8727 inset ;
	-moz-box-shadow: 0 1px 0 0 #5C8727 inset;
	-ms-box-shadow: 0 1px 0 0 #5C8727 inset;
	-o-box-shadow: 0 1px 0 0 #5C8727 inset;
	padding: 6px 20px;
	width: 170px;
	height: 60px;
	text-align: center;	
}
.buttongreen a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}
.buttongreen:hover {
	opacity:.85;
	cursor: pointer; 
}

.buttongreen:active {
	border: 1px solid #EE9759;
	box-shadow: 0 0 10px 5px #74A638 inset; 
	-webkit-box-shadow:0 0 10px 5px #5C8727 inset ;
	-moz-box-shadow: 0 0 10px 5px #5C8727 inset;
	-ms-box-shadow: 0 0 10px 5px #5C8727 inset;
	-o-box-shadow: 0 0 10px 5px #5C8727 inset;
}

.buttonblue{
	background-color: #E36F1E;
	background: -webkit-gradient(linear, left top, left bottom, from(#066DFC), to(#0658CE));
	background: -webkit-linear-gradient(top, #066DFC, #0658CE);
	background: -moz-linear-gradient(top, #066DFC, #0658CE);
	background: -ms-linear-gradient(top, #066DFC, #0658CE);
	background: -o-linear-gradient(top, #066DFC, #0658CE);
	background: linear-gradient(top, #066DFC, #0658CE);
	border: 1px solid #066DFC;
	border-bottom: 1px solid #0658CE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #0658CE;
	-webkit-box-shadow: 0 1px 0 0 #0658CE inset ;
	-moz-box-shadow: 0 1px 0 0 #0658CE inset;
	-ms-box-shadow: 0 1px 0 0 #0658CE inset;
	-o-box-shadow: 0 1px 0 0 #0658CE inset;
	padding: 7px 20px;
	text-align: center;
	color:#FFF;
	font-size:18px;
}
.buttonblue a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}

.buttonblue a:hover {
	color: white;
}
.buttonblue:hover {
	opacity:.85;
	cursor: pointer;

}

.buttonblue:active {
	border: 1px solid #0658CE;
	box-shadow: 0 0 10px 5px #0658CE inset; 
	-webkit-box-shadow:0 0 10px 5px #0658CE inset ;
	-moz-box-shadow: 0 0 10px 5px #0658CE inset;
	-ms-box-shadow: 0 0 10px 5px #0658CE inset;
	-o-box-shadow: 0 0 10px 5px #0658CE inset;
}

.bluebutton{
	background-color: #054BAD;
	border: 1px solid #054BAD;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #054BAD;
	padding: 5px 20px;
	text-align: center;
	color:#FFF;
	font-size:15px;
}
.bluebutton a {
	color: white;
	font-family: MuliRegular, Arial, sans-serif;
}
.bluebutton:hover {
	cursor: pointer;
	box-shadow:inset 0 0 0 150px rgba(0,0,0,.1);
	border:1px solid rgba(0,0,0,.1);
}
.bluebutton a:hover {
	text-shadow: none;
	color:#fff;
}
.bluebutton:active {
	border: 1px solid #054BAD;
	box-shadow: 0 0 10px 5px #054BAD inset; 
}


.buttonsmall {
	background-color: #E36F1E;
	background: -webkit-gradient(linear, left top, left bottom, from(#066DFC), to(#0658CE));
	background: -webkit-linear-gradient(top, #066DFC, #0658CE);
	background: -moz-linear-gradient(top, #066DFC, #0658CE);
	background: -ms-linear-gradient(top, #066DFC, #0658CE);
	background: -o-linear-gradient(top, #066DFC, #0658CE);
	background: linear-gradient(top, #066DFC, #0658CE);
	border: 1px solid #066DFC;
	border-bottom: 1px solid #0658CE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #0658CE;
	-webkit-box-shadow: 0 1px 0 0 #0658CE inset ;
	-moz-box-shadow: 0 1px 0 0 #0658CE inset;
	-ms-box-shadow: 0 1px 0 0 #0658CE inset;
	-o-box-shadow: 0 1px 0 0 #0658CE inset;
	padding: 5px 12px;
	text-align: center;
	color:#FFF;
	font-size:14px;
}
.buttonsmall a {
	color: white;
	font-family: MuliRegular, Arial, sans-serif;

}
.buttonsmall:hover {
	opacity:.85;
	cursor: pointer; 
	color: #FFF;
	text-shadow: none;
}

.buttonsmall:active {
	border: 1px solid #0658CE;
	box-shadow: 0 0 10px 5px #0658CE inset; 
	-webkit-box-shadow:0 0 10px 5px #0658CE inset ;
	-moz-box-shadow: 0 0 10px 5px #0658CE inset;
	-ms-box-shadow: 0 0 10px 5px #0658CE inset;
	-o-box-shadow: 0 0 10px 5px #0658CE inset;
}


.buttonred{
	background-color: #AB0707;
	border: 1px solid #B70808;
	border-bottom: 1px solid #AB0707;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #AB0707;
	-webkit-box-shadow: 0 1px 0 0 #AB0707 inset ;
	-moz-box-shadow: 0 1px 0 0 #AB0707 inset;
	-ms-box-shadow: 0 1px 0 0 #AB0707 inset;
	-o-box-shadow: 0 1px 0 0 #AB0707 inset;
	padding: 7px 20px;
	text-align: center;
	color:#FFF;
	font-size:16px;
}
.buttonred a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}
.buttonred:hover {
	cursor: pointer;
	box-shadow:inset 0 0 0 150px rgba(0,0,0,.1);
	border:1px solid rgba(0,0,0,.1);
}
.buttonred a:hover {
	text-shadow: none;
	color:#fff;
}

.buttonred:active {
	border: 1px solid #AB0707;
	box-shadow: 0 0 10px 5px #AB0707 inset; 
	-webkit-box-shadow:0 0 10px 5px #AB0707 inset ;
	-moz-box-shadow: 0 0 10px 5px #AB0707 inset;
	-ms-box-shadow: 0 0 10px 5px #AB0707 inset;
	-o-box-shadow: 0 0 10px 5px #AB0707 inset;
}


.buttongreentwo{
	background-color: #5C8727;
	border: 1px solid #62831F;
	border-bottom: 1px solid #5C8727;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #5C8727;
	-webkit-box-shadow: 0 1px 0 0 #5C8727 inset ;
	-moz-box-shadow: 0 1px 0 0 #5C8727 inset;
	-ms-box-shadow: 0 1px 0 0 #5C8727 inset;
	-o-box-shadow: 0 1px 0 0 #5C8727 inset;
	padding: 7px 20px;
	text-align: center;
	color:#FFF;
	font-size:16px;
}
.buttongreentwo a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}
.buttongreentwo:hover {
	cursor: pointer;
	box-shadow:inset 0 0 0 150px rgba(0,0,0,.1);
	border:1px solid rgba(0,0,0,.1);
}
.buttongreentwo a:hover {
	text-shadow: none;
	color:#fff;
}

.buttongreentwo:active {
	border: 1px solid #5C8727;
	box-shadow: 0 0 10px 5px #5C8727 inset; 
	-webkit-box-shadow:0 0 10px 5px #5C8727 inset ;
	-moz-box-shadow: 0 0 10px 5px #5C8727 inset;
	-ms-box-shadow: 0 0 10px 5px #5C8727 inset;
	-o-box-shadow: 0 0 10px 5px #5C8727 inset;
}



.buttongrey{
	background-color: #7E8083;
	border: 1px solid #7E8083;
	border-bottom: 1px solid #7E8083;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: inset 0 1px 0 0 #7E8083;
	-webkit-box-shadow: 0 1px 0 0 #7E8083 inset ;
	-moz-box-shadow: 0 1px 0 0 #7E8083 inset;
	-ms-box-shadow: 0 1px 0 0 #7E8083 inset;
	-o-box-shadow: 0 1px 0 0 #7E8083 inset;
	padding: 7px 20px;
	text-align: center;
	color:#FFF;
	font-size:16px;
}
.buttongrey a {
	color: white;

	font-family: MuliRegular, Arial, sans-serif;
}
.buttongrey:hover {
	cursor: pointer;
	box-shadow:inset 0 0 0 150px rgba(0,0,0,.1);
	border:1px solid rgba(0,0,0,.1);
}
.buttongrey a:hover {
	text-shadow: none;
	color:#fff;
}

.buttongrey:active {
	border: 1px solid #7E8083;
	box-shadow: 0 0 10px 5px #7E8083 inset; 
	-webkit-box-shadow:0 0 10px 5px #7E8083 inset ;
	-moz-box-shadow: 0 0 10px 5px #7E8083 inset;
	-ms-box-shadow: 0 0 10px 5px #7E8083 inset;
	-o-box-shadow: 0 0 10px 5px #7E8083 inset;
}

/* --------------------- health and wellness -----------------*/

.nav-bar{
	margin: 20px 0 0 0;
	overflow: hidden;
	border-bottom: #DDD solid 2px;
	padding: 0 0 2px 0;
}
.nav-bar li{
	display: inline-block;
	float:left;
	margin-bottom:8px;
	padding: 0 11px 5px 11px;
	border-right: #DDD solid 1px;
}
.nav-bar li a{
	color: #777;
	font-size: 17px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;

}
.nav-bar li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
.nav-bar li:last-child {
	border-right: none;
}



/*------ */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}



/* ---- Center for Excellence in Teaching and Learning ------- */



.nav-cetl {
	margin: 20px 0 0 0;
	overflow: hidden;
	background: #56575d;
	padding: 0 0 0 0;
    



}
.nav-cetl li {
	display: inline-block;
	float:left;
	margin-bottom:-1px;
	padding: 7px 15px 7px 15px;
	border-right: 1px solid #777;
	background: #56575d;

}
.nav-cetl li a {
	color: #fff;
	font-size: 17px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s color linear;
	-webkit-transition: 0.3s color linear;
	transition: 0.3s color linear;
	
	

}
.nav-cetl li a:hover {
	color: #000;
	text-shadow: 1px 1px 3px #CCC;
}
.nav-cetl li:hover {
	background-color:#B70808;
	background: #B70808;
	background: -moz-linear-gradient(top,  #B70808 0%, #930606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B70808), color-stop(100%,#930606));
	background: -webkit-linear-gradient(top,  #B70808 0%,#930606 100%);
	background: -o-linear-gradient(top,  #B70808 0%,#930606 100%);
	background: -ms-linear-gradient(top,  #B70808 0%,#930606 100%);
	background: linear-gradient(top,  #B70808 0%,#930606 100%);

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	color:#FFF;
}


.nav-cetl a:hover {
	color:#fff !important;
	-o-transition:.25s;
    -ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s;}

.nav-cetl  a:focus {
	outline:0; 
	color:#FFF;

}

#cetl-content {
	margin: 50px 0 0 0;	
} 

.content-cetl {
	display:inline-block;
	float:left;
	width: 680px;
	overflow: hidden;
	clear: both;
	margin-bottom:35px;
}

.sidenav-cetl {
	display:inline-block; 
	float:left; 
	width:30%;
	margin-bottom:45px;
}
	
.sidenav-cetl-content {
	width:275px; 
	border:1px solid #ccc; 
	border-radius:5px; 
	margin: 25px 0 0 30px;
}

.sidenav-cetl-content-grey {
	width:275px; 
	border:1px solid #ccc; 
	border-radius:5px; 
	margin:25px 0 0 30px;
}

.cetl-quicklinks {
	background-color:#B70808; 
	color:#fff; 
	padding:10px; 
	font-size:16px;
	margin-top:0px; 
	border-radius:5px 5px 0 0;
}
.cetl-greylinks {
	background-color:#4d4d4d; 
	color:#fff; 
	padding:10px; 
	font-size:16px; 
	margin-top:0px; 
	border-radius:5px 5px 0 0;
}
	
.links li {
	border-bottom:1px solid #ddd;
}	
ul.list-default-no-style li.cetl-quicklinks-first {
	padding: 5px 0 11px 10px;
}

ul.list-default-no-style li.cetl-quicklinks-second {	
	padding: 12px 0 10px 10px;
}

ul.list-default-no-style li.cetl-quicklinks-first a:hover {
	color: #B70808;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}

ul.list-default-no-style li.cetl-quicklinks-second a:hover {	
	color: #B70808;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}

#cetl-myelearn-login:hover {
	color: #000;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}
#cetl-sscc-email:hover {
	color: #000;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}
#cetl-myrecords:hover {
	color: #000;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}
#cetl-tech-support:hover {
	color: #000;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}
#cetl-skimmit:hover {
	color: #000;
	text-shadow: none;
	-moz-transition: 0.1s color linear;
	-webkit-transition: 0.1s color linear;
	transition: 0.1s color linear;
}	
.cetl-box {
	border:1px solid #DDDDDD; 
	padding:10px; 
	margin-top:10px; 
	background-color:#FAFAFA;
}

.column-two-first-profile{
	width: 325px;
	float: left;
	display: inline-block;
	padding: 0 28px 0 2px;
}

.column-two-second-profile {
	width: 325px;
	float: right;
	display: inline-block;
}

.cetl-logo{
	display: inline-block; 
	float: left; 
	width: 10%;
}
.cetl-logo img{
	margin-top: 10px;
}
.cetl-header{
	display: inline-block; 
	float: left; 
	width: 88%;
}

#page-title {
	margin-top: 30px;
}


.fullwidth {
width:100%;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
display:block;
text-align:center;
}





/* NEW NAVIGATION 2019 */


/* RESPONSIVE NAVIGATION */
/*-----------------------------------------------------*/


/* TOP BAR WITH LINKS AND SEARCH */
.primary-site-nav-bar {
	background: #666;	
}	
.primary-nav {
	overflow: hidden;
  	background-color: #666;
  	width: 1200px;
  	max-width: 100%;
  	margin: 0 auto;
}
.primary-nav form {
	float: right;
  	display: block;
	padding: 3px 16px 3px 16px;
}
.primary-nav a {
  	font-family: OpenSansRegular, Arial, sans-serif;
  	font-size: 13px;
  	font-weight: normal;
	letter-spacing: 1px;
  	float: right;
  	display: block;
  	color: #f2f2f2;
  	text-align: center;
  	padding: 10px 14px 6px 14px;
 	text-decoration: none;
}
.primary-nav .active {
  	color: #FFF;
	text-shadow: none;
	background-color: #B70808;
}
.primary-nav a:hover {
  	color: #FFF;	
	text-shadow: none;
	background-color: #B70808;
}
.primary-nav a i {
	display: none;
}
.google-search-bar {
	width: 120px;
	height: 16px;
	border: #DDD solid 1px;
	font-size: 13px;
	font-family: MuliRegular, Arial, Helvetica, sans-serif;
	color: #000;
	background: #EEE;
	margin: 0;
	padding: 0;
}
.google-search-bar:focus {
	border: #555 solid 1px;
	color: #000;
	background: #FFF;
	box-shadow: 0 0 3px #FFF; 
}
.submit {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.visuallyhidden {
  	border: 0;
  	clip: rect(0 0 0 0);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	width: 1px;
}



/* ------- LOGO BAR ------- */ 
.online-nav-bar {
	background: #444;	
}	
.online-logo-bar {
	background: #333;	
	padding-left: 16px;
	padding-right: 16px;
}
.inner-logo-bar {
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
}
.sscc-logo {
	padding: 16px 0;
	margin: 0;
}
.sscc-logo a {
	background: url(/assets/logo-sscc-white.png) no-repeat;
	width: 265px;
	height: 54px;
	display: block;
	text-indent: -9999px;
}
.sscc-logo-online {
	padding: 16px 0;
	margin: 0;
}
.sscc-logo-online a {
	background: url(/assets/logo-sscc-online.png) no-repeat;
	width: 475px;
	height: 54px;
	display: block;
	text-indent: -9999px;
}
		
/* ----- BEGIN DROP DOWN NAVIGATION  ------- */

header{
	position:relative;
	width: 1200px;
	max-width:100%;
	margin: 0 auto!important;
}
nav{
	position:relative;
	width:100%;	
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 8888888;
}
#cssmenu:after,#cssmenu > ul:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
#cssmenu #head-mobile{
	display:none
}
#cssmenu{
	font-family: OpenSansRegular, Arial, sans-serif;
	background:#444;
}
#cssmenu > ul > li{
	float:left;	
}

#cssmenu ul ul {
	
}
#cssmenu > ul > li > a{
	padding:12px 15px;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
	color:#f2f2f2;
	font-weight:normal;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
	color:#fff;
}


#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
	background:#B70808!important;
	transition: all 250ms ease-in-out;
	/*-webkit-transition:all 2s ease;
	-ms-transition:all 2s ease;
	transition:all 2s ease;*/
}
#cssmenu > ul > li.has-sub > a{
	padding-right: 15px;
	padding-left: 15px;
}
#cssmenu > ul > li.has-sub:hover > a:before{
	top:23px;
	height:0
}
#cssmenu ul ul{
	position:absolute;
	left:-9999px;
}
#cssmenu ul ul li{
	height:0;
	background:#646464;
	transition: all 250ms ease-in-out;
	/*-webkit-transition:all 2s ease;
	-ms-transition:all 2s ease;
	transition:all 2s ease;*/
}

#cssmenu li:hover > ul{
	left:auto
}
#cssmenu li:hover > ul > li{
	height:35px;
}
#cssmenu ul ul ul{
	margin-left:100%;
	top:0;
}
#cssmenu ul ul li a{
	border-bottom:1px solid rgba(150,150,150,0.15);
	padding:11px 15px;
	width:260px;
	font-size:12px;
	letter-spacing:.5px;
	text-decoration:none;
	color:#FFF;
	font-weight:400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{
	border-bottom:0;
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
	color:#333;
	}
#cssmenu ul ul li.has-sub > a:after{
	position:absolute;
	top:16px;
	right:11px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}
#cssmenu ul ul li.has-sub > a:before{
	position:absolute;
	top:13px;
	right:14px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
	transition: all 250ms ease-in-out;
	/*-webkit-transition:all 2s ease;
	-ms-transition:all 2s ease;
	transition:all 2s ease;*/
}
#cssmenu ul ul > li.has-sub:hover > a:before{
	top:17px;
	height:0
}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{
	background:#B70808;
}
#cssmenu ul ul li.has-sub a:hover,#cssmenu ul li.has-sub ul li.has-sub ul li a:hover{
	color:#FFF;
}
#cssmenu ul ul ul li.active a{
	border-left:1px solid #333;
}
#cssmenu ul ul li a{
	color: #FFF!important;
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
	border-top:1px solid #333;
}
#cssmenu ul li.navigation-link a:hover {
	background:#b70808;
	color: #FFF;
	transition:all .2s ease;
}


/* ----- BEGIN FOOTER CSS -------- */
/* ------------------------------------------------- */

/* Social Footer Top Bar - Apply - Request Info - Social Media */

.social-footer {
	background-color: #444;
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 50px;
}
.inner-social-footer{
	width: 1200px; 
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.inner-social-footer a span {
	background-color: #ccc;
	border: 1px solid #ccc;
	padding: 5px 12px;
	border-radius: 5px;
	margin: 14px 8px 13px 0;
	display: inline-block;
	font-family: Arial;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-size: 15px;
}
.inner-social-footer a span:hover {
	background-color: #ddd;
	cursor: pointer;
}
.media-icons {
	padding: 14px 0; 
	float: right;
}
.media-icon {
	color: #DDD; 
	font-size: 28px; 
	padding-right: 12px;
}
.media-icon:hover {
	color: #FFF; 
}


/*----- Links Footer - Chevron ----- */

.links-footer {
	background-size: cover;
	background-color: #B70808;
    background-image: url(/assets/footer-background.jpg);
    background-repeat: no-repeat;
    background-position: top center;
	padding-left: 16px;
	padding-right: 16px;
}
.links-footer-online {
	background-size: cover;
    background-image: url(/assets/footer-background-online.jpg);
    background-repeat: no-repeat;
    background-position: top center;
	padding-left: 16px;
	padding-right: 16px;
}
.inner-links-footer {
	width: 1200px; 
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.footer-links {
	display: inline-block;
	padding: 24px 0 24px 0;
	vertical-align: top;
	width: 13%;
}
.footer-links li {
	list-style: none;
	line-height: 20px;
}
.footer-links li a {
	text-decoration: none;
	color: #f2f2f2;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, sans-serif;
	letter-spacing: .25px;
}
.footer-links li a:hover {
	color: #FFF;
}
.footer-links .top-links-header {
	color: #f2f2f2;
	font-size: 14px;
	font-family: OpenSansBold;
	letter-spacing: .5px;
}
#chevron {
	float: right; 
	margin-right: 0px; 
	text-align: right;
}

.footer-online-links {
	display: inline-block;
	padding: 24px 0 24px 0;
	vertical-align: top;
}
.footer-online-links li {
	list-style: none;
	line-height: 20px;
	color: #f2f2f2;
	font-size: 14px;
	letter-spacing: .25px;
}
.footer-online-links li a {
	text-decoration: none;
	color: #f2f2f2;
	font-size: 14px;
	font-family: OpenSansRegular, Arial, sans-serif;
	letter-spacing: .25px;
}
.footer-online-links li a:hover {
	color: #FFF;
}
.info-sscc-online-title{
	border-bottom: 1px solid #f2f2f2; 
	padding-bottom: 4px; 
	font-size: 18px!important;
}
.info-sscc-online-title-2 {
	font-size: 16px; 
	margin-top: 5px;
}


/* ----- Campuses Location - Schedule a Visit ----- */

.campuses-footer {
	background-color: #666;
	padding-left: 16px;
	padding-right: 16px;
}
.inner-campuses-footer{
	width: 1200px; 
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
#campus-links{
	padding: 16px 0;
}
.inner-campuses-footer .campus{
	padding: 3px 16px;
	border-right: 1px solid #ccc;
	text-decoration: none;
	color: #f2f2f2;
	font-size: 14px;
	letter-spacing: .5px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
}
.inner-campuses-footer .campus:last-child {
	border-right: none;
}
.inner-campuses-footer .campus:hover{
	color: #FFF;
}
/* Campus Buttons */
.inner-campuses-footer a span {
	background-color: #ccc;
	border: 1px solid #ccc;
	padding: 6px 12px;
	border-radius: 5px;
	margin: 0 8px 0 8px;
	display: inline-block;
	font-family: Arial;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-size: 15px;
}
.inner-campuses-footer span:hover {
	background-color: #ddd;
	cursor: pointer;
}
.campus-break {
	display: none;
}
.fayette-break {
	display: none;
}



/* ------ Bottom Links - Copyright - Web Support ------ */
.bottom-footer {
	background-color: #333;
}
.inner-bottom-footer {
	width: 1200px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.bottom-links{
	padding: 10px 0;
	display: block;
}
.bottom-links li {
	display: inline;
	padding: 0 10px;
}
.bottom-links li a {
	color: #DDD;
	font-size: 13px;
	font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.bottom-links li a:hover {
	color: #FFF;
}


/* --------------------- END FOOTER CSS  --------------------------- */


/* ------------------- MOBILE @MEDIA CSS  -------------------------- */


	


@media screen and (max-width: 1120px) {
	.campus-break {
		display: block;
	}
	.inner-campuses-footer a span {
		margin: 12px 8px 0 8px;
	}
}

@media screen and (max-width: 1060px){
	.footer-links {
		width: 15%;
	}
}

@media screen and (max-width: 925px){
	.footer-links {
		width: 18%;
	}
}

@media screen and (max-width: 817px){
	.logo {
		position:absolute;
		top:0;
		left: 0;
		width:100%;
		height:46px;
		text-align:center;
		padding:10px 0 0 0 ;
		float:none
	}
	.logo2 {
		display:none;
	}
	nav {
		width:100%;
	}
	#cssmenu {
		width:100%;
	}
	#cssmenu ul {
		width:100%;
		display:none;
	}
	#cssmenu ul li {
		width:100%;
		border-top:1px solid #4d4d4d;
	}
#cssmenu ul li:hover {
	background:#B70808!important;
}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{
		height:auto;
	}
	#cssmenu ul li a,#cssmenu ul ul li a{
		width:100%;
		border-bottom:0;
	}
	#cssmenu > ul > li{
		float:none;
	}
	#cssmenu ul ul li a{
		padding-left:25px;
	}
	#cssmenu ul ul li{
		background:#646464!important;
	}
#cssmenu ul ul li:hover{
	background:#B70808!important;
}
	#cssmenu ul ul ul li a{
		padding-left:45px;
	}
	#cssmenu ul ul li a{
		color:#ddd;
		background:none;
	}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{
		color:#fff;
	}
#cssmenu ul ul ul {
	display: none!important;
}
#cssmenu ul ul .submenu-button{
	display:none;
}
	#cssmenu ul ul {
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left;
	}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
		display:none;
	}
	#cssmenu #head-mobile{
		display:block;
		padding:18px;
		color:#ddd;
		font-size:12px;
		font-weight:700;
	}
	.button{
		width:55px;
		height:46px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		z-index: 12399994;
	}
	.button:after{
		position:absolute;
		top:18px;
		right:20px;
		display:block;
		height:4px;
		width:20px;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		content:'';
	}
	.button:before{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		position:absolute;
		top:12px;
		right:20px;
		display:block;
		height:2px;
		width:20px;
		background:#ddd;
		content:'';
	}
	.button.menu-opened:after{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		top:18px;
		border:0;
		height:2px;
		width:19px;
		background:#fff;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.button.menu-opened:before{
		top:18px;
		background:#fff;
		width:19px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	#cssmenu .submenu-button{
		position:absolute;
		z-index:9999999;
		right:0;
		top:0;
		display:block;
		height:38px;
		width:46px;
		cursor:pointer;
	}
	#cssmenu .submenu-button.submenu-opened{
		background: none;
	}
	#cssmenu ul ul .submenu-button{
		height:34px;
		width:34px;
	}
	#cssmenu .submenu-button:after{
		position:absolute;
		top:18px;
		right:19px;
		width:8px;
		height:2px;
		display:block;
		background:#ddd;
		content:'';
	}
	#cssmenu ul ul .submenu-button:after{
		top:15px;
		right:13px;
	}
	#cssmenu .submenu-button.submenu-opened:after{
		background:#fff;
	}
	#cssmenu .submenu-button:before{
		position:absolute;
		top:15px;
		right:22px;
		display:block;
		width:2px;
		height:8px;
		background:#ddd;
		content:'';
	}
	#cssmenu ul ul .submenu-button:before{
		top:12px;
		right:16px;
	}
	#cssmenu .submenu-button.submenu-opened:before{
		display:none;
	}
	#cssmenu ul ul ul li.active a{
		border-left:none;
	}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
		border-top:none;
	}
	
	
	/* ONLINE */
	#cssmenu-online {
		width:100%;
	}
	#cssmenu-online ul {
		width:100%;
		display:none;
	}
	#cssmenu-online ul li {
		width:100%;
		border-top:1px solid #4d4d4d;
	}
	#cssmenu-online ul li:hover {
		background:#646464;
	}
	#cssmenu-online ul ul li,#cssmenu li:hover > ul > li{
		height:auto;
	}
	#cssmenu-online ul li a,#cssmenu-online ul ul li a{
		width:100%;
		border-bottom:0;
	}
	#cssmenu-online > ul > li{
		float:none;
	}
	#cssmenu-online ul ul li a{
		padding-left:25px;
	}
	#cssmenu-online ul ul li{
		background:#646464!important;
	}
	#cssmenu-online ul ul li:hover{
		background:#363636!important;
	}
	#cssmenu-online ul ul ul li a{
		padding-left:45px;
	}
	#cssmenu-online ul ul li a{
		color:#ddd;
		background:none;
	}
	#cssmenu-online ul ul li:hover > a,#cssmenu-online ul ul li.active > a{
		color:#fff;
	}
	#cssmenu-online ul ul,#cssmenu ul ul ul{
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left;
	}
	#cssmenu-online > ul > li.has-sub > a:after,#cssmenu-online > ul > li.has-sub > a:before,#cssmenu-online ul ul > li.has-sub > a:after,#cssmenu-online ul ul > li.has-sub > a:before{
		display:none;
	}
	#cssmenu-online #head-mobile{
		display:block;
		padding:18px;
		color:#ddd;
		font-size:12px;
		font-weight:700;
	}
	#cssmenu-online .submenu-button{
		position:absolute;
		z-index:9999999;
		right:0;
		top:0;
		display:block;
		height:38px;
		width:46px;
		cursor:pointer;
	}
	#cssmenu-online .submenu-button.submenu-opened{
		background: none;
	}
	#cssmenu-online ul ul .submenu-button{
		height:34px;
		width:34px;
	}
	#cssmenu-online .submenu-button:after{
		position:absolute;
		top:18px;
		right:19px;
		width:8px;
		height:2px;
		display:block;
		background:#ddd;
		content:'';
	}
	#cssmenu-online ul ul .submenu-button:after{
		top:15px;
		right:13px;
	}
	#cssmenu-online .submenu-button.submenu-opened:after{
		background:#fff;
	}
	#cssmenu-online .submenu-button:before{
		position:absolute;
		top:15px;
		right:22px;
		display:block;
		width:2px;
		height:8px;
		background:#ddd;
		content:'';
	}
	#cssmenu-online ul ul .submenu-button:before{
		top:12px;
		right:16px;
	}
	#cssmenu-online .submenu-button.submenu-opened:before{
		display:none;
	}
	#cssmenu-online ul ul ul li.active a{
		border-left:none;
	}
	#cssmenu-online > ul > li.has-sub > ul > li.active > a,#cssmenu-online > ul ul > li.has-sub > ul > li.active > a{
		border-top:none;
	}
}

@media screen and (max-width: 770px){
	.inner-campuses-footer .campus{
		padding: 3px 12px;
		font-size: 13px;
		line-height: 26px;
	}
}


@media screen and (max-width: 700px){
	.footer-links {
		width: 24%;
		text-align: center;
		padding: 12px 0 12px 0;
	}
	.footer-links:last-child {
		padding: 12px 0 18px 0;
	}
	.footer-links:first-child {
		padding: 18px 0 12px 0;
		width: 100%;
	}
	.fayette-break {
		display: block;
	}
	#chevron {
		float: none; 
		margin-right: 0px; 
		text-align: center;
	}
	
	.footer-online-links {
		padding: 18px 0 12px 0;
		width: 100%;
	}

}

@media screen and (max-width: 615px) {
	.bottom-links li {
		line-height: 26px;
	}
}



@media screen and (max-width: 568px) {
	.primary-nav a {
		padding: 10px 10px 6px 10px;
	}
	.primary-nav a i {
		display: block;
		font-size: 15px;
	}
	.primary-nav a .nav-text {
		display: none;
	}
	.inner-social-footer {
		text-align: center;
	}
	.media-icons {
		width: 100%;
		text-align: center;
	}
	.footer-links{
		width: 100%;
		text-align: center;
	}
	.footer-campuses {
		display: block;
		text-align: center;
		float: none;
		width: 55%;
		margin: 0 auto;
	}
	.footer-campuses .locations-button {
		float: none;
		line-height: 50px;
	}
	.footer-campuses img {
		margin: 0 5px 5px 0;
	}
	.break {
		display: none;
	}
}


@media screen and (max-width: 392px) {
	.footer-campuses {
		width: 40%;
	}

}

@media screen and (max-width: 370px) {
	.announcement {
		margin: 45px 0 0 0;
	}
}