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

#contributorArea {
	background-color: #fff !important;
	clear:both;
}
#groupedSubDivs {
	display: none;
}
.goldHeader {
	max-width: 960px;
	background-color: #FEC923 !important;
	margin: 0 auto;
}
#mainContainer {
	background-color: #fff;	
	padding-top: 5px;
	min-height: 400px !important;
	//max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0px;
	overflow: hidden;
}
#middleNav {
	padding: 0px 0 0 0;
	border-bottom: #592A8A 8px solid;
	margin-bottom: 0px;
	margin: 0;
	color: #592a8a;
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	-webkit-font-smoothing: antialiased;
}
#topMostNav {
	color: #fff;
	background-color: #592A8A;
	padding: 0px;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
#bottomMostNav {
	background-color: #fff;
	padding: 0;
}
#CS-secondarynav-wrap {
	height: 5px;
}
#navigationLinks .CS_Textblock_Caption {
	font-size: 1.5em;
	color: #592a8a;
}

/* Header Wordmark, Links Style */

#wordmarkITCS {
	padding: 15px 20px;
}

#linksITCS {
	background: #653299;
	padding: 5px;
	overflow: auto;
}

#menuLinks {
	color: #fff;
	margin: 0;
	padding: 3px 15px;
	list-style-type: none;
}

.menuItem {
	float: left;
	color: #fff;
	font-size: 11pt;
	font-weight: 400;
	margin-right: 1.5em;
	margin-bottom: .25em;
}

.menuItem a {
	color: #fff;
}

.menuItem a:hover {
	color: #fec923;
}

.pullRight {
	float:right;
	margin-right: -10px;
}


/* Banner Style */
#bannerWrapper {
	width: 940px;
}

#imagesWrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#images {
	width: 960px;
	margin: auto;
	height: 250px;
}

#images .info {
	width: 960px;
	height: 250px;
}

#clearControls {
	overflow: auto;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#toggleControl {
	display: inline;
}

#paginationControl {
	margin: 0;
	padding: 0;
	float: right;
}

.pagination {
	text-align: center;
	display: inline;
}

.pagination a {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	font-size: 20px;
	line-height: 10px;
	border: 2px solid #58298a;
	margin: 0 3px 0 0;
	display: inline-block;
}

.pagination a.selected {
	background: #58298a;
	cursor: default;
}

.pagination a span {
	display: none;
}

.play {
	color: #58298a;
	font-size: 12px;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	line-height: 10px;
}

.pause {
	color: #58298a;
	font-size: 12px;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	line-height: 10px;
}

div .moreInfo {
	background: #64309a;
	background: rgba(100, 48, 154, 0.8);
	color: #fff;
	font-size: .95em;
	height: 175px;
	opacity: 1;
	padding: 0 20px;
}

div .moreInfo h1 {
	color: #fff;
	line-height: 24px;
	font-weight: 100;
	font-size: 24px;
	margin: 7px 0;
	padding: 0;
	display: block;
}

div .moreInfo p {
	margin: 10px 0;
}

div .moreInfo a {
	color: #fff;
}

/* ITCS Content Styles */
.leftColumnContainer {
	float: left;
	display: inline-block;
	width: 240px;
	margin: 0 15px;
}

.middleColumnContainer {
	float: left;
	display: inline-block;
	width: 460px;
	margin: 0 15px;
}

.rightColumnContainer {
	float: left;
	display: inline-block;
	width: 170px;
	margin: 0 15px;
}

#mainContainer p{
	padding: 0px 0px 3px 0px;
	margin:0px auto 10px auto;
}

#techDigest{
	list-style-type:disc;
	list-style-position:inside;
}

#blahbalhablh li{
	padding: 0px 0px 10px 0px;
}

#mainContainer h1{
	color:#592a8a;
	font-size:1.6em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

#mainContainer h2{
	color:#592a8a;
	font-size:1.5em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

#mainContainer h3{
	color:#592a8a;
	font-size:1.4em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

#mainContainer h4{
	color:#592a8a;
	font-size:1.3em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

#mainContainer h5{
	color:#592a8a;
	font-size:1.2em;
	font-weight:400;
	padding: 3px 0px 0px 0px;
	margin:5px auto 0px auto;
}

