@charset "utf-8";
@import url(banners-local.css);
/* Site-specifc styles */
#splashpod { background-color: #ffffff; height: 190px; background-image: none; }


/*---- Stop that Image padding thing ----*/
#content div.left img {
	padding:0.91em 0em 0.5em 0em!important;
	
}

/* ----- Homepage Feature pane link icons ----- */
div#sidebar a#cpd {background-image:url(../images/banners/2010/icon_fpcpd.jpg);}
	div#sidebar a#cpd:hover {background-image:url(../images/banners/2010/icon_fpcpd_hover.jpg); text-decoration:none;}
div#sidebar a#prc {background-image:url(../images/banners/2010/icon_fpprc.jpg);}
	div#sidebar a#prc:hover {background-image:url(../images/banners/2010/icon_fpprc_hover.jpg); text-decoration:none;}
div#sidebar a#rsc {background-image:url(../images/banners/2010/icon_fprsc.jpg);}
	div#sidebar a#rsc:hover {background-image:url(../images/banners/2010/icon_fprsc_hover.jpg); text-decoration:none;}
div#sidebar a#tnl {background-image:url(../images/banners/2010/icon_fptnl.jpg);}
	div#sidebar a#tnl:hover {background-image:url(../images/banners/2010/icon_fptnl_hover.jpg); text-decoration:none;}
div#sidebar a#tsg {background-image:url(../images/banners/2010/icon_fptsg.jpg);}
	div#sidebar a#tsg:hover {background-image:url(../images/banners/2010/icon_fptsg_hover.jpg); text-decoration:none;}
div#sidebar a#schol {background-image:url(../images/banners/2010/icon_fpschol.jpg);}
	div#sidebar a#schol:hover {background-image:url(../images/banners/2010/icon_fpschol_hover.jpg); text-decoration:none;}


/* ----- Homepage News item images ----- */
#content ul.news li img {border:solid 1px #999999;}


/* ----- Removing padding around mast images ----- */
#content img[alt~=masthead] {
padding:10px 5px 5px 0px;
}

/* ----- Reformatting Footer to fit Social networks ----- */
div#w3 div#foot div#sitemap ul {float:left; width:45%;}
div#w3 div#foot div#sitemap ul li {width:100%;}
div#w3 div#foot div#sitemap div#SocialNetworkBlock {float:right; width:38%;}


/* ----- Table styling for cross-row readability ----- */
#content table#RowsUnderlined tr td {
border-top:solid 1px #E7E7E7; vertical-align:middle;
}
#content table#RowsUnderlined tr th {
border-bottom:solid 3px #F5AF00; padding:0.6em 0.4em;
}

#content table.RowsUnderlined tr td {
border-top:solid 1px #E7E7E7; vertical-align:middle;
}
#content table.RowsUnderlined tr th {
border-bottom:solid 3px #F5AF00; padding:0.6em 0.4em;
}


/* ----- Removing padding for Department masthead-images, which is otherwise alright for content-images ----- */
#content div.left img[src*="archmast"] {padding:0 1em 0 0;}



/* ----- Button styling for improved button-identification ----- */
#content div a.CustomSubmitButton {
background-image:url('../images/common/btn_forwardicon.jpg'); 
background-repeat:no-repeat; 
background-position:bottom right; 
background-color:#F5AF00; 
border-bottom:solid 2px #DDDDDD; 
border-right:solid 2px #E6E6E6; 
padding:10px 38px 7px 10px; 
font-weight:bold;
text-decoration:none;
color:#976000;
}
	#content div a.CustomSubmitButton:hover {
	background-image:url('../images/common/btn_forwardicon_hover.jpg'); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	background-color:#F5AF00; 
	border-bottom:solid 2px #DDDDDD; 
	border-right:solid 2px #E6E6E6; 
	padding:10px 38px 7px 10px; 
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	}

#content div a.CustomDownloadButton {
background-image:url('../images/common/btn_downicon.jpg'); 
background-repeat:no-repeat; 
background-position:bottom right; 
background-color:#F5AF00; 
border-bottom:solid 2px #DDDDDD; 
border-right:solid 2px #E6E6E6; 
padding:10px 38px 7px 10px; 
font-weight:bold;
text-decoration:none;
color:#976000;
}
	#content div a.CustomDownloadButton:hover {
	background-image:url('../images/common/btn_downicon_hover.jpg'); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	background-color:#F5AF00; 
	border-bottom:solid 2px #DDDDDD; 
	border-right:solid 2px #E6E6E6; 
	padding:10px 38px 7px 10px; 
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	}

#content div a.CustomBackButton {
background-image:url('../images/common/btn_backicon.jpg'); 
background-repeat:no-repeat; 
background-position:bottom right; 
background-color:#B2B2B2; 
border-bottom:solid 2px #DDDDDD; 
border-right:solid 2px #E6E6E6; 
padding:10px 38px 7px 10px; 
font-weight:bold; 
text-decoration:none; 
color:#666666;
}
	#content div a.CustomBackButton:hover {
	background-image:url('../images/common/btn_backicon_hover.jpg'); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	background-color:#B2B2B2; 
	border-bottom:solid 2px #DDDDDD; 
	border-right:solid 2px #E6E6E6; 
	padding:10px 38px 7px 10px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFFFFF;
	}

#content div a.CustomCloseButton {
background-image:url('../images/common/btn_crossicon.jpg'); 
background-repeat:no-repeat; 
background-position:bottom right; 
background-color:#B2B2B2; 
border-bottom:solid 2px #DDDDDD; 
border-right:solid 2px #E6E6E6; 
padding:10px 38px 7px 10px; 
font-weight:bold; 
text-decoration:none; 
color:#666666;
}
	#content div a.CustomCloseButton:hover {
	background-image:url('../images/common/btn_crossicon_hover.jpg'); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	background-color:#B2B2B2; 
	border-bottom:solid 2px #DDDDDD; 
	border-right:solid 2px #E6E6E6; 
	padding:10px 38px 7px 10px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#FFFFFF;
	}
	


