* {
	outline:0;
}

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

/* ================================================== HOME SLIDER ================================================== */

#featureContainer {
	float:left;
	width:960px;
	height:468px;
	padding:15px;
	margin:5px -15px;
	background:url("../images/homeFeatureBg.png");
	position:relative;
	overflow:hidden;
}
.backgroundOff {background:url("../images/homeFeatureBgNone.png") !important;}


#featureContainer #featureNav {
	position:absolute;
	width:230px;
	height:auto;
	background:url(../images/homeFNavBg.png);
	background-repeat:repeat-y;
	background-position:right -40px;
	right:15px;
	top:15px;
	z-index:999;
	padding:0 0 0 16px;
}

#featureContainer #featureNav a {
	float:left;
	width:100%;
	height:39px;
	position:relative;

}
/*
#featureContainer #featureNav #featureNav1 a {
	background:url(../images/tabClarksonOverview.png) no-repeat center center;
	border-bottom:1px solid #363636;
}

#featureContainer #featureNav #featureNav2 a {
	background:url(../images/tabMeetClarkson.png) no-repeat center center;
	border-bottom:1px solid #363636;
}

#featureContainer #featureNav #featureNav3 a {
	background:url(../images/tabBrowseTheCampus.png) no-repeat center center;
}

#featureContainer #featureNav #featureNav1 a:hover, #featureContainer #featureNav #featureNav1 a.active {
	background:url(../images/tabClarksonOverview_on.png) no-repeat center center;
}

#featureContainer #featureNav #featureNav2 a:hover, #featureContainer #featureNav #featureNav2 a.active {
	background:url(../images/tabMeetClarkson_on.png) no-repeat center center;
}

#featureContainer #featureNav #featureNav3 a:hover, #featureContainer #featureNav #featureNav3 a.active {
	background:url(../images/tabBrowseTheCampus_on.png) no-repeat center center;
}
*/

#featureContainer .feature .slideNav {
	position:absolute;
	right:147px;
	top:170px;
	z-index:200;
	color:#555;
}

#featureContainer .feature .slide {
	padding:0;
	height:468px;
	width:960px;
	overflow:hidden;
	position:relative;
	margin:0 30px 0 0;
}

#featureContainer .feature .slide .mainImage {
	float:left;
	width:710px;
	margin:20px;
	position:relative;
}

#featureContainer .feature .slide .slideInfo {
	position:absolute;
	right:0px;
	bottom:0px;
	width:200px;
	height:297px;
	margin:0px;
	background:none;
	padding:56px 15px 0;
}

#featureContainer .feature .slide .slideInfo h2 {
	float:left;
	width:100%;
	font-size:2.4em;
	color:#f0ca0c;
	padding:0 0 14px;
	border-bottom:1px solid #d5d3cd;
	margin:0 0 20px;
}

#featureContainer .feature .slide .slideInfo p {
	float:left;
	width:100%;
	font-size:1.4em;
	color:#fff;
	line-height:1.4em;
}

#featureContainer .feature .slide .slideInfo .readMore a {
	font-size:0.8em;
	font-weight:bold;
}

#featureContainer #feature1 #thumbnails {
	position:absolute;
	left:35px;
	bottom:8px;
	width:640px;
	height:78px;
	overflow:hidden;
	z-index:999;
	padding:0 35px;
}

#featureContainer #feature1 #thumbnails .wrapper {
	position:relative;
	width:640px;
	height:78px;
	overflow:hidden;
}

#featureContainer #feature1 #thumbnails ul {
	position:absolute;
	width:640px;
	overflow:hidden;
	list-style:none;
}

#featureContainer #feature1 #thumbnails li {
	float:left;
	display:inline;
	margin:0 5px;
}

#featureContainer #feature1 #thumbnails li a, #feature1 #thumbnails li a img {
	border:0;
	overflow:hidden;
	float:left;
}

#featureContainer #feature1 #thumbnails li.activeSlide a {
	border:3px solid #f0ca0c;
}

#featureContainer #feature1 #thumbnails li.activeSlide a img {
	margin:-3px;
}

#featureContainer #feature1 #thumbnails .arrowleft {
	position:absolute;
	left:0;
	top:24px;
	width:28px;
	height:28px;
	background:url(../images/arrowLeft.png);
	z-index:999;
}

#featureContainer #feature1 #thumbnails .arrowright {
	position:absolute;
	right:0;
	top:24px;
	width:28px;
	height:28px;
	background:url(../images/arrowRight.png);
	z-index:999;
}