#mainContainer h6{
	color:#333333;
	font-size:.9em;
	font-weight:600;
	padding: 3px 0px 0px 0px;
	margin:2px auto 2px auto;
}

/* Footer Styles */

#footerITCS {
	max-width: 960px;
	margin: auto;
	padding: 0px;
	background-color: #efeaf5;
	overflow: auto;
}

#footerColumnWrapper {
	margin: 0 auto;
	max-width: 850px;
	padding: 0;
	overflow: auto;
}

#footerColumn {
	/*display: inline-block;*/
	width: 130px;
	margin: 25px 10px;
	vertical-align: top;
	float: left;
	/*zoom: 1;
	*display: inline;*/
}

#footerColumn h1 {
	color: #653299;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#footerColumnLarge {
	display: inline-block;
	width: 180px;
	margin: 25px 5px;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

#footerColumnLarge h1 {
	color: #653299;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#footerLinks {
	list-style-type: none;
	padding: 0;
}

.footerItem {
	display: block;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
}

/* Second Level Page Styles */

.leftColumnSecondLevel {
	float: left;
	display: inline-block;
	//width: 720px;
	width: 75%;
	//margin: 0 10px;
	zoom: 1;
	*display: inline;
}
.rightColumnSecondLevel {
	float: right;
	display: inline-block;
	//width: 200px;
	width: 20.833333333333334%;
	//margin: 20px 5px;
	zoom: 1;
	*display: inline;
}

#pageHeaderSecurity {
	background:url(/cs-itcs/itcstest/customcf/security_background2.png);
	font-weight:200;
	width:960px;
	height:250px;
	margin: 30px auto 0px auto;
	padding: 0px;
}

#pageHeaderStudents {
	background:url(/cs-itcs/itcstest/customcf/studentsbackground3.png);
	font-weight:200;
	width:960px;
	height:250px;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#pageHeaderFaculty {
	background:url(/cs-itcs/itcstest/customcf/facultybackground2.png);
	font-weight:200;
	width:960px;
	height:250px;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#pageHeaderStaff {
	background:url(/cs-itcs/itcstest/customcf/facultybackground.png);
	font-weight:200;
	width:960px;
	height:250px;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#pageTitle {
	color:#ffffff;
	font-size:2em;
	font-weight:100;
	margin: 0;
	width:300px;
	padding: 50px 0 0 50px;
	float:left;
	-webkit-font-smoothing: antialiased;
}
#headerContent{
	background-color:#592a8a;
	color:#ffffff;
	height:190px;
	width:430px;
	opacity:.9;
	float:right;
	margin:10px 10px;
	padding:20px 20px ;
}

#headerContent h2{
	color:#aa8dc8;
	font-size: 17pt;
	font-weight:200;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	-webkit-font-smoothing: antialiased;
}

#headerContent h3{
	color:#ffffff;
	font-size:13pt;
	font-weight:200;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	-webkit-font-smoothing: antialiased;
}

#headerContent p{
	font-size: 10pt;
	padding:0px 0px 10px 0px;
	margin: 0;
}

#headerContent a{
	color: #FEC923;
	text-decoration: none;
}

#headerContent a:hover{
	color: #ffffff;
	text-decoration: none;
}

#secondLevelContent {
	margin:0 10px;
	padding: 0;
	//width: 960px;
	//width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

#secondLevelContent h1{
	color:#592a8a;
	font-size:1.9em;
	font-weight:200;
	padding: 5px 0px 20px 10px;
	margin:auto auto 5px auto;
	-webkit-font-smoothing: antialiased;
}

#secondLevelContent h2{
	color:#592a8a;
	font-size:1.7em;
	font-weight:200;
	padding: 5px 0px 0px 10px;
	margin:auto auto 5px auto;
	-webkit-font-smoothing: antialiased;
}

#secondLevelLinks {
	//width: 240px;
	//width: 33.33333333333333%;
	width: 31.42857142857143%;
	width: 32.35294117647059%;
	width: 29.411764705882354%;
	//margin: 10px 0px;
	margin: 10px;
	padding: 0;
	display:inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