/* ----- Simple single-field search (eg. RSC search on discipline pages) ----- */
#content div form.SearchForm {
background:url('../images/banners/2010/icon_fprsc.jpg') no-repeat -10px 0px #FFFFFF;
padding:3px 22px 0px 30px;
margin-right:25px;
}
#content div span.SearchWrap {
height:30px;
border-top:solid 11px #F5AF00;
}
	#content div input.SearchField {
	height:24px;
	width:200px;
	border:none;
	border-left:solid 1px #DDDDDD;
	border-bottom:solid 2px #DDDDDD;
	margin:0px 0px 5px 0px;
	padding-left:7px;
	color:#757575;
	background:#F5F5F5;
	}
	
	#content div input.SearchFieldSubmit {
	background-image:url('../images/common/btn_forwardicon.jpg');
	background-color:transparent;
	line-height:100em;
	overflow:hidden;
	border:none;
	border-right:solid 2px #DDDDDD;
	border-bottom:solid 2px #DDDDDD;
	width:32px;
	height:30px;
	margin:0px -2px 0px 0px;
	}
		#content div input.SearchFieldSubmit:hover {
		background-image:url('../images/common/btn_forwardicon_hover.jpg');
		}


/* ----- Content-Toggling trigger/link styling ----- */
#content .toggleTrigger {
background:url('../images/common/icon_plus.gif') 0px 2px no-repeat;
padding-left:13px;
color:#0099CC;
cursor:pointer;
}
	#content .toggleTriggerMinus {
	background:url('../images/common/icon_minus.gif') 0px 2px no-repeat;
	padding-left:13px;
	color:#0099CC;
	cursor:pointer;
	}


/* ----- General element styles ----- */
#content .hiddenInitially {
display: none;
}


/* ----- Floating notification div ----- */
#content div#NewsBreaker {
float:right; 
width:50%; 
background-color:#EEEEEE; 
padding:15px; 
margin:0px 0px 15px 15px; 
border-left:solid 4px #CE1126;
}
	#content div#NewsBreaker h5 {
	margin:0px;
	padding:0px;
	}


/* ----- Fre-Floating feature pane ----- */
#content div.FreePane {
border-bottom:0.1em solid #CCCCCC; 
background:#F5F5F5; 
float:right; 
width:16.8em; 
margin:0 0 2em 2em; 
padding:0 0.667em 0.7em 0.667em; 
font-size:1.1em;
}
	#content div.FreePane b {
	display:block; 
	background:#12416C; 
	color:#FFFFFF; 
	margin:0 -0.667em; 
	padding:0.467em 0.667em; 
	text-transform:uppercase; 
	font-weight:600;
	}
	
	
	
/* ---- Events Slider ----*/

#splashpod {height: 24em;width: 400px;	margin:0;margin-bottom:10px;float: right;margin-top: 50px;}
#splashpod h1{margin-bottom:10px;}
#splashpod img {
				    height: auto;
				}
#splashpod #console {background-color: #000000;float: left; height: 361px;
				    overflow: hidden;
				    position: relative;
				    width: 400px;
				float: left;}
#faculty_carousel #splashpod {
				    font-size: 0.9em;
				    margin: 0;
				}
#console #controls {
				    top: 1em;
				    font-family: Arial,Verdana,sans-serif;
				    font-size: 1.2em;
				    right: 1.5em;
				    padding: 0.5em 0;
				    position: absolute;
				    z-index: 1000;
				}
#console #controls a {
				    border: 1px solid #FFFFFF;
				    color: #FFFFFF;
				    cursor: pointer;
				    margin: 0 0.5em;
				    padding: 0.2em 0.5em;
				}
	#console #controls a:hover, #console #controls a.active {
				    background-color: #BED73B;
				    color: black;
				    font-weight: bold;
				}
#console .story {
				    background-color: #000000;
				    color: white;
				    float: left;
				    height: 461px;
				    width: 725px;
				cursor:pointer;
				}
				#console .story h2 {
				    background-repeat: no-repeat;
				    font-size: 4em;
				    font-weight: normal;
				    line-height: 1em;
				    margin: 0;
				    padding: 0.4em 0 0.3em 0.5em;
				    width: 12em;
				}
				#console .story h2 a {
				    color: #FFFFFF;
				    text-decoration: none;
				}
				#console .story h2 a:hover {
				    color: #FFFFFF;
				    text-decoration: underline;
				}
				#console .story p {
				    font-size: 1.5em;
				    margin-left: 1.5em;
				    width: 30em;
				}
				#console .story p a {
				    color: #F5AF00;
				    text-decoration: underline;
				}
				#console .story p a:hover {
				    text-decoration: none;
				}
				#content .heading-links.first {
				    margin-top: 0.4em;
				}

/* ---- Feature Pane ----*/


#sidebar .feature  a.button{
	background-color: #12416c;
	  color: #ffffff;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px;
	  font-weight: bold;
	  font-size: 1.1em;
	  text-transform: uppercase;
	  border: 0;
	  padding: 0 10px;
	  cursor: pointer;
	  vertical-align: middle;
	  height: 28px;
	  overflow: visible;
	  line-height: 29px;
	  /* IE8 */

	  *line-height: 28px;
	  /* IE7 */

	  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	  padding: 8px 10px;
	  margin: 0 0.5em;
	  text-decoration: none;
	  font-size: 1em;
	  line-height: 4em;
	
	
	
}