#featureContainer #feature1 #thumbnails .disabled {
	cursor:default;
	background-position:bottom;
}

#featureContainer #feature1 #thumbnails .arrowleft span, #feature1 #thumbnails .arrowright span {
	display:none;
}

#featureContainer #feature3 .photoCaption {
	position:absolute;
	bottom:15px;
	left:15px;
	width:960px;
	height:45px;
	background:url(../images/homePhotoCaption.png) no-repeat 0 0;
}

#featureContainer #feature3 .photoCaption .browseArrows {
	position:absolute;
	top:5px;
	left:15px;
	width:39px;
	height:35px;
	background:url(../images/campusDivider.png) no-repeat center top;
}

#featureContainer #feature3 .photoCaption .browseArrows .campusPrev {
	float:left;
	width:11px;
	height:17px;
	margin:9px 0;
	background:url(../images/campusLeft.png) no-repeat 0 0;
}

#featureContainer #feature3 .photoCaption .browseArrows .campusNext {
	float:right;
	width:11px;
	height:17px;
	margin:9px 0;
	background:url(../images/campusRight.png) no-repeat 0 0;
}

#featureContainer #feature3 .photoCaption p {
	float:left;
	width:700px;
	padding:13px 10px 16px 70px;
	font-size:1.4em;
	font-style:italic;
	color:#fff;
}

#featureContainer #feature3 .photoCaption .visit {
	float:right;
	height:25px;
	margin:10px;
	width:113px;
}

#featureContainer #feature3 .photoCaption .visit a {
	float:left;
	width:100%;
	text-align:center;
	background:url(../images/photoCaptionButton.png) no-repeat 0 0;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	height:15px;
	padding:6px 0 4px;
}

/* ================================================== ADMISSION SLIDER ================================================== */

#featureContainerAdmission {
	float:left;
	width:960px;
	height:468px;
	padding:15px;
	margin:5px -15px;
	background:url(../images/homeFeatureBg.png);
	position:relative;
	overflow:hidden;
}

#featureContainerAdmission #featureNav {
	position:absolute;
	width:230px;
	height:auto;
	background:url(../images/homeFNavBg.png);
	background-repeat:repeat-y;
	background-position:right -40px;
	left:15px;
	top:15px;
	z-index:999;
	padding:0 0 0 16px;
}

#featureContainerAdmission #featureNav a {
	float:left;
	width:100%;
	height:39px;
	position:relative;

}

#featureContainerAdmission #featureNav #featureNav1 a {
	background:url(../images/tabClarksonOverview.png) no-repeat center center;
	border-bottom:1px solid #363636;
}

#featureContainerAdmission #featureNav #featureNav2 a {
	background:url(../images/tabMeetClarkson.png) no-repeat center center;
	border-bottom:1px solid #363636;
}

#featureContainerAdmission #featureNav #featureNav3 a {
	background:url(../images/tabBrowseTheCampus.png) no-repeat center center;
}

#featureContainerAdmission #featureNav #featureNav1 a:hover, #featureContainer #featureNav #featureNav1 a.active {
	background:url(../images/tabClarksonOverview_on.png) no-repeat center center;
}

#featureContainerAdmission #featureNav #featureNav2 a:hover, #featureContainer #featureNav #featureNav2 a.active {
	background:url(../images/tabMeetClarkson_on.png) no-repeat center center;
}

#featureContainerAdmission #featureNav #featureNav3 a:hover, #featureContainer #featureNav #featureNav3 a.active {
	background:url(../images/tabBrowseTheCampus_on.png) no-repeat center center;
}

#featureContainerAdmission .feature .slideNav {
	position:absolute;
	left:30px;
	top:95px;
	z-index:200;
	color:#555;
}

#featureContainerAdmission .feature .slide {
	padding:0;
	height:468px;
	width:960px;
	overflow:hidden;
	position:relative;
	margin:0 30px 0 0;
}

#featureContainerAdmission .feature .slide .mainImage {
	float:right;
	width:710px;
	margin:20px;
	position:relative;
}

#featureContainerAdmission .feature .slide .slideInfo {
	position:absolute;
	left:0px;
	top:45px;
	width:200px;
	height:297px;
	margin:0px;
	background:none;
	padding:56px 15px 0;
}

#featureContainerAdmission .feature .slide .slideInfo h2 {
	float:left;
	width:100%;
	font-size:2.4em;
	color:#f0ca0c;
	padding:0 0 14px;
	border-bottom:1px solid #d5d3cd;
	margin:0 0 20px;
}