#secondLevelLinks h2{
	color:#592a8a;
	font-size:1.7em;
	font-weight:200;
	padding: 5px 0px 20px 10px;
	margin:auto auto 5px auto;
	-webkit-font-smoothing: antialiased;
}

.secondLevelList {
	width: 100%;
	margin: 0;
	padding: 0;
	display:inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

.secondLevelItem{
	display:block;
	font-size:10pt;
	bullet-type:none;
	background-color:#f0f0f0;
	color:#5b2a8d;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

.secondLevelItem a{
	display:block;
	font-size:10pt;
	bullet-type:none;
	background-color:#f0f0f0;
	color:#5b2a8d;
	margin: 0;
	padding: 8px 15px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;

}

.secondLevelItem a:hover{
	background-color:#e2e2e2;
	color:#5b2a8d;
	text-decoration: none;

}

.secondLevelItem a{
	text-decoration:none;
}

#secondLevelAdvert {
	width: 170px;
	margin: 0px 10px;
	padding: 0px 0px 10px 0px;
	display:inline-block;
	vertical-align: top;
}

/* Content Page Styles */

#contentPageTitle {
	color: #592a8a;
	max-width: 960px;
	font-size:1.6em;
	font-weight:600;
	margin: 0px auto;
	padding: 15px 0px 15px 20px;
	-webkit-font-smoothing: antialiased;
}

.contentPageTitle {
	color:#592a8a;
	max-width: 960px;
	margin: 10px auto;
	padding: 5px 0px 5px 10px;
	-webkit-font-smoothing: antialiased;
}

.contentText {
	color: #555555;
	font-size: .9em;
	margin: 15px 15px;
	float: left;
	padding: 0px;
}

.contentText h1{
	color:#592a8a;
	font-size:1.6em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText h2{
	color:#555555;
	font-size:1.5em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText h3{
	color:#592a8a;
	font-size:1.4em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText h4{
	color:#555555;
	font-size:1.3em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText h5{
	color:#592a8a;
	font-size:1.2em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText h6{
	color:#555555;
	font-size:1.1em;
	font-weight:200;
	padding: 3px 0px 3px 0px;
	margin:5px auto 5px auto;
}

.contentText p{
	padding:0px 0px 5px 0px;
}

.contentText ul{
	list-style-position: outside;
	padding: 10px 30px;
	margin: 10px 10px;
}

.contentText ol{
	list-style-position: outside;
	padding: 10px 30px;
	margin: 10px 10px;
}

/* Services Menu */

.itcs-services-menu {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 25px;
	font: normal 13px Arial, sans-serif; 
}
.itcs-services-menu li a{
	display: block;
	color: #fff;
	background: #5c2a8d;
	padding: 0;
	padding: 12px 38px 12px 25px;
	border-bottom: 1px solid #8460aa;
	text-decoration: none;
}
.itcs-services-menu li a:hover {
	color: #d2b8e5;
	background: #8460aa;
}

/* HelpDesk Styles */

.system-status {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

#helpDeskLinks {
	width: auto;
	margin: 10px 0;
	padding: 0;
}

#helpDeskLinks h2{
	color: #592a8a;
	font-size: 1.7em;
	font-weight: 200;
	padding: 5px 0px 20px 10px;
	margin: auto auto 5px auto;
	-webkit-font-smoothing: antialiased;
}

.helpDeskList {
	width: 100%;
	margin: 0;
	padding: 0;
}

.helpDeskItem{
	display: block;
	font-size: 10pt;
	bullet-type: none;
	background-color: #f0f0f0;
	color: #5b2a8d;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

.helpDeskItem a{
	display: block;
	font-size: 10pt;
	bullet-type: none;
	background-color: #f0f0f0;
	color: #5b2a8d;
	margin: 0;
	padding: 8px 15px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;

}

.helpDeskItem a:hover{
	background-color: #e2e2e2;
	color: #5b2a8d;
	text-decoration: none;

}

.helpDeskItem a{
	text-decoration: none;
}

.textAd { display:none; }


/* banner responsive styles */

@media all and (max-width: 960px) {
	#bannerWrapper {
		width: auto !important;
	}
	
	#imagesWrapper {
		width: 100% !important;
	}
	#clearControls {
		width: 100% !important;
	}
	.caroufredsel_wrapper {
		width: 100% !important;
	}
	#images {
		width: 100% !important;
	}
	.info {
		width: 100% !important;
	}
}

@media all and (max-width: 960px) and (min-width: 767px) {
	
	/* Second level ad */
	.textAd, .imageAd, .servicesAd { display:none; }
	
	/* Second level pages */
	#secondLevelContent {
		margin:0 10px;
		//margin: 0;
		padding: 0;
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.leftColumnSecondLevel {
		float: none;
		display: block;
		width: auto;
		//margin: 0 10px;
	}
	
}

@media all and (max-width: 767px) and (min-width: 480px) {
	
	/* Second level ad */
	.textAd, .imageAd, .servicesAd { display:none; }
	
	/* Second level pages */
	#secondLevelContent {
		margin:0 10px;
		//margin: 0;
		padding: 0;
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.leftColumnSecondLevel {
		float: none;
		display: block;
		width: auto;
		//margin: 0 10px;
	}
	
}


@media all and (max-width: 600px) and (min-width: 480px) {

	/* Second level pages */
	#secondLevelContent {
		margin:0 10px;
		//margin: 0;
		padding: 0;
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#secondLevelLinks {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		margin-bottom: 20px;
	}
	.secondLevelList {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}
	.leftColumnSecondLevel {
		float: none;
		display: block;
		width: auto;
		//margin: 0 10px;
	}
}
		