#sidebar .feature  a.button:hover{
	background-color: #17538b;
	  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17538b), to(#0d2f4d));
	  background-image: -moz-linear-gradient(top, #17538b, #0d2f4d);
	  background-image: -webkit-linear-gradient(top, #17538b, #0d2f4d);
	  background-image: -ms-linear-gradient(top, #17538b, #0d2f4d);
	  background-image: -o-linear-gradient(top, #17538b, #0d2f4d);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17538b', endColorstr='#0d2f4d');
	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
	  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
	  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ;
	}


	#sidebar .feature  a.button:active{
		
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
		
		
	}



	/* ---- New Home Page----*/
	
	

	.hidden{display:none;left:-9999;}
	 h1.title{
		font-size:30px;
		color:#BCDA22;
		}

	/* home page Styling */

	#content.custom {
		padding: 0 1.27em;
	}
	#tabs li {
		position: relative;
	}
	#tabs li.active:hover>ul {
		display: block;
	}
	.col_1 {
		width: 130px;
		float: left
	}
	.col_2 {
		width: 255px;
		float: left;
		padding-left: 15px;
	}
	.col_1, .col_2, .col_3, .col_4, .col_5 {
		display: inline;
		float: left;
		position: relative;
		padding-left: 5px;
		margin-right: 5px;
	}
	.dropdown_2columns {
		width: 420px;
	}
	.dropdown_1column,  .dropdown_2columns,  .dropdown_3columns,  .dropdown_4columns,  .dropdown_5columns {
		margin: 4px auto;
		position: absolute;
		left: -999em; /* Hides the drop down */
		text-align: left;
		padding: 10px 5px 10px 5px;
		border-top: none;
		/* Gradient background */  
		background: #FDF6C5;/* Rounded Corners */  

	}
	#tabs li:hover .dropdown_2columns {
		left: -1px;
		top: 24px;
	}
	#tabs .dropdown_2columns h1 {
		font-size: 18px;
		font-weight: normal;
	}
	#tabs .dropdown_2columns a {
		border-bottom: 1px solid #ECDCAF;
		color: black;
		display: block;
		font-size: 12px;
		padding-bottom: 3px;
		padding-right: 15px;
		padding-top: 3px;
	}
	#tabs .dropdown_2columns a:hover {
		background-color: #F9CF66;
	}
	#content.homepage a:hover {
		color: #BCDA22;
		text-decoration: none;
	}
	#content.homepage h1 a, #content.homepage h2 a, #content.homepage h3 a, #content.homepage h4 a, #content h5 a, #content h6 a, #menu dt a {
		color: black
	}
	#content.homepage, #content.homepage h2, #content.homepage  h3, #content.homepage h4, #content.homepage h5, #content.homepage h6, #menu dt {
		color: black;
		font-weight: normal
	}
	#content.homepage h1:first-child {
		margin-bottom: 10px;
	}
	#content.homepage img {
		padding: 0;
	}
	#content div.column {
		padding: 0;
	}
	body.splash #mid {
		margin: 0;
	}
	#content.homepage #leftColumn, #content #leftColumn2 {
		width: 610px;
		float: left;
	}
	#content.homepage #rightColumn, #content #rightColumn2 {
		width: 335px;
		margin-top: 51px;
		float: left
	}
	#content.homepage #rightColumn2 {
		margin-top: 5px;
	}
	#content.homepage ul {
		padding: 0;
		margin: 0;
	}
	#content.homepage h1 {
		font-size: 18px;
		color: black;
		margin: 2px 0;
	}
	#content.homepage h4 {
		margin: 10px 0;
	}



	#footerMenu {
		margin: 10px 10px 0px 10px;
		background-color: #fafafa;
		padding: 25px 15px 25px;
	}
	.footerMenuColumn {
		float: left;
		margin: 0px 0px 0px 5px;
		width: 180px;
	}
	.footerMenuColumn a.footHeader {
		font-size: 14px;
		color: black;
		margin-bottom: 5px;
	}
	.footerMenuColumn a.secondaryFootHeader {
		font-size: 14px;
		color: black;
		margin-bottom: 5px;
	}
	.footerMenuColumn a {
		display: block;
		font-size: 12px;
		color: black
	}
	.footerMenuColumn a:hover {
		color: #BCDA22
	}
	#foot {
		background-color: white; 
		border-top: none;
	}
	#foot #legal {
		margin-top: 0px;
		margin-right: 10px;
	}
	#foot p {
		margin: 0
	}
	#foot #foot-links {
		margin: 0;
	}
	#foot #foot-links a {
		color: black;
	}
	#foot #foot-links a:hover {
		color: white;
	}



	#content.homepage .mainImage{
		margin-top:15px;
		margin-left:0;
		margin-right:0;
		margin-bottom:25px;
		width:951px;
		height:414px;
		background:#fff;
		padding:10px; 	
		position:relative;
		z-index:5;
		padding:0px;

	}



	#content.homepage .mainImage .creative_layer div{ position:absolute;}

	 #content.homepage .mainImage .caption_black{
		font-family: 'Arial', sans-serif;
		text-transform:uppercase;
		font-size:40px;
		color:#fff;
		padding:20px;
		position:absolute;
		font-weight: 800;
		line-height:1;
	}
	 #content.homepage .mainImage .caption_black a{
		color:white;
		font-size:40px;
		text-decoration:none; 
	 }

	 #content.homepage .mainImage .caption_black_22{
		font-family: 'Open Sans', sans-serif;
		font-size:22px;
		color:#fff;
		background-color:#211e1c;
		padding:20px;
		position:absolute;
		font-weight: 800;
		line-height:1;
	}

	 #content.homepage .mainImage .caption_black_noframe{
		font-family: 'Open Sans', sans-serif;
		font-size:28px;
		color:#211e1c;	
		position:absolute;
		font-weight: 800;
		line-height:1;
	}

	 #content.homepage .mainImage .caption_simple{
		font-family: 'Arial', sans-serif;
		font-size:18px;
		color:white;
		position:absolute;

	}

	 #content.homepage .mainImage .darkbutton{
		font-family: 'Open Sans', sans-serif;
		font-size:13px;
		color:#fff;
		position:absolute;
		background-color:#211e1c;
		padding:8px 20px 8px 20px;
		position:absolute;

	}

	 #content.homepage .mainImage .blackbox{
		background-color:#211e1c;
		width:192px;
		height:20px;
		position:absolute;
	}

	 #content.homepage .mainImage a:focus { 
	    outline: none; 
	}

	 #content.homepage .mainImage .minicap{
		font-size:14px;
		font-weight: normal;
	}

	 #content.homepage .mainImage .smallcap{
		font-size:18px;
		font-weight: normal;
	}

	 #content.homepage .mainImage .largecap{
		font-size:32px;
	}

	 #content.homepage .mainImage .imagecap{
		position:absolute;
	}

	 #content.homepage .mainImage .nobg{
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: #000 5px 5px 5px;
	}





	#content.homepage .feature{
		margin-top:0px;
		margin-bottom:25px;
		float: left;
	}

	#content.homepage .feature p{
		width:410px;
		float: left;

	}
	#content.homepage .feature img{

	max-width: 550px
	}
	#content.homepage .feature a{
	width:500px;
	float:left;
	color:#bcda22;
	text-transform: uppercase;
	text-decoration: none;
	}

	#content.homepage h1.featureTitle{
		margin-top:15px;
		color:#414135;
		margin-bottom: 0px;
		font-size: 23px;
		width: 350px;
		font-family: 'Avenir','Lucida grande';
		text-transform: none;
		}

	#content.homepage #centerSplit {
		margin-left: 0;
		clear: both;
		position: relative;
		margin: 25px 0 25px 0px;

	}

	#content.homepage .leftColumn{
		width:560px;
		float:left;

	}

	#content.homepage .rightColumn{
		float:left;
		padding-left:25px;
		height: 100%;

	}
	#content.homepage h1.title{
		margin-top:20px;
		color:#414135;
		margin-bottom: 0px;

	}
	#content.homepage h1.title:first-child{
	margin-top:0;
	}


	#content.homepage #course .undergrad{
		width:150px;
		float:left;
	}
	#content.homepage #course .postgrad{
		width:150px;
		float: left;
	}

	#content.homepage #course a{
		display: block;
		text-transform: uppercase;
		color:black;
		text-decoration: none;
	}


	#content.homepage #news {
		height: 730px;
		margin-bottom: 16px;
		position: relative;
	}


	#content.homepage #news .newsItems:hover {
		overflow: scroll;
		overflow-x: hidden;
	}
	#content.homepage #news .newsItems {
		height: 700px;
		overflow: hidden;
		overflow-x: hidden;
		width: 340px;
		-webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
	}
	#content.homepage ul.news {
		border: none;
	}
	#content.homepage #news ul#home.news img {
		display: none;
	}
	#content.homepage #news ul#home.news li {
		margin-left: 5px;
		padding: 0.8em
	}
	#content.homepage #news ul#home.news li:last-child {
		border: none;
	}
	#content.homepage #news ul#home.news li h2 {
		margin: 0 0.3em;
		text-transform: uppercase;
		color: black;
		line-height: 110%;
	}
	#content.homepage #news ul#home.news li a {
		color: black;
		font-weight: normal;
	}
	#content.homepage #news ul.news li p {
		margin: 0.5em 0.3em;
		font-size: 12px;
	}
	#content.homepage #news .rssBody ul {
		padding: 0;
		margin: 0;
	}
	#content.homepage #news .rssBody ul li {
		list-style: none;
		margin-left: 0px;
		padding: 0;
	}
	#content.homepage #news .rssBody ul li h4 {
		margin: 0;
		color: black;
		text-transform: none;
		font-weight: normal;
		margin-bottom: 3px;
	}
	#content.homepage #news .rssBody ul li a {
		font-weight: normal;
		color:#414135;
	}
	#content.homepage #news .rssBody ul li a:hover {
		color: #BCDA22;
		text-decoration: none;
	}
	#content.homepage #news .rssBody ul li p {
		padding-bottom: 8px;
		border-bottom: 1px dotted #DDDDDD;
		margin-top:3px;
	}

	#content.homepage #eventsRSS {
		width: 340px;
		float: left;
	}
	#content.homepage #eventsRSS .rssBody {
		overflow: hidden;
	}
	#content.homepage #eventsRSS .rssBody:hover {
		overflow-x: hidden;
	}
	#content.homepage #eventsRSS .rssBody ul {
		padding: 0;
		margin: 0;
	}
	#content.homepage #eventsRSS .rssBody ul li {
		list-style: none;
		padding-left: 0px;
		margin: 0;
	}
	#content.homepage #eventsRSS .rssBody ul li h4 {
		margin: 0;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-right: 65px;
	}
	#content.homepage #eventsRSS .rssBody ul li a {
		font-weight: normal;
	}
	#content.homepage #eventsRSS .rssBody ul li a:hover {
		color: #BCDA22;
		text-decoration: none;
	}
	#content.homepage #eventsRSS .rssMedia {
		font-size: 7px;
		position: absolute;
		margin-top: -4px;
		margin-left: 265px;
	}
	#content.homepage #eventsRSS .time {
		margin: 2px 4px;
		font-size: 10px;
		float: left;
		display: none;
	}
	#content.homepage #eventsRSS .rssRow {
	}
	#content.homepage #eventsRSS .rssRow p {
		margin: 0;
		padding-bottom: 5px;
		border-bottom: 1px dotted #DDDDDD
	}

	/* course page Styling */


	#topMenu a.button {
	    background-color: #BED83B;
	    border: 0 none;
	    border-radius: 2px 2px 2px 2px;
	    color: #FFFFFF;
	    cursor: pointer;
	    font-size: 1em;
	    font-weight: bold;
	    height: 28px;
	    line-height: 4em;
	    margin: 0 0.5em;
	    overflow: visible;
	    padding: 8px 10px;
	    text-decoration: none;
	    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	    text-transform: uppercase;
	    vertical-align: middle;
	}
	#topMenu a.button:hover {
	    background-color: #17538B;
	    background-image: -moz-linear-gradient(center top , #BED73B, #A1BA1F);
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	}
	#topMenu a.button:active {
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	}
	#topMenu {
	    margin-left: 835px;
	    position: absolute;
	    top: 205px;
	}
	#coursePage h1:first-child {
	    color: #BED73B;
	    font-size: 36px;
	}
	#coursePage #sliderContainer img {
	    padding: 0;
	}
	#coursePage .sidebar2 img {
	    padding: 0.91em 0.1em 0.46em;
	    width: 87px;
	}
	#coursePage .sidebar h2 a {
	    background: none repeat scroll 0 0 transparent;
	    color: #333333;
	    padding: 0;
	    text-decoration: underline;
	}
	#coursePage .sidebar h2 a:hover {
	    background: none repeat scroll 0 0 transparent;
	    color: white;
	    padding: 0;
	    text-decoration: underline;
	}
	#coursePage .sidebar2 input, #coursePage .sidebar2 textarea {
	    background-color: #E2EAA0;
	    border: medium none;
	    font-family: Arial;
	    font-size: 16px;
	    margin-top: 5px;
	    padding: 5px;
	    text-transform: uppercase;
	    width: 262px;
	}
	#coursePage .sidebar2 button {
	    cursor: pointer;
	    float: right;
	    margin-top: 3px;
	    padding: 5px;
	}
	#coursePage .sidebar2 button:hover {
	    background-color: #E2EAA0;
	}
	#coursePage .sidebar2 button:active {
	    background-color: #BED73B;
	}
	#coursePage .contentPane {
	    width: 620px;
	}
	#coursePage .sidebar2 textarea#message {
	    height: 250px;
	}
	#coursePage #courseMenu ul {
	    padding: 10px 0 0;
	}
	#coursePage #courseMenu ul li {
	    display: inline;
	    float: left;
	    padding-left: 20px;
	}
	#coursePage #courseMenu ul li a {
	    color: #999999;
	    font-size: 16px;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	#coursePage #courseMenu ul li:first-child {
	    padding: 0;
	}
	#coursePage #courseMenu ul li a:hover, #coursePage #courseMenu ul li a.active {
	    color: #BED73B;
	}
	#coursePage #courseContent h1 {
	    color: #333333;
	    font-size: 22px;
	    margin: 20px 0 0;
	}
	#coursePage #courseContent h3 {
	    clear: none;
	    color: #333333;
	}
	#coursePage #courseContent .sidebar {
	    background-color: #E2EAA0;
	    clear: both;
	    float: right;
	    height: 320px;
	    margin-left: 15px;
	    margin-top: 5px;
	    width: 275px;
	}
	#coursePage #courseContent .sideBarTopImage {
	    float: right;
	    margin-left: 15px;
	    margin-top: 10px;
	    width: 275px;
	clear:both;
	}
	#coursePage #courseContent .sidebar2 {
	    clear: both;
	    float: right;
	    height: 220px;
	    width: 275px;
	}
	#coursePage #courseContent .sidebar h1 {
	    color: #333333;
	    font-size: 14px;
	    font-weight: bold;
	    margin: 30px 20px 0;
	}
	#coursePage #courseContent .sidebar h2 {
	    color: #333333;
	    font-size: 14px;
	    font-weight: normal;
	    margin: 3px 20px 0;
	}
	#coursePage #courseContent {
	    float: left;
	    height: 6725px;
	    overflow: hidden;
	    width: 4650px;
	}
	#coursePage #courseContent .pane {
	    width: 925px;
	margin-right:5px;
	clear:right;
	}
	#coursePage #courseContent .fb_edge_widget_with_comment {
	    left: 470px;
	    margin-top: -18px;
	    position: relative;
	    top: -7px;
	}
	
	
		#content.coursePage h1:first-child{
			font-size:36px;
			color:#BED73B;
			margin-bottom:5px;
			}

		#content img.noPadding{
			padding:0px;
		}
			#content.coursePage .imgRightBar{
			width:271px;
			height:700px;
			position:absolute;
			margin-right: 0px;
			background-color: #bcda22;
			margin-left: 656px;
			top: 257px;
	}

	#content.coursePage .imgRightBar h1{
		color:white;
		padding:12px;
		font-size:30px;
		padding-top:25px;
		padding-bottom:5px;
		}

		#content.coursePage .leftBar p{padding:0px 15px 5px;color:white;font-size:14px;}
			#content.coursePage .imgRightBar h2,#content.coursePage .leftBar h2{
		color:white;
		padding:12px;
		font-size:20px;
		padding-top:0px;
		margin-top: 20px;
		font-weight: normal;
		text-transform: uppercase;
	}
		#content.coursePage .imgRightBar h2 a{color:white;}


	#content.coursePage .imgRightBar .menu{

	    list-style: none;
	    color: white;
	    margin-top: 15px;
	    margin-left: 5%;
	    font-size: 14px;
	    cursor: pointer;

		}
		#content.coursePage .imgRightBar .menu ul{margin:0px;padding:0px}
		#content.coursePage .imgRightBar .menu ul li{list-style:none;}
		#content.coursePage .imgRightBar .menu ul li a{color:white;text-decoration:none;}
		#content.coursePage .imgRightBar .menu ul li a:hover{text-decoration:underline}
		#content.coursePage .imgRightBar .menu ul li ul.mini{margin-left:15px;font-size:12px;}

	#content.coursePage .imgRightBar .menu ul li ul.mini.hiddenArch{}
	#content.coursePage .imgRightBar .menu ul li ul.mini.hiddenADS{display:none;}
	#content.coursePage .imgRightBar .menu ul li ul.mini.hiddenDes{display:none;}
	#content.coursePage .imgRightBar .menu ul li ul.mini.hiddenUrrp{display:none;}

	#content.coursePage .leftBar {width:271px;
	float:left;
			height:695px;
			margin-right: 0px;
			background-color: #bcda22;
			margin-left: 0px;
			top: 250px;}


	#content.coursePage .imgRightBar .bar,#content.coursePage .leftBar .bar {
	    width: 90%;


	    background-color: white;
	    height: 8px;
	    margin-left: 5%;
	}

	#content.coursePage .textRight40{padding-left:15px;padding-top:15px;float:left;width:630px;}
	#content.coursePage .textRight40 p{padding-bottom:5px;}
	#content.coursePage .textLeft40{

	    width: 640px;
	    padding-right: 15px;
	    padding-top: 15px;


		}

		#content.coursePage .textLeft40 h1{


	    color: black;
	    font-size: 30px;
	    margin: 0px;
	    text-transform: none;
	    font-weight: normal;
	    margin-top: 15px;
		}

		#content.coursePage .section{margin-top:15px}

			#content.coursePage  .section h1{  color: black;
	    font-size: 30px;
	    margin: 0px;
	    text-transform: none;
	    font-weight: normal;
	    margin-top: 15px;}
	
	
			#coursePage .toolkitContainer{width:925px;}
				#coursePage #courseContent .toolkitContainer .item{width:120px;height:120px;margin: 0px 5px 5px;float:left;background-color:#fafafa;border-radius:10px;}
				#coursePage #courseContent .toolkitContainer .item img{width:100px;height:100px;padding:15px;padding-left:10px;padding-top:10px;}
				#coursePage #courseContent .toolkitContainer .item h1{display:none;}
				#coursePage #courseContent .toolkitContainer .item p{display:none}
				#coursePage #courseContent .toolkitContainer .item ul{display:none}
				#coursePage #courseContent .toolkitContainer .item:hover{background-color:#4fb1fc}

				#coursePage #courseContent .toolkitContainer .item.expanded2{width:250px;height:365px;background-color:#4fb1fc}
				#coursePage #courseContent .toolkitContainer .item.expanded{width:380px;height:245px;background-color:#4fb1fc}
				#coursePage #courseContent .toolkitContainer .item.expanded img{float:right}
				#coursePage #courseContent .toolkitContainer .item.expanded h1{display:block;font-size:30px;text-transform:none;color:white;padding-left:15px;margin-top:30px;margin-bottom:5px;}
				#coursePage #courseContent .toolkitContainer .item.expanded p{display:block;color:white;margin-left:15px;padding-left: 5px;border-left:5px solid white; margin-top:5px;}
				#coursePage #courseContent .toolkitContainer .item.expanded ul{}

				.isotope,
		.isotope .isotope-item {
		  /* change duration value to whatever you like */
		  -webkit-transition-duration: 0.4s;
		     -moz-transition-duration: 0.4s;
		      -ms-transition-duration: 0.4s;
		       -o-transition-duration: 0.4s;
		          transition-duration: 0.4s;
		}

		.isotope {
		  -webkit-transition-property: height, width;
		     -moz-transition-property: height, width;
		      -ms-transition-property: height, width;
		       -o-transition-property: height, width;
		          transition-property: height, width;
		}

		.isotope .isotope-item {
		  -webkit-transition-property: -webkit-transform, opacity;
		     -moz-transition-property:    -moz-transform, opacity;
		      -ms-transition-property:     -ms-transform, opacity;
		       -o-transition-property:      -o-transform, opacity;
		          transition-property:         transform, opacity;
		}

		/**** disabling Isotope CSS3 transitions ****/

		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
		  -webkit-transition-duration: 0s;
		     -moz-transition-duration: 0s;
		      -ms-transition-duration: 0s;
		       -o-transition-duration: 0s;
		          transition-duration: 0s;
		}

		.isotope-item {
		  z-index: 2;
		}

		.isotope-hidden.isotope-item {
		  pointer-events: none;
		  z-index: 1;
		}
		
		.pane .gradProfileSliderContainer{width:5000px;position:relative;}
		.pane .gradProfileControls{   background-color: #BCDA22;
		    height: 85px;
		    margin-left: 263px;
		    padding-top: 15px;
		    position: absolute;
		    width: 664px;
		z-index:9999;
		}
		.pane .gradProfileControls a{   color: black;
		    font-size: 24px;
		    margin-left: 0px;
		    text-decoration: none !important;
		    text-transform: uppercase;}
			.pane .gradProfileControls a.active{color:white;}
			.pane .gradProfileControls a:first-child{margin-left:25px;}
		
		.pane .gradProfileControls a:hover{color:white;}
		.pane .gradProfileSliderContainer .slide{float:left;padding-right:5px;width:925px;}
		.pane .gradProfileSliderContainer .slide .image{float:left;}
		.pane .gradProfileSliderContainer .slide .course{position:absolute;margin-left:289px;top:45px;z-index:99999;}
		.pane .gradProfileSliderContainer .slide .course h1{font-size:14px!important;margin:0px!important;}
		.pane .gradProfileSliderContainer .slide .text {
		    float: left;
		    margin-left: 25px;
		    margin-top: 115px;width:590px;
		}
		.pane .gradProfileSliderContainer .slide .text p{font-size:14px}
		.pane .gradProfileSliderContainer .slide .text p strong{text-transform:uppercase}
		.pane .gradProfiles{position:relative;overflow:hidden;}