#featureContainerAdmission .feature .slide .slideInfo p {
	float:left;
	width:100%;
	font-size:1.4em;
	color:#fff;
	line-height:1.4em;
}

#featureContainerAdmission .feature .slide .slideInfo .readMore a {
	font-size:0.8em;
	font-weight:bold;
}

#featureContainerAdmission #feature1 #thumbnails {
	position:absolute;
	right:35px;
	bottom:8px;
	width:640px;
	height:78px;
	overflow:hidden;
	z-index:999;
	padding:0 35px;
}

#featureContainerAdmission #feature1 #thumbnails .wrapper {
	position:relative;
	width:640px;
	height:78px;
	overflow:hidden;
}

#featureContainerAdmission #feature1 #thumbnails ul {
	position:absolute;
	width:640px;
	overflow:hidden;
	list-style:none;
}

#featureContainerAdmission #feature1 #thumbnails li {
	float:left;
	display:inline;
	margin:0 5px;
}

#featureContainerAdmission #feature1 #thumbnails li a, #feature1 #thumbnails li a img {
	border:0;
	overflow:hidden;
	float:left;
}

#featureContainerAdmission #feature1 #thumbnails li.activeSlide a {
	border:3px solid #f0ca0c;
}

#featureContainerAdmission #feature1 #thumbnails li.activeSlide a img {
	margin:-3px;
}

#featureContainerAdmission #feature1 #thumbnails .arrowleft {
	position:absolute;
	left:0;
	top:24px;
	width:28px;
	height:28px;
	background:url(../images/arrowLeft.png);
	z-index:999;
}

#featureContainerAdmission #feature1 #thumbnails .arrowright {
	position:absolute;
	right:0;
	top:24px;
	width:28px;
	height:28px;
	background:url(../images/arrowRight.png);
	z-index:999;
}

#featureContainerAdmission #feature1 #thumbnails .disabled {
	cursor:default;
	background-position:bottom;
}

#featureContainerAdmission #feature1 #thumbnails .arrowleft span, #feature1 #thumbnails .arrowright span {
	display:none;
}

#featureContainerAdmission #feature3 .photoCaption {
	position:absolute;
	bottom:15px;
	left:15px;
	width:960px;
	height:45px;
	background:url(../images/homePhotoCaption.png) no-repeat 0 0;
}

#featureContainerAdmission #feature3 .photoCaption .browseArrows {
	position:absolute;
	top:5px;
	left:15px;
	width:39px;
	height:35px;
	background:url(../images/campusDivider.png) no-repeat center top;
}

#featureContainerAdmission #feature3 .photoCaption .browseArrows .campusPrev {
	float:left;
	width:11px;
	height:17px;
	margin:9px 0;
	background:url(../images/campusLeft.png) no-repeat 0 0;
}

#featureContainerAdmission #feature3 .photoCaption .browseArrows .campusNext {
	float:right;
	width:11px;
	height:17px;
	margin:9px 0;
	background:url(../images/campusRight.png) no-repeat 0 0;
}

#featureContainerAdmission #feature3 .photoCaption p {
	float:left;
	width:700px;
	padding:13px 10px 16px 70px;
	font-size:1.4em;
	font-style:italic;
	color:#fff;
}

#featureContainerAdmission #feature3 .photoCaption .visit {
	float:right;
	height:25px;
	margin:10px;
	width:113px;
}

#featureContainerAdmission #feature3 .photoCaption .visit a {
	float:left;
	width:100%;
	text-align:center;
	background:url(../images/photoCaptionButton.png) no-repeat 0 0;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	height:15px;
	padding:6px 0 4px;
}

#featureContainerAdmission #featureHeading {
	position:absolute;
	height:auto;
	left:30px;
	top:15px;
	z-index:999;
	padding:20px;
	background:#141211;
}

#featureContainerAdmission .links {
	position:absolute;
	bottom:0px;
	left:15px;
	width:192px;
	height:auto;
}

#featureContainerAdmission .links h3 {
	float:left;
	width:100%;
	color:#fff;
	font-size:1.4em;
	font-weight:normal;
}

#featureContainerAdmission .links a {
	padding:7px 0 0;
	margin:7px 0 0;
	float:left;
	width:192px;
	background:url('../images/admissionLinkBg.png') no-repeat 0 0;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	height:29px;
}

#featureContainerAdmission .links a:hover {
	background:url('../images/admissionLinkBg_on.png') no-repeat 0 0;
	text-decoration:none;
}