@media all and (max-width: 480px) {
	
	/* Second level ad */
	.textAd, .imageAd, .servicesAd { display:none; }
	
	/* top menu */
	.pullRight {
		float: left;
	}
		
	/* ITCS home page */
	#mainContainer {
		padding: 0;
		margin: 0;
	}
	
	.leftColumnContainer {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
		width: auto !important;
	}

	#twitter-widget-0 {
		display: none;
	}
	#advertisement {
		display: none;
	}
	.middleColumnContainer {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.rightColumnContainer {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	
	#mainContainer .leftColumnContainer,
	#mainContainer .middleColumnContainer,
	#mainContainer .rightColumnContainer {
		margin: 0 10px;
	}
	
	/* Services page */
	#servicesWide {
		width: 100% !important;
	}
	#navBar {
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		width: 100% !important;
	}
	#serviceContentWide {
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		width: 100% !important;
		margin-top: 20px !important;
		height: auto;
	}
	
	/* Second level pages */
	#secondLevelContent {
		margin:0 10px;
		//margin: 0;
		padding: 0;
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#secondLevelLinks {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		margin-bottom: 20px;
	}
	.secondLevelList {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}
	.leftColumnSecondLevel {
		float: none;
		display: block;
		width: auto;
		//margin: 0 10px;
	}
	
	/* Help Desk styles */
	
	.multiColumnCommon,
	.multiColumnEqualTwo,
	.multiColumnEqualThree,
	.multiColumnEqualFour,
	.multiColumnEqualFive {
		width: 100% !important;
		margin: 0 !important;
	}
	
	#helpDeskLinks {
		width: auto;
		margin: 10px 0;
		padding: 0;
	}

	#helpDeskLinks h2{
		color: #592a8a;
		font-size: 1.7em;
		font-weight: 200;
		padding: 5px 0px 20px 10px;
		margin: auto auto 5px auto;
		-webkit-font-smoothing: antialiased;
	}

	.helpDeskList {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.helpDeskItem{
		display: block;
		font-size: 10pt;
		bullet-type: none;
		background-color: #f0f0f0;
		color: #5b2a8d;
		margin: 0;
		padding: 0;
		-webkit-font-smoothing: antialiased;
	}

	.helpDeskItem a{
		display: block;
		font-size: 10pt;
		bullet-type: none;
		background-color: #f0f0f0;
		color: #5b2a8d;
		margin: 0;
		padding: 8px 15px;
		-webkit-font-smoothing: antialiased;
		text-decoration: none;

	}

	.helpDeskItem a:hover{
		background-color: #e2e2e2;
		color: #5b2a8d;
		text-decoration: none;

	}

	.helpDeskItem a{
		text-decoration: none;
	}
	
}