#coursePage{position:relative;overflow:hidden;width:925px;}
		#coursePage #courseContent .careerSelector{margin:20px 0px 20px;float:left;width:925px;}
		#coursePage #courseContent .careerSelector h1.title{font-size:50px;width:200px;text-align:right;line-height:54px;border-right:10px solid #BDD83E;padding-right:15px; color:#BDD83E;float:left;}
		#coursePage #courseContent .careerSelector .career{float:left;width:120px;background-color:#E2E0E0;height:120px;margin-right:10px;border-radius:60px;margin-bottom:15px;}
		#coursePage #courseContent .careerSelector .career:hover{background-color:#333;}
		#coursePage #courseContent .careerSelector .career:hover h1{color:white}
		#coursePage #courseContent .careerSelector .career h1{font-size:14px;color:#333;padding:5px;padding-top:50px;cursor:pointer;text-transform:none;text-align:center}
		#coursePage #courseContent .careerSelector .careerContainer{ height:120px;}
		#coursePage #courseContent .careerSelector .career.active{background-color:#333;}
		#coursePage #courseContent .careerSelector .career.active h1{color:white;}

		#coursePage #courseContent .toolkitContainer .item.design:hover,#coursePage .toolkitContainer .item.design.expanded, #coursePage .toolkitContainer .item.design.active{background-color:#4fb1fc;}
		#coursePage #courseContent .toolkitContainer .item.arts:hover,#coursePage .toolkitContainer .item.arts.expanded,#coursePage .toolkitContainer .item.arts.active{background-color:#ffcc1a;}
		#coursePage #courseContent .toolkitContainer .item.hci:hover,#coursePage .toolkitContainer .item.hci.expanded,#coursePage .toolkitContainer .item.hci.active{background-color:#f04141;}
		#coursePage #courseContent .toolkitContainer .item.general:hover,#coursePage .toolkitContainer .item.general.expanded,#coursePage .toolkitContainer .item.general.active{background-color:#ff7a18;}
		#coursePage #courseContent .toolkitContainer .item.programming:hover,#coursePage .toolkitContainer .item.programming.expanded,#coursePage .toolkitContainer .item.programming.active{background-color:#4ba72b;}
		#coursePage #courseContent .toolkitContainer .item.business:hover,#coursePage .toolkitContainer .item.business.expanded,#coursePage .toolkitContainer .item.business.active{background-color:#8560a8;}
		
		
		#content .interactiveCourseStructure h1{margin-top:15px;margin-bottom:5px;font-size:33px;font-weight: normal;}
		#content .interactiveCourseStructure .options{width: 100%;color:#363636;position: relative;float:left;margin-right:30px;margin-bottom: 0px;}
		#content .interactiveCourseStructure .coreUnits{width: 31%;color:#363636;position: relative;float:left;margin-right:15px;}
		#content .interactiveCourseStructure .electives{width: 31%;color:#363636;position: relative;float:left;}

		#content .interactiveCourseStructure .options a{width: 184px;float:left;margin-right: 1px;font-size:14px;text-transform: uppercase;background-color: #e6e6e6;overflow: hidden;}
		#content .interactiveCourseStructure .options a:hover .choice{background-color:#363636;color:white;}
		#content .interactiveCourseStructure .options a.active .choice.special{background-color:#4fb1fc;}
		#content .interactiveCourseStructure .options a.active .choice{background-color:#f5af00;}

		#content .interactiveCourseStructure .options span{position: absolute;left:240px;font-size: 130px;}
		#content .interactiveCourseStructure .options a.pushedLeft{margin-left:190px;}
		#content .interactiveCourseStructure .options .subOptions{float:left;clear:both;}
		#content .interactiveCourseStructure .options .subOptions a{float:left;clear:both;margin-top:1px;}
		#content .interactiveCourseStructure .options .subOptions .choice.six{height: 75px;}

		#content .interactiveCourseStructure .choice{margin-bottom:1px;width: 89%;padding:15px;color:#363636;position: relative;float:left;height: 150px;}
		#content .interactiveCourseStructure .choice .title{margin-bottom:5px;}
		#content .interactiveCourseStructure .choice .cp,#content .interactiveCourseStructure .choice .duration{
			font-size:12px;
		}

		#content .interactiveCourseStructure .options .validator{
		    float: left;
		    width: 680px;
		    padding: 15px;
		    height: 184px;
		position:absolute;
		top:223px;
		left:190px;

		}



		#content .interactiveCourseStructure .electiveUnits{width: 31%;color:#363636;position: relative;float:left;}
		#content .interactiveCourseStructure .infoSection{width: 31%;color:#363636;position: relative;float:left;margin-top: 57px;padding-left: 15px;}

		#content .interactiveCourseStructure .infoSection .title{text-transform: uppercase;}
		#content .interactiveCourseStructure .infoSection .credits{display: none;}
		#content .interactiveCourseStructure .infoSection .credits:before{content:"Credits: ";}
		#content .interactiveCourseStructure .infoSection .semester{display: none;}
		#content .interactiveCourseStructure .infoSection .semester:before{content:"Semester: ";}
		#content .interactiveCourseStructure .infoSection .info{margin-top:5px;}


		#content .interactiveCourseStructure .unit.active{background-color:#f5af00;}
		#content .interactiveCourseStructure .unit.active:hover{background-color:#f5af00;}
		#content .interactiveCourseStructure .unit:hover{background-color: #fafafa;color:#363636;}
		#content .interactiveCourseStructure .unit .code {font-size:14px;}
		#content .interactiveCourseStructure .unit .name {margin-top:10px;}
		#content .interactiveCourseStructure .unit .credits {display: none;}
		#content .interactiveCourseStructure .unit .credits:before{content:"Credits: ";}
		#content .interactiveCourseStructure .unit .semester {position: absolute;right: 0;bottom: 0;height: 15px;width: 15px;background-color:white;color:#363636;padding: 7px;font-size: 10px;text-align: center;}
		#content .interactiveCourseStructure .unit .info {display:none;}
		#content .interactiveCourseStructure .unit{width:100%;position: relative;padding: 15px;cursor: pointer;}
		#content .interactiveCourseStructure .unit{margin-right:1px;height: 70px;margin-bottom: 1px;float:left;background-color: #e6e6e6}
		#content .interactiveCourseStructure .unit.six{width: 39%;}
		#content .interactiveCourseStructure .unit.twelve{width: 89%;}

		#content .interactiveCourseStructure .ub{display:none;}
		#content .interactiveCourseStructure .ub.active{background-color:#4fb1fc;}
		#content .interactiveCourseStructure .ub.active:hover {background-color: #4fb1fc}

		#content .interactiveCourseStructure .enrich.enriched.active{background-color:#4fb1fc;}
		#content .interactiveCourseStructure .enrich.enriched.active:hover {background-color: #4fb1fc}

		#content .interactiveCourseStructure .validator .coreRemaining,#content .interactiveCourseStructure .validator .electiveRemaining, #content .interactiveCourseStructure .validator .totalRemaining{
			float:left;width:100%;height:63px;
		}
		#content .interactiveCourseStructure .validator h1{font-size:20px;}
		#content .interactiveCourseStructure .validator {clear:right;}
		#content .interactiveCourseStructure .validator  .cell{float:left;}
		#content .interactiveCourseStructure .validator  .cell{width:40px;height: 20px;background-color:#f5af00;
		     transform: skew(39deg);
		     -o-transform: skew(39deg);
		     -moz-transform: skewX(39deg);
		     -webkit-transform: skew(39deg);
		     margin-left:-4px;     margin-right:8px;



		}


		#content .interactiveCourseStructure .validator  .cell:first-child{
			width:40px;height:0px;border-bottom:20px solid #f5af00;border-right:15px solid transparent;background-color:transparent;
		     transform: skew(0deg);
		     -o-transform: skew(0deg);
		     -moz-transform: skewX(0deg);
		     -webkit-transform: skew(0deg);
		     margin-left:0px;
		     margin-right:0px;

		 }
		#content .interactiveCourseStructure .validator  .cell.enriched{background-color:#4fb1fc;}

		 #content .interactiveCourseStructure .validator  .cell.enriched:first-child{border-bottom:20px solid #4fb1fc;background-color: transparent;}

		#content .interactiveCourseStructure .validator  .cell.last{
				width:40px;height:0px;border-top:20px solid #f5af00;border-left:15px solid transparent;background-color:transparent;
		     transform: skew(0deg);
		     -o-transform: skew(0deg);
		     -moz-transform: skewX(0deg);
		     -webkit-transform: skew(0deg);
		        transform: rotate(360deg);
		     -o-transform: rotate(360deg);
		     -moz-transform: rotate(360deg);
		     -webkit-transform: rotate(360deg);
		     margin-left:-12px;
		     margin-right:0px;
		}
		#content .interactiveCourseStructure .validator  .cell.enriched.last{
		border-top:20px solid #4fb1fc;
		}

		#content .interactiveCourseStructure .validator  .cell.enriched.extend{     transform: skew(0deg);
		     -o-transform: skew(0deg);
		     -moz-transform: skewX(0deg);
		     -webkit-transform: skew(0deg);margin-left:3px;
		     border-right:0px;         border-bottom: 20px solid #363636;

		}
		#content .interactiveCourseStructure .validator  .cell.extend{     transform: skew(0deg);
		     -o-transform: skew(0deg);
		     -moz-transform: skewX(0deg);
		     -webkit-transform: skew(0deg);margin-left:3px;margin-right;border-right:0px;
		     border-bottom: 20px solid #363636;
		 }

		 #content .interactiveCourseStructure .options .validator .totalRemaining .totalBar{
		 	height:30px;
		 	width: 80%;
		 	background-color: #363636;
		 	position: relative;
		 }

		 #content .interactiveCourseStructure .options .validator .totalRemaining .totalBar .percent{
		 	position: absolute;
		 	width:0%;
		 	height: 30px;
		 	background-color: #f5af00;
		 }
		 #content .interactiveCourseStructure .divide{width:100%;height: 10px;float:left;clear: both;margin-top: 0px;}
		#content .interactiveCourseStructure .summary{
			width:100%;
			clear: both;
			position: relative;
			float: left;
			min-height:310px;
			


		}
		#content .interactiveCourseStructure .summary .semester1, #content .interactiveCourseStructure .summary .semester2{
			width:100%;
			float:left;
			margin-top:15px;
		}

		#content .interactiveCourseStructure .summary .unit{
			width:100%;
			background-color: transparent!important;
			height: inherit;
			padding: 0px;
			font-size:12px;
		}
		#content .interactiveCourseStructure .summary h1.course {font-size:22px;}
			#content .interactiveCourseStructure .summary .unit .code{width: 10%;float:left;}
			#content .interactiveCourseStructure .summary .unit .name{width: 30%;float:left;margin-top: 0px;}
			#content .interactiveCourseStructure .summary .unit .semester{width:10%;float:left;position: relative;padding: 0px;font-size: 12px;text-align: left;}
			#content .interactiveCourseStructure .summary .unit .semester:before{content:"Semester: ";}
			#content .interactiveCourseStructure .summary .unit .credits{width:10%;float:left;display: block;}

			#content .interactiveCourseStructure .summary .unit.active:hover{background-color:transparent;}
			#content .interactiveCourseStructure .summary .unit:hover{background-color:transparent;}
			#content .interactiveCourseStructure .summary .apply{
		    background-color: #363636;
		    border-bottom-right-radius: 15px;
		    border-top-left-radius: 15px;
		    bottom: 0;
		    color: white;
		    cursor: pointer;
		    font-size: 25px;
		    padding: 130px 15px 10px 200px;
		    position: absolute;
		    right: 55px;
		    width: 70px;
		}	#content .interactiveCourseStructure .summary .apply:hover{background-color:#f5af00;}

		body.noborders #w3{border-color:none!important;border-width: none!important;width:100%!important;border:none!important;}
body.noborders #content{margin:0!important;padding: 0px!important;}
body.noborder #footerMenu{margin:0;}