.e-entry-title {
	font-family: 'Open Sans', sans-serif!important;
	font-size: 40px!important;
}
* {
	margin: 0;
	padding: 0;
}

#ctl00_ctl57_ExplicitLogin {
display:none;	
} 

.dropdownicon {
float: right;
margin-right: 20px;   
}

.ceramicsrow {
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 2em;
}

.ceramicsbox {
	width: 32%; 
	text-align: center; 
	margin-right: 2%; 
	float: left!important;
	max-height: 650px; 
	background-color: #fa6f12;
}

.ceramicsbox img {
	width: 100%
}

.ceramicstitle {
	width: 100%; 
	text-align: center; 
	padding-top: 2px; 
	padding-bottom: 6px; 
	float: left;
}
.ceramicstitle a {
color: white;
}

.cend {
margin-right: 0%; 	
}

/* Smartphones (portrait and landscape) ---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)   {

.ceramicsrow {
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 2em;
}

.ceramicsbox {
	width: 100%; 
	text-align: center; 
	margin-right: 0%; 
	margin-bottom:2em;
	max-height: 1800px;
	float: left; overflow:hiodden;
	background-color: #fa6f12;
}

.ceramicsbox img {
	width: 100%;
	height: auto!important;
}

.ceramicstitle {
	width: 100%; 
	text-align: center; 
	padding-top: 4px; 
	padding-bottom: 10px; 
	display: block!important;
	margin-bottom: 20px!important;
}
.ceramicstitle a {
color: white;
}

.cend {
margin-right: 0%; 	
}

}


.slttable {
height: 50px;
color: #999999;
}

.ugclearing {
display:block;
padding: 10px;
background-color: #E94F36;	
color: #fff;
font-size: 1.4em;
text-align:center;
margin-bottom: 12px;
font-weight: 600;
}

.ugclearing a {
color: #fff;
text-decoration:underline;
font-weight: 600;
}

.ugclearing a:hover {
color: #fff;
text-decoration:none!important;
font-weight: 600;
}



.slttable a {
height: 50px;
color: #000;
}

.whiteslt .slttable a {
color: #000;
}

#slttable {
	}
	
	#slttablemed tr {
height: 45px!important;
font-size: 15px!important; 
	}

	
	#slttable tr {
height: 35px!important;
font-size: 13px!important;
	}
	
.slttablewhite {
background-color: #fff;
	}

.slttablegrey {
background-color: #eaeaea;
	}


#oldnav {
	display: none;
}

.newcourses ul {
	list-style-type: none!important;
	margin-left: 5px!important;
	margin-top: 12px!important;
}
.newcourses ul li {
	margin-bottom: 11px!important;
	line-height:22px!important;
}
.newcourses ul li a {
	font-size: 15px!important;
	color:white!important;
	line-height:1.2em!important;
}

.subtoval {	
	font-size: 11px;
	font-style:italic;
}


#csm-courses ul li {
	list-style-type: none!important;
	margin-left:-10px!important;
}

.csadbut {
	margin-top: -0px!important;
	margin-bottom: 0px!important;
}

#csm-courses ul  {
	margin-top: -3px!important;
}


.job {
	margin-top: 18px!important;
	width: 318px!important;
}

#newslist {
}
#newslist ul {
   width:90%!important;
	list-style: none!important;
	margin-left: -10px;
	margin-top: 0px;
	line-height: 0.6em;
	margin-bottom: 0px;
	margin-top: -25px;
}
#newslist li {
	list-style: none!important;
	font-size: 0.99em;
	margin-bottom: 12px;
	color: #0072C6!important;
	orphans:4!important;
	line-height: 1.5em;
}
#newslist ul .link-item a {
	color: #0072C6;
}

#newslist {
}
#newslistpage ul {
    width:90%!important;
	list-style: none!important;
	margin-left: -10px;
	line-height: 0.6em;
	margin-bottom: 0px;
	margin-top: -85px;
}
#newslistpage li {
  
	list-style: none!important;
	font-size: 0.99em;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: -3px;
	color: #0072C6!important;
	orphans:4!important;
	line-height: 1.5em;
}
#newslistpage ul .link-item a {
	color: #663399;
}


h1 {
	color: #E94F36;
}

#imagelightbox{    position: fixed;    z-index: 9999;     -ms-touch-action: none;    touch-action: none;}

.tourheader {
	width: 740px;
	Padding: 10px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-left:5px;
	background-color: #fff!important;
}

.tourheader h1 {
font-size:1.6em;
color:#fff!important;
}

.wacourses {
	margin-bottom: 20px;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px!important;
	background-color: #EEEEEE;
	width: 100%;
	margin-top: 30px;

}


.foirequest {
	margin-bottom: 20px;
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px!important;
	background-color: #eaeaea;
	width: 95%!important;
	margin-top: 30px;

}


.floatrightcolumn {
	width:352px;
	overflow:hidden;
	margin-left: 20px;
	margin-bottom:20px;
	float:right;
}
.news {
	
	margin-top: -18px;
	margin-bottom:10px!important;
}

.ms-srch-group-content {
    background-color: #FF6600!important;
    margin-top: -60px!important;
    width: 800px !important;
}

.iapheader {
padding: 10px;
background-color: #226D86;
color: white;
padding-top: 10px;
font-size: 1.2em;
margin-bottom: 10px;
}

hr.iap {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#videohead {
	width:598px;
	height:335px;
}

.greybox {
	background-color: #eaeaea;
	padding: 15px;
	margin-top: 15px;
}

#InsertEditSortPane {
}
.newsdate {
	margin-left: -6px;
	margin-top: -26px;
	padding: 6px;
	font-size: 1.2em;
	margin-bottom: 8px;
}
.gradbutton {
	background-color: #E94F36;
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
}
.gradarrow {
	width: 15%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	color: #eaeaea;
	font-size: 2.2em;
}
.gradbutton a {
	text-decoration: none;
	color: #fff;
}
.gradbutton a:hover {
	text-decoration: underline;
	color: #fff;
}
.tourfullwidth {
	min-height: 717px;
	width: 1280px;
	margin-left: -30px;
}
.timelinefullwidth {
	min-height: 600px;
	width: 1100px;
	margin-left: 0px;
	background-color: #eaeaea;
}
.wacourses h2 {
	font-size: 24px!important;
	line-height: 1.2em;
}
.wades {
	margin-top: -20px!important;
	line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-top: 30px;
	width: 90%;
}
.wabutton {
	padding: 13px;
	background-color: #e74c3c;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
}
#aspnetForm span #ctl00_ctl56_ExplicitLogin {
	display: none;
}
#ctl00_ctl56_ExplicitLogin {
	display: none;
}
.wabutton:hover {
	background-color: #d24637;
}
.fa-pencil {
	padding-right: 5px;
}
.fa-video {
	padding-right: 5px;
}
.wabutton a {
	color: white;
}
.wabutton a:hover {
	text-decoration: none;
}
.wainfo {
	margin-top: 10px!important;
	margin-bottom: 0px!important;
}

.foiinfo {
	margin-top: 10px!important;
	margin-bottom: 20px!important;
}

.foiinfo p {
	
	margin-bottom: 10px!important;
}


.lectureheader {
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px!important;
	background-color: #e74c3c;
	width: 760px;
	font-size: 18px;
	margin-top: 30px;
	color: #fff;
}
.lectureinfo {
	margin-bottom: 30px;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px!important;
	background-color: #EEEEEE;
	width: 760px;
	margin-top: 30px;
}
.staffimage {
	margin-right: -20px!important;
	margin-left: 10px!important;
}
.lectureinfo a {
	color: #002e52;
}
.lecturebook {
	margin-bottom: 30px;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px!important;
	background-color: #EEEEEE;
	width: 760px;
	margin-top: 0px;
}
.lectureinfo a {
	color: #d24637!important;
}
.redbutton {
	padding: 13px;
	background-color: #e74c3c;
	color: white;
	margin-top: 5px;
	display: inline-block;
	padding-left: 16px;
	font-size: 16px;
	padding-right: 20px;
}
.redbutton:hover {
	background-color: #d24637;
}
.redbutton a {
	color: white!important;
}
.redbutton a:hover {
	text-decoration: none;
}

.greenbutton {
	padding: 13px;
	background-color: #99CC00;
	color: white;
	margin-top: 5px;
	display: inline-block;
	padding-left: 16px;
	font-size: 16px;
	width: 136px;
	text-transform:uppercase;
}

.long {
	width: 300px!important;
}

.centered {
	margin-left: 0px;
}

.iapwhite {
	color: white;

}

.iapbackground {
	width: 760px; 
	background-color: #266e85; 
	padding: 30px; 
	text-align: center; 
	color: white;
	}
	
.iapbackground a{
	color: white;
	}

.greenbutton:hover {
	background-color: #669900;
}

.greenbutton a {
	color: white!important;
}
.greenbutton a:hover {
	text-decoration: none;
}

.sep {
	border: 1px;
	border-bottom-style: dotted;
	border-color: #D44831;
	width: 760px;
	margin-top: 20px;
}
.fullwidth h1 {
	font-weight: 400;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-bottom: 10px
}

.pagetitlecontainer h1, .newpagetitlecontainer h1 {
	font-weight: 400;
	font-size: 1em!important;
	line-height: 1.3em;
	padding-bottom:10px;
    margin-top: 0px;
}

.smallpagetitlecontainer h1 {
	font-weight: 400;
	font-size: 1em!important;
	line-height: 1.3em;
	margin-bottom: 10px;
}


.newspagetitle h1 {
	font-weight: 400!important;
	font-size: 1em!important;
	line-height: 1.3em;
	margin-bottom: 20px!important;

}

.unitpagetitlecontainer h1 {
	font-weight: 400;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 10px;

}

.schoolheader h1 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 0px;
}


.pagetitleheader {
	font-weight: 400;
	font-size: 1.2em!important;
	line-height: 1.3em;
	margin-bottom: 10px
}


.col-drillleft hr {
	display: none;
}
.gallery ul {
	list-style: none outside none;
	padding-left: 0;
}
.gallery li {
	display: block;
	float: left;
	height: 100px;
	margin-bottom: 6px;
	margin-right: 6px;
	width: 100px;
}
.gallery li a {
	height: 100px;
	width: 100px;
}
.gallery li a img {
	max-width: 100px;
}
.joblist {
	padding: 0px;
	margin-top: -26px;
	margin-top: -16px\9; /* IE8 and below */
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	width: 700px;
	margin-bottom: 15px;
}
.jobtitle {
	color: #ff6600!important;
	line-height: 1.4em!important;
	font-size: 1.2em!important;
}
.fullwidth h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.fullwidth h3 {
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.fullwidth h4 {
	font-size: 1.4em;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 400!important;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.at4-share-outer-right {
	display: none;
}
strong {
	font-weight: 600;
}
.coursecontainer .ms-srch-sbLarge {
	background-color: #fff;
	display: inline-block;
	border-style: none;
	outline-style: none;
	font-size: 1.1em;
	height: 38px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 10px;
	width: 0px;
	outline-width: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	padding-left: 9px!important;
}
.coursecontainer .ms-webpart-chrome-fullWidth {
	margin: 0px!important;
	padding: 0px!important;
	min-width: 300px!important;
}
.coursecontainer .ms-webpart-chrome {
	margin: 0px!important;
	padding: 0px!important;
	border-spacing: 0px!important;
}
.coursecontainer .ms-srch-sb-border {
}
.coursecontainer .ms-srch-sb {
	width: 210px;
	margin-top: 10px!important;
}
.coursecontainer .ms-srch-sb > .ms-srch-sb-searchLink {
	background-color: #E94F36!important;
	margin: 1px!important;
	margin-top: 2px!important;
}
.coursecontainer .ms-srch-sb > input {
	background-color: white;
	width: 164px!important;
	padding-left: 5px!important;
	margin-top: 0px!important;
}
.normal {
	font-size: 1em;
}
.middletext {
	font-size: 1.2em;
}
.largetext {
	font-size: 1.4em;
}
.homepage_boxtext {
	margin-bottom: 10px;
}

.twittermargin {	
width: 200px;
margin-top: -20px;
margin-bottom: -10px;

}

.var-narrow.var-chromeless .tweet {
     
}

.homepage_boxtext ul {
	font-size: 12px;
	margin-left: 0px;
	margin-top: -20px;
}
.homepage_boxtext ul li {
	margin-bottom: 18px;
	line-height: 1.1em!important;
	margin-left: -5px;
}
.homepage_boxtext ul li a {
	font-size: 15px;
}
.coursesearch {
	margin-top: 10px;
	width: 220px!important;
	height: 40px;
	padding-top: 8px;
	float: left;
}
.ms-srch-hover-outerContainer {
	display: none !important;
}
.ms-srch-group-content {
	background-color: white!important;
	margin-top: -45px;
	width: 800px!important;
}
 @-moz-document url-prefix() {
 .ms-srch-group-content {
margin-top: -25px;
}
}
.ms-srch-item {
	background-color: white!important;
	width: 100%!important;
}
.ms-srch-item-title a {
	color: #e94f36!important;
}
.ms-srch-item-title a:hover {
	color: #e94f36!important;
}
.ms-srch-item-path {
	color: #666;
}
.gradcontainer {
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
	width: 100%;
}
.graduate {
	width: 150px;
	margin-right: 14px;
	float: left;
}
.graduate .gradtext {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
}
.srch-results {
	background-color: white !important;
}
.homepage_boxtext.white a {
	color: #ff6600;
	text-decoration: underline;
}
.homepage_boxtext.white a:hover {
	text-decoration: none;
}
/* Convert Site Title to clickable logo image */
.s4-titletext h1 a, .s4-titletext h1 a:link, .s4-titletext h1 a:visited {
	background: #222 url('http://yourdomain.com/images/logo.png') no-repeat; /* Logo image */
	display: block; /* Required to effectively set image height and width to show full logo image */
	width: 200px; /* Width of logo image */
	height: 100px; /* Height of logo image */
	text-indent: -9999px; /* Hides anchor text */
}
h3 a {
	color: #002e52;
	text-decoration: underline;
}
h3 a:hover {
	color: #e94f36;
	text-decoration: none;
}
.crumb {
	width: 100%;
	background-color: #f7f7f7;
	float: left;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}
.crumbcontainer {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
}
.crumbcontainer a {
	color: #000;
}
.crumbcontainer a:hover {
	color: #e94f36;
	text-decoration: none
}
.fullwidth h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 200;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.fullwidth ul {
	padding-left: 13px;
	margin-left: 4px;
}
.fullwidth ul li {
	margin-left: 0px;
	list-style: disc;
	color: #000;
	margin-bottom: 10px;
}
.fullwidth #accordion ul li {
	margin-left: 10px;
	list-style: disc;
	color: #000;
	margin-bottom: 10px;
}

.accordionred {

background-color:#e94f36!important;
color:white!important;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	background-color: #FFF;
}
 @-moz-document url-prefix() {
 body {
}
}
h1 {
	font-weight: 200;
	font-family: 'Open Sans', sans-serif;
	font-size: 3em;
	
}
/* HEADER SETTINGS
 -- -- -- -- --  */
#header {
	background: #002e52;
	width: 100%;
}
#header-inner-container {
	background: #002e52;
	height: 124px;
	margin: 0 auto;
	width: 1100px;
}
#header-left {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 500px;
}
#header-left div span a {
	display: block; /* Required to effectively set image height and width to show full logo image */
	width: 318px;
	height: 100px;
	text-indent: -9999px; /* Hides anchor text */
	float: left;
	background-image: url('../../SiteAssets/images/cmu-logo.png');
	background-repeat: no-repeat;
}
.applynow {
	background-image: url('../../SiteAssets/images/applynow-image.jpg');
	background-repeat: no-repeat;
	width: 320px;
	height: 173px;
	background-color: #666;
	position: absolute;
	left: -20px;
	top: -70px;
}
.applyheader {
	font-size: 1.7em;
	font-weight: 200;
	line-height: 1.2em;
	width: 95%;
	margin-top: 3px;
	margin-bottom: 5px;
	color: #011A2E;
}
.applynowbottom {
	width: 280px;
	height: 173px;
	position: absolute;
	left: 0px;
	top: 110px;
}

.applynowbottom a{
	text-decoration: underline!important;
}

#header-right {
	float: right;
	text-align: right;
	width: 560px;
	height: 60px;
	margin-right: 40px;
}
.search-text {
	float: left;
	color: #fff;
	font-size: 1.2em;
	padding-top: 5px;
}
.search-text-welsh {
	float: left;
	color: #fff;
	font-size: 1.2em;
	padding-top: 5px;
	margin-left: 20px;
}
*:focus {
	outline: 0;
}
/* TOP GLOBAL HORIZONTAL NAVIGATION
 -- -- -- -- -- -- -- -- -- -- -- -- */
#top-horitonal-nav-container {
	background: #e94f36;
	border-top: 11px solid #d44831;
	clear: both;
	float: left;
	width: 100%;
	margin-top: -1px;
	display: block!important;
}
.top-horizontal-nav {
	background: #e94f36;
	font-size: 1.2em;
	height: 40px;
	line-height: 24px;
	margin: 0px auto;
	padding-top: 5px;
	width: 1075px;
	display: block!important;
}
.top-horizontal-nav ul {
	color: #a9acb1;
	list-style-type: none;
	margin-left: -5px;
	font-size: 0.92em;
	font-weight: 400;
	margin-top: 2px;
	text-align: left;
}
.top-horizontal-nav ul li {
	display: inline;
	list-style-type: none;
	padding-right: 45px;
}
.top-horizontal-nav ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	text-transform: capitalize;
}
.top-horizontal-nav ul li a:hover, .top-horizontal-nav-wesh ul li a:hover {
	color: #002e52;
	text-decoration: none;
}
.welshlink {
	color: white;
	float: right;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #b0b0b0;
	margin-right: 35px;
	width: 100%;
}
.welshlink a {
	color: #b0b0b0;
	text-decoration: none;
}
.welshlink a:hover {
	color: #eaeaea;
	text-decoration: none;
}
#top-horitonal-nav-container a {
	color: #fff;
}
#top-horitonal-nav-container a:hover {
	color: #002e52;
}
 . /* QUICK LAUNCH - VERTICAL SIDE NAVIGATION
 -- -- -- -- -- -- -- -- -- -- -- -- --  -- */
 .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
 font-size: 6em;
 vertical-align: middle;
 font-family: 'Open Sans', sans-serif!important;
 display: block;
}
#vertical-side-nav-container {
	float: left;
	background: #fff;
	width: 180px;
	margin-left: 0px;
	margin-right: 20px;
	min-height: 200px;
	padding-left: 0px;
	font-family: 'Open Sans', sans-serif;
}
.vertical-side-nav {
	float: left;
	background: #fff;
	margin-top: 30px;
	width: 180px;
	font-family: 'Open Sans', sans-serif!important;
}
.vertical-side-nav ul {
	padding-top: 15px;
	font-family: 'Open Sans', sans-serif;
}
.vertical-side-nav li a .menu-item-text, .nav li a:link .menu-item-text, .nav li a:active .menu-item-text {
	color: #666666!important;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding-bottom: 4px;
}
.vertical-side-nav li a:hover .menu-item-text, .nav li a:visited .menu-item-text {
	color: #000 !important;
	background: #fff;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
	display: block;
	padding: 2px 0px;
	width: 100%;
}
li > a.ms-core-listMenu-selected.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
}
/* MAIN PAGE CONTENT CONTAINER - THIS AUTO CENTRES THE QUICK LAUNCH MENU AND PLACEHOLDERMANIN
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#page-layout-container {
	margin: 0 auto;
	min-height: 400px;
	width: 1120px;
	margin-top: -60px;
}
#homepage-layout-container {
	margin: 0 auto;
	min-height: 400px;
	width: 1120px;
	margin-top: -30px;
}
/* MAIN CONTENT PLACEHOLDER - THIS IS WEHERE PAGE CONTENT IS ADDED
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- */
#main-content-placeholder {
	margin-top: 30px;
	width: 844px;
	
}
/* MAIN CONTENT PLACEHOLDER FOR ALL OTHER PAGES
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- */
#main-content-placeholder-other {
	float: left;
	width: 1100px;
	background-color: #fff;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 35px;
	padding-left: 20px;
}
/* CONTENT PLACEHOLDER SETTINGS FOR A FULL WIDTH ROOT (WELCOME) PAGE
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#main-content-placeholder-full-width {
	width: 1100px;
	margin-top: 152px;
	background-color: #fff;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: -9px;
	
}
#main-content-placeholder-full-width-unit {
	float: left;
	width: 1100px;
	background-color: #fff;
	margin-top: 330px!important;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	margin-left: -9px;
}
#main-content-placeholder-full-width-school {
	width: 1100px;
	background-color: #fff;
	margin-bottom: 90px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-left: -9px;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
#main-content-placeholder-full-width-home {
	float: left;
	width: 1100px;
	background-color: #fff;
	margin-top: -30px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-left: -9px;
	position: relative;
	z-index: 2;
	margin-top: -10px;
}
/* FOOTER SETTINGS
 -- -- -- -- -- -- */   
#footer-container {
	clear: both;
	width: 100%;
	overflow: hidden;
	min-height: 465px;
	background: #011a2e;
}
#footer-inner-container {
	margin: 0 auto;
	width: 1100px;
}
.footer-column {
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	width: 233px;
}
.footer-column ul {
	line-height: 15px;
}
.schoolheader {
	font-family: "Open Sans", sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	padding-bottom: 10px;
}

.instastudentlife {
	width: 596px;
	height: 298px;
}
/* SOCIAL ICONS FOR SCHOOL HOMEPAGES
 -- -- -- -- --  */
.socialicons {
	width: 375px;
	height: 50px;
	font-size: 22px;
	position: relative;
	bottom: -10px;
	left: 20px;
}
.socialicons ul {
	list-style-type: none;
	margin-left: -18px;
}
.socialicons ul li {
	display: inline;
}
.socialicons ul li a {
	font-size: 22px;
	background-color: #fff;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 4px;
	text-decoration: none;
}
.socialicons .fa-facebook {
	color: #405d9a;
	text-decoration: none;
}
.socialicons .fa-facebook:hover {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-twitter {
	color: #1ab6e9;
	text-decoration: none;
}
.socialicons .fa-twitter:hover {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-vimeo-square {
	color: #5daade;
	text-decoration: none;
}
.socialicons .fa-vimeo-square:hover {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-youtube:hover {
	color: #f22137;
	text-decoration: none;
}
.socialicons .fa-youtube {
	color: #f22137;
	text-decoration: none;
}
.socialicons .fa-youtube:hover {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-instagram {
	color: #3b4f58;
	text-decoration: none;
}
.socialicons .fa-instagram:hover {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-linkedin-square {
	color: #3b4f58;
	text-decoration: none;
}
.socialicons .fa-linkedin-square {
	color: #ccc;
	text-decoration: none;
}
.socialicons .fa-flickr {
	color: #156dd9;
	text-decoration: none;
}
.socialicons .fa-flickr:hover {
	color: #ccc;
	text-decoration: none;
}
/* COURSE PAGES STYLES
 -- -- -- -- --  */
.subscript {
	font-size: 9px;
	font-style: italic;
}
/* Course List for Course Lists from DataList   */

#courselists {
}
#courselists #accordion .courselist_datalist {
	margin-bottom: -15px!important;
	OVERFLOW-Y: hidden!important;
}
#courselists .shortcourse #ui-accordion-accordion-panel-0 {
	margin-top: -20px!important;
}
#courselists .shortcourse #ui-accordion-accordion-header-0 {
	margin-bottom: 10px!important;
}
#courselists #ui-accordion-accordion-panel-0 {
	margin-top: 6px!important;
}
#courselists #ui-accordion-accordion-header-0 {
	margin-bottom: -13px!important;
}
#courselists #ui-accordion-accordion-panel-1 {
	margin-top: -20px!important;
}
#courselists #ui-accordion-accordion-panel-2 {
	margin-top: -20px!important;
}
#courselists #ui-accordion-accordion-panel-3 {
	margin-top: -20px!important;
}
#courselists #ui-accordion-accordion-panel-4 {
	margin-top: -20px!important;
}
#courselists #ui-accordion-accordion-panel-5 {
	margin-top: -20px!important;
	;
}
#courselists #WebPartWPQ1, #courselists #WebPartWPQ2, #courselists #WebPartWPQ3, #courselists #WebPartWPQ4, #courselists #WebPartWPQ5, #courselists #WebPartWPQ6 {
	OVERFLOW-X: hidden!important;
	OVERFLOW-Y: hidden!important;
}

#courselists .courselist_datalist ul {
	list-style: none!important;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 0px;
	line-height: 1.2em;
	margin-bottom: 0px;
}
#courselists .courselist_datalist li {
	list-style: none!important;
	font-size: 14px;
}
/* Course List for Non Data Lists Education & Art  */

.courselist_nondatalist {
	width: 700px;
}
.courselist_nondatalist h2 {
	font-size: 18px;
	margin-left: 10px;
}
.courselist_nondatalist ul {
	list-style: none!important;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 0px;
}
.courselist_nondatalist li {
	list-style: none!important;
	font-size: 16px;
}
.coursebutton {
	font-size: 18px;
	font-weight: 400;
	width: 255px;
	text-decoration: none;
	background-color: #e94f36;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;       /* the same as your div height */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d44831;
	margin-bottom: 6px;
	float: right;
}
.coursebutton a {
	color: #fff;
	text-decoration: none;
}
.coursebutton a:hover {
	text-decoration: none;
}
.coursebutton:hover {
	background-color: #d44831;
}
.sidebutton {
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	border-bottom-color: #002e52;
	margin-bottom: 6px;
	margin-top: 25px;
	float: right;
}

.sidebutton a {
	color: #fff;
	text-decoration: none;
}
.sidebutton a:hover {
	text-decoration: none;
}
.sidebutton:hover {
	background-color: #1d394e;
}
.sidebuttonbehindtwitter {
	font-size: 16px;
	font-weight: 400;
	width: 49%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	float: right;
}
.sidebuttonbehindtwitter a {
	color: #fff;
	text-decoration: none;
}
.sidebuttonbehindtwitter a:hover {
	text-decoration: none;
}
.sidebuttonbehindtwitter:hover {
	background-color: #1e3a4f;
}
.sidebuttonbehindinsta {
	font-size: 16px;
	font-weight: 400;
	width: 49%;
	text-decoration: none;
	background-color: #032f50;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
}
.sidebuttonbehindinsta a {
	color: #fff;
	text-decoration: none;
}
.sidebuttonbehindinsta a:hover {
	text-decoration: none;
}
.sidebuttonbehindinsta:hover {
	background-color: #1e3a4f;
}

.newsletterconf {
	font-size: 14px;
	font-weight: 400;
	width: 88%;
	text-decoration: none;
	background-color: #eeeeee;
	padding: 0px;
	color: #fff;
	text-align: center;
	vertical-align: left;
	line-height: 40px;       /* the same as your div height */
	float: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:15px
}

.newsletterconf  a {
	color: #f7f7f7;
	text-decoration: none;
}
.newsletterconf a:hover {
	text-decoration: none;
}
.newsletterconf:hover {
	background-color: #f7f7f7;
}

.newsletterwa {
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #ffffff!important;
	text-align: center;
	vertical-align: left;
	line-height: 40px;       /* the same as your div height */
	float: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:15px
}

.newsletterwa a {
	color:#ffffff!important;
	text-decoration: none;
}
.newsletterwa a:hover {
	text-decoration: none;
}
.newsletterwa:hover {
	background-color: #011a2e;
}


.mobilebuttontwitter {
	display: none
}
.mobileform {
	display: none
}
.mobileflickreducation {
	display: none
}
.mobileflickr {
	display: none
}
.sidebutton2 {
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	border-bottom-color: #002e52;
	margin-bottom: 6px;
	float: right;
}
.sidebutton2 a {
	color: #fff;
	text-decoration: none;
}
.sidebutton2 a:hover {
	text-decoration: none;
}
.sidebutton2:hover {
	background-color: #1d394e;
}

.socialbuttongrad {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #f7f7f7 ;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:-20px;
	float: right;
}
.socialbuttongrad a {
	color: #002e52;
	text-decoration: none;
}
.socialbuttongrad a:hover {
	text-decoration: none;
}
.socialbuttongrad:hover {
	background-color:#eeeeee ;
}

.socialbuttongrad2 {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #f7f7f7;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:30px;
	float: right;
}
.socialbuttongrad2 a {
	color: #002e52;
	text-decoration: none;
}
.socialbuttongrad2 a:hover {
	text-decoration: none;
}

.socialbuttongrad3 {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #f7f7f7;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:0px!important;
	float: right;
}


.socialbuttongrad3 a {
	color: #002e52;
	text-decoration: none;
}

.socialbuttongrad3 a:hover {
	ttext-decoration: none;
}

.socialbuttongrad3:hover {
	background-color:#eeeeee;
}

.socialbuttongrad4 {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:-30px!important;
	float: right;
}

.socialbuttongrad4 a {
	color: #fff;
	text-decoration: none;
}

.socialbuttongrad4 a:hover {
	text-decoration: none;
}

.socialbuttongrad4:hover {
	background-color:#003660;
}

.socialbuttongrad5 {
	font-size: 20px!important;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #edacc6!important;
	padding: 0px;
	color:#000!important;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:-25px!important;
	float: right;
}


.socialbuttongrad5 a {
	color: #000000;
	text-decoration: none;
}

.socialbuttongrad5 a:hover {
	ttext-decoration: none;
}

.socialbuttongrad5:hover {
	background-color:#eb98b5!important;
}

.graduationvideocontainer {
	height: 336px;
	margin-top: 10px;
}

.socialbuttongrad7 {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #f7f7f7;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:30px;
	float: right;
}
.socialbuttongrad7 a {
	color: #002e52;
	text-decoration: none;
}
.socialbuttongrad7 a:hover {
	text-decoration: none;
}

.socialbuttongrad5 {
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #f7f7f7;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	margin-bottom: 6px;
	margin-top:-30px;
	float: right;
}

.sidebutton3 {
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	border-bottom-color: #002e52;
	margin-bottom: 6px;
	float: right;
}

.sidebutton3 a {
	color: #fff;
	text-decoration: none;
}
.sidebutton3 a:hover {
	text-decoration: none;
}
.sidebutton3:hover {
	background-color: #1d394e;
}

.sidebutton4 {
	font-size: 16px;
	font-weight: 400;
	width: 91%;
	text-decoration: none;
	background-color: #e94f37;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	border-bottom-color: #e94f37;
	margin-bottom: 6px;
	margin-top:10px;
	float: right;
}

.sidebutton4 a {
	color: #fff;
	text-decoration: none;
}
.sidebutton4 a:hover {
	text-decoration: none;
}
.sidebutton4:hover {
	background-color: #e95943;
}

.sidebutton5 {
	font-size: 16px;
	font-weight: 400;
	width: 54%;
	text-decoration: none;
	background-color: #f0eded;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;       /* the same as your div height */
	border-bottom-style: solid;
	border-bottom-color: #f0eded;
	margin-bottom: 6px;
	margin-top:-20px;
	float: left;
}

.sidebutton5 a {
	color: #fff;
	text-decoration: none;
}
.sidebutton5 a:hover {
	text-decoration: none;
}
.sidebutton5:hover {
	background-color: #F7F7F7;
	border-bottom-color: #f7F7F7;
}


/*  Flickr Styling Gallery multiple */


.galleryplaceright {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
	width:350px;
	height:350px;
	font-size:1.2em;

}

.galleryplaceleft {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	width:350px;
	height:350px;
	font-size:1.2em;
}

.galleryplaceleft2 {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 50px;
	float: left;
	width:350px;
	height:350px;
	font-size:1.2em;
}

.galleryplaceright2 {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 50px;
	float: right;
	width:350px;
	height:350px;
	font-size:1.2em;

}



/*  END - Flickr Styling Gallery multiple*/

.coursecol {
	max-width: 352px;
	float: right;
	margin-bottom: 0px;
	margin-left: 20px;
	height: auto!important;
}
.coursebuttons {
	width: 322px;
	float: right;
	background-color: #1c6c87;
	padding: 15px;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 25px;
	color: #fff;
	margin-bottom: 15px;
}
.ugcoursebutton {
	width: 312px;
	background-color: #032f50;
	padding: 6px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 13px;
}
.ugcoursebutton a {
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	font-size: 20px;
}
.coursebuttonssl {
	width: 172px;
	float: right;
	background-color: #eeeeee;
	padding: 15px;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 25px;
	color: #fff;
	margin-bottom: 15px;
}
.ugcoursebuttonsl {
	width: 162px;
	background-color: #032f50;
	padding: 6px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 13px;
}
.ugcoursebuttonsl a {
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 300;
	color: #fff;
	font-size: 20px;
}
.ugcoursebuttonaeme {
	width: 162px;
	background-color: #11929e;
	padding: 6px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 13px;
}
.ugcoursebuttonaeme a {
	font-family: "Open Sans", sans-serif;
	background-color: #11929e;
	font-style: italic;
	font-weight: 300;
	color: #fff;
	font-size: 20px;
}

.ugbuttonicon {
	float: right;
	margin-right: 5px;
	margin-top: 2px;
}
.courseoverview {
	width: 100%;
	overflow: hidden;
	margin-top: -10px;
	margin-bottom: 20px;
}

#studyvideo {
	width: 352px;
	height: 198px;
}
#coursevideo {
	width: 352px;
	height: 198px;
}
#schoolvideo {
	width: 352px;
	height: 198px;
}
.overview {
	padding-top: 0px;
}
/* SOCIAL ICONS FOR UNIT PAGE & NORMAL PAGES 
 -- -- -- -- --  */
 
.directoryicon {
	width: 28%;
	float: left;
	padding: 9px;
}
.directoryicon2 {
	width: 50%;
	float: left;
	padding: 9px;
}
.pagesocialicons {
	margin-left: -10px;
}
.pagesocialicons ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 14px;
	margin-bottom: -20px;
}
.pagesocialicons ul li {
	display: inline;
}
.pagesocialicons ul li a {
	font-size: 22px;
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 4px;
}
.pagesocialicons ul li a:hover {
	text-decoration: none;
}
.coursecontent {
	margin-top: -12px;
}
.unitsocialicons ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 14px;
	margin-bottom: -20px;
}
.unitsocialicons ul li {
	display: inline;
}
.unitsocialicons ul li a {
	font-size: 22px;
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 4px;
}
.unitsocialicons .fa-video-camera, .pagesocialicons .fa-video-camera {
	color: #002e52;
	text-decoration: none;
}
.unitsocialicons .fa-video-camera:hover, .pagesocialicons .fa-video-camera:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-facebook, .pagesocialicons .fa-facebook {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-facebook:hover, .pagesocialicons .fa-facebook:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-twitter, .pagesocialicons .fa-twitter {
	color: #1ab6e9;
	text-decoration: none;
}
.unitsocialicons .fa-linkedin-square, .pagesocialicons .fa-linkedin-square {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-linkedin-square:hover, .pagesocialicons .fa-linkedin-square:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-wordpress, .pagesocialicons .fa-wordpress {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-wordpress:hover, .pagesocialicons .fa-wordpress:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-pinterest, .pagesocialicons .fa-pinterest {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-pinterest:hover, .pagesocialicons .fa-pinterest:hover {
	color: #ccc;
	text-decoration: none;
}

.unitsocialicons .fa-flickr, .pagesocialicons .fa-flickr {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-flickr:hover, .pagesocialicons .fa-flickr:hover {
	color: #ccc;
	text-decoration: none;
}

.hero_overlay {
	background-image: url('../../SiteAssets/images/tile_eighty.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 25px;
	color: #fff;
	font-weight: 300;
	 f
}

.homehero_overlay {
	background-image: url('../../SiteAssets/images/tile_eighty.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 25px;
	color: #fff;
	font-weight: 300;
}


.hero_overlay_studentlife {
	background-image: url('../../SiteAssets/images/tile_eighty.png');
	width:550px;
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 0px!important;
	padding-top: 25px;
	padding-bottom: 1px;
	color: #fff;
	font-size:1.1em;
	font-weight: 300;
}

.homeheronew_overlay {
	background-image: url('../../SiteAssets/images/tile_eighty.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: 300;
}

.homeheronew_overlay_tours h1{
font-size: 1em;
line-height: 1.1em;
color: #fff;
font-weight: 300;
margin-bottom:-40px;
}

.strapline{
font-size: 0.4em;
color: #fff;
font-weight: 300;
float:right;
}


.homeheronew_overlay_tours {
	background-image: url('../../SiteAssets/images/tile_eighty.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 70px;
	color: #fff;
	font-weight: 300;
	font-size: 1.3em;
	width: 520px;
	line-height: 1.1em;
}

.homeheronew_overlay_queens {
		background-image: url('../../SiteAssets/images/purple.png');
	background-repeat: repeat;

	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	color: #fff;
	font-weight: 300;
	font-size: 1.3em;
	width: 640px;
	height: 220px;
}

.homeheronew_overlay_tours a {
	color: #e74c3c!important;
}
.homeheronew_overlay_white {
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 22px;
	color: #000;
	font-weight: 300;
	background-color: #fff;
}
.homeheronew_overlay_white a:hover {
	color: #006677!important;
	text-decoration: none!important;
}
.homehero_overlay a {
	color: #e94f36;
}
.hero_overlay a {
	font-weight: 300;
}
.unitsocialicons .fa-twitter:hover, .pagesocialicons .fa-twitter:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-vimeo-square, .pagesocialicons .fa-vimeo-square {
	color: #5daade;
	text-decoration: none;
}
.unitsocialicons .fa-vimeo-square:hover, .pagesocialicons .fa-vimeo-square:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-youtube:hover, .pagesocialicons .fa-youtube:hover {
	color: #f22137;
	text-decoration: none;
}
.unitsocialicons .fa-youtube, .pagesocialicons .fa-youtube {
	color: #f22137;
	text-decoration: none;
}
.unitsocialicons .fa-youtube:hover, .pagesocialicons .fa-youtube:hover {
	color: #ccc;
	text-decoration: none;
}
.unitsocialicons .fa-instagram, .pagesocialicons .fa-instagram {
	color: #3b4f58;
	text-decoration: none;
}
.unitsocialicons .fa-instagram:hover, .pagesocialicons .fa-instagram:hover {
	color: #ccc;
	text-decoration: none;
}
.jobslist {
	margin-top: -80px!important;
}
.jobslist ul li {
	list-style: none;
	margin-left: -15px;
	font-size: 1.2em;
}
.schoolintro {
	width: 466px;
	height: 291px;
	background-color: #f6f5f5;
	color: #515151;
	padding: 20px;
	float : left;
	margin-bottom: 20px;
	margin-right: 20px;
}
.footer-column li {
	color: #a9acb1;
	font-size: 0.9em;
	padding-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.footer-column h5 {
	color: #fff;
	font-size: 0.9em;
	padding-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.footer-column li a {
	color: #a9acb1;
}
.footer-column li a:hover {
	color: #fff;
	text-decoration: none;
}
.footerlinks {
	color: #777e85;
	float: left;
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
	line-height: 1.6em;
	overflow: hidden;
	width: 1090px;
}
.footerlinks a {
	color: #EAEAEA;
	font-size: 1em;
}
.footerlinks a:hover {
	color: #777e85;
	text-decoration: none;
	font-size: 1em;
}
.QAA {
	width: 153px;
	height: 100px;
	float: left;
	background-image: url('../../SiteAssets/images/QAA.png');
	background-repeat: no-repeat;
	margin-bottom: 30px;
	margin-top: 20px;
}
/* FONTELLO WEB FONTS - CHANGE SEARCH MAGNIFYING GLASS
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* Hide default Search icon */
.ms-srch-sb-searchLink img {
	display: none;
}
.ms-srch-resultFooter {
	background-color: #f5f5f5;
	padding-top: 2px!important;
}
/* Add icon to Go anchor */
.ms-srch-sb-searchLink:before {
}
/* Alter icon on hover */
.ms-srch-sb-searchLink:hover:before {
}
/* Remove OOTB search Go anchor hover formatting */
.ms-srch-sb-searchLink:hover {
	background-color: #002e52;
}
/* SEARCH BOX SETTINGS
 -- -- -- -- -- -- -- */
.ms-srch-sb > input {
	background-color: #fff;
	display: inline-block;
	border-style: none;
	outline-style: none;
	font-size: 1.1em;
	height: 38px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 10px;
	width: 360px;
	outline-width: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	padding-left: 9px!important;
}
.ms-srch-sbcourse > input {
	background-color: #fff;
	display: inline-block;
	border-style: none;
	outline-style: none;
	font-size: 1.1em;
	height: 452px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 10px;
	width: 370px;
	outline-width: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
#ctl00_PlaceHolderMain_ctl01_csr_sbox {
	margin-top: -20px;
	font-size: 18px;
	width: 200px;
	height: 45px;
}
/* Hide the box around the search box and magnifying glass*/
.ms-srch-sb-border {
	border: 0px solid #000;
	outline-width: 0px;
}
/* Increases the height and width of the search magnifying container */
.ms-srch-sb > .ms-srch-sb-searchLink {
	height: 30px;
	width: 33px;
	background-image: url('../../SiteAssets/images/search.png');
	background-repeat: no-repeat;
	text-indent: 10px;
}
.coursesearch .ms-srch-sb > .ms-srch-sb-searchLink {
	display: none;
}
#ctl00_PlaceHolderMain_ctl01_csr_NavButton {
	display: none;
}
.ms-srch-sb {
	display: inline-block;
}
.ms-core-header .ms-srch-sb {
	/* [ReplaceColor(themeColor:"HeaderBackground",opacity:"1")] */ background-color: #fff;
	/* [ReplaceColor(themeColor:"HeaderBackground")] */ background-color: rgba( 255,255,255,0.85 );
}
.ms-srch-sb-border {
	/* [ReplaceColor(themeColor:"Lines")] */ border: 0px solid #ababab;
}
.ms-core-header .ms-srch-sb-border {
	/* [ReplaceColor(themeColor:"HeaderLines")] */ border: 0px solid #ababab;
}
.ms-srch-sb-border:hover {
	/* [ReplaceColor(themeColor:"StrongLines")] */ border: 0px solid #92c0e0;
}
.ms-core-header .ms-srch-sb-border:hover {
	/* [ReplaceColor(themeColor:"HeaderStrongLines")] */ border: 0px solid #92c0e0;
}
.ms-srch-sb-borderFocused {
	/* [ReplaceColor(themeColor:"AccentLines")] */ border: 0px solid #2a8dd4;
}
.ms-core-header .ms-srch-sb-borderFocused {
	/* [ReplaceColor(themeColor:"HeaderAccentLines")] */ border: 0px solid #2a8dd4;
}
/* REMOVE PADDING AND MARGINS FOR LISTS - REQUIRED DOR NAVIGATION 
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* ADD PADDING TO FOOTER COLUMNS 
 -- -- -- -- -- -- -- -- -- --  */
.padding-right40px {
	padding-right: 40px;
}
/* END OF MASTER PAGE SETTINGS
 -- -- -- -- -- -- -- -- -- -- */


/* HOMEPAGE LAYOUT
 -- -- -- -- -- -- -- -- -- -- */
.col-homeleft {
	width: 259px;
	float: left;
	height: 676px;
}
.col-homeright {
	width: 821px;
	float: right;
	height: 676px;
}
.top {
	margin-bottom: 19px;
}
.homepage_title {
	font-size: 1.7em;
	font-weight: 200;
	color: #fff;
	line-height: 1.2em;
	width: 95%;
	margin-top: 3px;
	margin-bottom: 5px;
	color: #fff;
}
.greyhomepagetitle {
	font-size: 1.7em;
	font-weight: 200;
	color: #fff;
	line-height: 1.2em;
	width: 95%;
	margin-top: 3px;
	margin-bottom: 5px;
	color: #fff;
}
.col-findacourse {
	width: 219px;          /* 1100px / 259px = 0.82938 */
	min-height: 200px;
	float: left;
	height: 226px;
	background-color: #e94f36;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.col-findacourse ul {
	color: #FFF;
	list-style-type: none;
	font-size: 1.3em;
	font-weight: 200;
	font-style: italic;
	margin-top: 10px;
}
.col-findacourse ul li {
	margin-bottom: 8px;
}
.col-findacourse ul li a {
	color: #FFF;
	text-decoration: none;
}
.col-findacourse ul li a:hover {
	color: #002e52;
	;
	text-decoration: none;
}
.col-latestnews {
	width: 219px;          /* 1100px / 259px = 0.82938 */
	min-height: 200px;
	float: left;
	height: 382px;
	background-color: #002e52;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	position: relative;
}
.col-latestnews ul {
	color: #FFF;
	list-style-type: none;
	font-weight: 400;
	margin-top: -20px;
	margin-left: 0px;
}
.col-latestnews ul li {
	margin-bottom: 12px;
	line-height: 1em;
	margin-left: -5px;
}
.col-latestnews ul li a {
	color: #e1e1e1;
	text-decoration: none;
	font-size: 0.85em!important;
}
.col-latestnews ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.cornerIcon {
	position: absolute;
	bottom: 12px;
	width: 20px;
	height: 20px;
	z-index: 999;
	right: 10px;
	font-size: 1.1em;
}
.col-homevideo {
	width: 352px;          /* 821px / 352px = 0.4287 */
	height: 331px;
	margin-right: 20px;
	float: left;
}
.col-vimeo {
	width: 352px;          /* 821px / 352px = 0.4287 */
	height: 198px;
	position: relative;
}
.col-homevideo .col-vimeo iframe {
}
.homepage_boxtextvideo a {
	color: #fff;
	text-decoration: underline;
}
.homepage_boxtextvideo a:hover {
	text-decoration: none;
}
.col-right-video p {
	display: none;
}
.col-image {
	float: right;
	position: relative;
	max-width: 352px;
}
.caption {
	line-height: 18px;
	font-size: 13px;
	color: #636363;
	margin-bottom: 0px;
	width: 100%;
}

.caption2 {
	line-height: 18px;
	font-size: 13px;
	color: #636363;
	margin-bottom: 0px;
	width: 100%;
}

.dfwp-list li {
	color: #06C;
	font-size: 18px;
}
input.ms-long {
	width: 98%;
}
.col-vimeoinfo {
	height: 106px;
	width: 312px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}
.col-vimeo258 {
	width: 220px;          /* 821px / 352px = 0.4287 */
	height: 124px;
}
.rightvideo {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.video-caption {
	float: right;
	max-width: 352px;
	font-size: 12px;
	color: #999;
	margin-top: -20px;
}
.video-caption-new {
	width: 352px;
	font-size: 12px;
	color: #999;
	margin-top: -20px;
}
.col-right-flickr-new {
	max-width: 320px;
	margin-bottom: 0px;
	float: right;
	margin-left: 0px;
	margin-bottom: 0px;
}
.col-right-flickr-course-education {
	max-width: 353px;
	margin-bottom: 0px;
	float: right;
	margin-left: 0px;
	margin-bottom: -30px;
	margin-top: 20px;
}
.flickr-caption-new {
	max-width: 320px;
	font-size: 12px;
	color: #999;
	margin-top: 0px;
	float: right;
}
.flickr-caption-course {
	max-width: 353px;
	font-size: 12px;
	color: #999;
	margin-top: 30px;
	float: right;
}
.stat {
	position: relative;
	top: 69px;
	left: 83px;
	z-index: 999;
	right: 28%;
	font-size: 2.2em;
	font-weight: 400;
	color: #002e52;
	width: 100px;
}
.sidebarheader {
	font-size: 1.1em;
	font-weight: 400;
	padding-bottom: 2px;
	margin-bottom: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	margin-top: 4px;
}
.col-homestudent {
	width: 449px;          /* 821px / 449px = 0.54689 */
	height: 331px;
	background-color: #ffb553;
	float: left;
	position: relative;
}
.col-studentinfo {
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.col-middle-left {
	height: 326px;
	width: 260px;
	margin-right: 20px;
	float: left;
	margin-top: 20px;
}
.col-middle-end {
	height: 326px;
	width: 261px;
	margin-right: 0px;
	float: left;
	margin-top: 20px;
}
.col-left-image {
	width: 260px;          /* 821px / 352px = 0.4287 */
	height: 172px;
	position: relative;
}

.unitimage {
	width: 260px;          /* 821px / 352px = 0.4287 */
	height: 177px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.newunitimage {
	width: 220px;          /* 821px / 352px = 0.4287 */
	height: 172px;
	margin-left: -5px;
	margin-top: -5px;
	margin-bottom: 5px;
}
#main-content-placeholder-full-width-home .ms-formfieldlabel {
	display: none;
}
#main-content-placeholder-full-width-home .ms-SPZoneLabel {
	display: none;
}
.homepage_boxtext.bluetext a {
	color: #fff;
	text-decoration: underline;
}
.homepage_boxtext.bluetext a:hover {
	text-decoration: none;
}
/* STYLES FOR UNIT PAGES
 -- -- -- -- --  */

.unitcol-left-image {
	width: 260px;          /* 821px / 352px = 0.4287 */
	height: 172px;
	position: relative;
}
.unitcol-left-image-new {
	width: 220px;          /* 821px / 352px = 0.4287 */
	height: 172px;
	background-color: red;
	position: relative;
}
.col-left-infobox {
	width: 220px;          /* 821px / 352px = 0.4287 */
	height: 121px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
	background-color: #011A2E;
}
.unitcol-left-infobox {
	width: 222px;          /* 821px / 352px = 0.4287 */
	height: 121px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.school-left-infobox {
	width: 222px;          /* 821px / 352px = 0.4287 */
	height: 121px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.unitcol-left-infobox p {
	line-height: 1.5em;
}
.unitleft .col-left-infobox p {
	line-height: 1.5em;
}
.unitleft .col-left-infobox p a {
	line-height: 1.6em;
	color: #ff6600;
	text-decoration: underline;
}
.unitleft .col-left-infobox p a:hover {
	text-decoration: none;
}
.unitleft .homepage_title {
	line-height: 1.1em;
}
.unitmiddle .homepage_title {
	line-height: 1.1em;
}
.unitmiddle p a {
	color: #ff6600;
}
.unitcol-left-moreinfo .homepage_title {
	line-height: 1.1em;
}
.unitcol-left-moreinfo p {
	line-height: 1.4em;
}
.unitcol-left-moreinfo {
	width: 219px;
	height: 294px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 1.4em;
	float: left;
}
.unitcol-left-moreinfo-school {
	width: 276px;
	height: 294px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 1.4em;
	float: left;
}
.schoolcol-left-infobox {
	width: 312px;          /* 821px / 352px = 0.4287 */
	height: 101px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.schoolcol-left-infobox p {
	line-height: 1.5em;
	color: #fff;
}
/* STYLING FOR EDITING FORMS
 -- -- -- -- --  */
.s4-titlerowhidetitle {
}
.s4-ribbonrowhidetitle {
	height: 126px;
}
.homepage_title.greenishtext div .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	color: #F30;
}
.unitcol-left-moreinfo.grey .homepage_boxtext div #ctl00_PlaceHolderMain_ctl11__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer {
}
.homepage_title.greenishtext div .ms-formfieldcontainer .ms-formfieldlabelcontainer {
}
.homepage_titlediv .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl10_ctl00_TextField {
	font-size: 14px;
	height: 18px;
	width: 90%;
	background-color: #eeeeee;
}
#homepage-layout-container .ms-formfieldvaluecontainer {
	background-color: transparent;
	font-size: 14px;
	height: 18px;
	width: 90%;
}
.unitcol-left-moreinfo.grey .homepage_boxtext div #ctl00_PlaceHolderMain_ctl11__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl11_RichHtmlField #ctl00_PlaceHolderMain_ctl11_RichHtmlField_displayContent {
	max-height: 233px;
}
div #ctl00_PlaceHolderMain_ctl07__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer .ms-formfieldlabel {
	display: none;
}
div #ctl00_PlaceHolderMain_ctl08__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer .ms-formfieldlabel {
	display: none;
}
div #ctl00_PlaceHolderMain_ctl09__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer .ms-formfieldlabel {
	display: none;
}
div #ctl00_PlaceHolderMain_ctl07__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	background-color: #CF0;
}
.unitcol-left-infobox.blue .homepage_title div .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	display: none;
}
#ctl00_PlaceHolderMain_ctl10__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	display: none;
}
.unitcol-left-infobox.top.blue .homepage_title div .ms-formfieldcontainer .ms-formfieldvaluecontainer {
	font-size: 14px;
	height: 18px;
	width: 90%;
}
.unitmiddle .unitcol-left-infobox.blue .homepage_title div .ms-formfieldcontainer .ms-formfieldvaluecontainer {
	font-size: 14px;
	height: 18px;
	width: 90%;
}
.col-left-infobox.blue .homepage_title div .ms-formfieldcontainer .ms-formfieldvaluecontainer {
	font-size: 14px;
	height: 18px;
	width: 90%;
}
.unitcol-left-moreinfo.grey .homepage_title div .ms-formfieldcontainer .ms-formfieldvaluecontainer {
	font-size: 14px;
	height: 18px;
	width: 90%;
}
.unitcol-left-moreinfo.grey .homepage_title div {
	color: #002e52;
}
.s4-ribbonrowhidetitle {
	height: 126px;
}
div .ms-formfieldcontainer .ms-formfieldlabelcontainer {
}
.col-left-twitter {
	width: 221px;
	height: 294px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 1.4em;
}
.col-left-twitter .homepage_boxtext.white ul {
	color: #515151;
	list-style-type: none;
	font-size: 0.92em;
	font-weight: 400;
	margin-top: 0px;
}
.schoolboxtext {
	color: #fff;
}
#canvas {
	margin-top: -22px;
}
.col-left-twitter .homepage_boxtext.white ul li {
	margin-bottom: 12px;
}
.col-left-twitter .homepage_boxtext.white ul li a {
	color: #011a2e;
	text-decoration: none;
	font-weight: 400;
}
#studentimage {
	width: 100%;          /* 821px / 449px = 0.54689 */
	height: 198px;
	background-repeat: no-repeat;
}
.socialfooter {
	width: 900px;
	font-size: 1.7em;
	float: left;
	margin-left: 10px;
	margin-top: 30px
}
.socialfooter a {
	padding-right: 5px;
	color: #fff;
}
.socialfooter a:hover {
	color: #e94f36;
	text-decoration: none;
}
.schoolvideocontainer {
	width: 352px;
	height: 331px;
	float: left;
}
.col-ffb553acourse #form1 #textfield {
	height: 33px;
	width: 160px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
	font-weight: 200;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	float: left;
}
/* STYLES FOR HERO IMAGES AND TEXT
 -- -- -- -- --  */
 
.herotext {
	position: relative;
	height: 314px;
	width: 608px;
	font-size: 2.35em;
	top: 60px;
	left: 80px;
	line-height: 1.2em;
	font-weight: 200;
}
.schoolheroimage {
	height: 360px;
	width: 1170px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: -25px;
}

#metsportimage{
width: 820px;
height: 300px;
margin-bottom: 15px;
position: relative;
	}
	
#metsportfacilitiesimage {
width: 820px;
height: 300px;
margin-bottom: 15px;
position: relative;
	}
	
	
.metsportlogo{
width: 175px;
height: 122px;
position:relative;
top: 20px;
left: 2  
0px;
background-image: url("http://www.cardiffmet.ac.uk/about/sport/PublishingImages/logo.png");
	background-repeat:no-repeat;

	}

#homeheroimage {
	height: 360px;
	width: 1170px;
	margin-top: -60px;
	margin-right: auto;
	margin-left: -25px;
	background-repeat: no-repeat;
}

.homeherovideotext {
	background-image: url("http://cardiffmet.ac.uk/images/tile_eighty.png");
	background-repeat: repeat;
	padding: 20px 20px 20px 30px;
	color: #FFF;
	font-weight: 300;
	font-size: 1.3em;
	text-align:left;
	width: 520px;
	position:absolute;
	left: 50px;
	top: 50px;
	z-index: 9999;
	font-size: 44px;
	font-family: "Open Sans", sans-serif;
	font-weight:300;
	line-height: 52px;
}

#homeherovideo {
	height: 658px;
	width: 1170px;
	margin-top: -57px;
	margin-right: auto;
	margin-left: -25px;
	background-repeat: no-repeat;
	position: relative;
	clear:both!important;
}

.blankOverlay {
	position: fixed;
	background: rgba(0,0,0,0.75);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: none;
}

.cmetvideo {
	width: 200px;
	height: 200px;
}

.vimeo {
	width: 1170px;
	height:658px;
}
#vplayer {
	position: relative;
	z-index: 2;
}

#homepage-layout-container-video {
	margin: 0 auto;
	width: 1120px;
	margin-top: -50px;
}


.schoolherotext {
	position: relative;
	height: 314px;
	width: 608px;
	font-size: 2.35em;
	top: 40px;
	left: 90px;
	line-height: 1.2em;
	font-weight: 200;
	position: relative;
	z-index: 3;
	color: #032f50;
}
.homeherotext {
	position: relative;
	height: 300px;
	width: 645px;
	font-size: 2.35em;
	top: 40px;
	left: 60px;
	line-height: 1.2em;
	font-weight: 200;
	position: relative;
	z-index: 3;
	color: #032f50;
}
.homeherotext a {
	color: #FFFFFF;
}
.schoolflickr {
	width: 352px;
	height: 235px;
	margin-top: -18px;
}
.schoolherotext a {
	text-decoration : underline;
}
.schoolherotext a:hover {
	text-decoration: none;
}
.schoolcol-left-infobox .ms-formfieldlabel {
	display: none;
}
.schoolintro .ms-formfieldlabel {
	display: none;
}
.schoolherotext div #ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer .ms-formfieldlabel {
	display: none;
}
.schoolheroimage .schoolherotext div #ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl01_RichHtmlField #ctl00_PlaceHolderMain_ctl01_RichHtmlField_displayContent {
	font-size: 32px;
	line-height: 1em;
}
#ctl00_PlaceHolderMain_ctl02_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .contentarea div .col-vimeo.green #ctl00_PlaceHolderMain_ctl04__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	display: none;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl14_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl05_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl14_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl12_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl10_ctl00_TextField {
	font-size: 12px;
}
.schoolfullwidth .ms-formfieldcontainer .ms-formfieldvaluecontainer span #ctl00_PlaceHolderMain_ctl08_ctl00_TextField {
	font-size: 12px;
}
#ctl00_PlaceHolderMain_ctl01_RichHtmlField_displayContent span {
	font-size: 28px;
	line-height: 12px;
	background-color: white;
}
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField .ms-formfieldcontainer .ms-formfieldlabelcontainer {
	display: none;
}
#studyimage {
	height: 100%!important;
	width: 100%!important;
	background-repeat: no-repeat;
}
/* STYLES FOR LEFT NAV
 -- -- -- -- --  */

.col-drillleftschool {
	width: 187px;          /* 1100px / 259px = 0.82938 */
	float: left;
	margin-top: -26px;
}
.col-drillleftnavschool {
	width: 187px;
	min-height: 200px;
	float: left;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
	background-color: blue;
}
.col-drillleft {
	width: 187px;          /* 1100px / 259px = 0.82938 */
	float: left;
	margin-top: -26px;
}
.col-drillleftnav {
	width: 187px;
	min-height: 200px;
	float: left;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
}
.col-drillleftnav ul {
	margin-top: -10px;
}
.col-drillleftnav ul li {
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left: -20px;
	border-bottom: 1px solid #e8e8e8;
}
.col-drillleftnav ul li ul li {
	border: none;
}
.col-drillleftnav ul li ul a {
	list-style-type: none;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	margin-left: -20px;
	font-size: 12px;
	color: #000;
}
.col-drillleftnav ul li a {
	list-style-type: none;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #000;
}
.col-drillleftnav ul li a:hover {
	text-decoration: none;
	color: #e94f36;
	background-color: #fff;
}
.drillpage_title {
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	line-height: 1.2em;
	width: 95%;
	margin-top: 3px;
}
.col-leftnav ul ul {
	list-style-type: none;
	font-size: 0.92em;
	text-transform: capitalize;
	font-weight: 400;
	margin-top: 18px;
	padding-left: 10px;
}
.col-leftnav ul ul li {
	padding-top: 3px;
	border-top: 0px solid #ff6600;
	border-bottom: 0px solid #ff6600;
	margin-bottom: 3px;
	margin-left: 38px;
}
.col-leftnav ul ul li a {
	text-decoration: none;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
	font-size: 1em;
	vertical-align: middle;
	/* [ReplaceFont(themeFont:"navigation")] */ 
	font-family: 'Open Sans', sans-serif;
	display: block;
}
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
	background-color: #fff;
	color: #e94f36;
}
.col-drillleftnav ul li:first-child, .col-drillleftnav ul li:first-child a {
	vertical-align: middle;
	font-size: 1.3em;
	/* [ReplaceFont(themeFont:"navigation")] */ 
	font-family: 'Open Sans', sans-serif;
	display: block;
	color: #e94f36;
}
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
	background-color: #fff;
}
/* PAGE LAYOUT FULLWIDTHS
 -- -- -- -- --  */

.fullwidth {
	width: 820px;
	float: left;
	font-size: 0.95em;
	color: #333;
	margin-bottom: 30px;
	margin-left: 45px;
	margin-top: 0px;
	text-align: left;
	position: relative;
}
.unitfullwidth {
	width: 820px;
	float: left;
	font-size: 0.95em;
	color: #333;
	margin-bottom: 30px;
	margin-left: 45px;
	margin-top: 0px;
	text-align: left;
}
.schoolfullwidth {
	width: 878px;
	float: right;
	font-size: 0.95em;
	color: #333;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}
.middle {
	width: 600px;
	float: left;
	font-size: 0.95em;
	color: #333;
}
.drillright {
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 0px;
}
.drillright ul {
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	line-height: 0.75em;
}
.drillright ul li {
	padding: 0px;
}
.drillright div.description {
	font-size: 0.70em;
	color: #6e6d6d;
	line-height: 1.4em;
}
.drillright div.groupheader {
	font-size: 1.2em;
	color: #e94f36;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px #eaeaea solid;
	margin-top: 10px;
}
.drillright div.item {
	padding-top: 0px;
	padding-bottom: 0px;
}
.drillright div.slm-layout-main.groupmarker a {
	font-size: 0.775em;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #002e52;
	padding-bottom: 20px;
}
.drillright div h3 {
	font-size: 1.2em;
	color: #e94f36;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px #eaeaea solid;
	margin-top: 10px;
}
.slm-layout-main.groupmarker {
	color: #0C3;
	margin-left: -6px;
	padding: 0px;
}
.slm-layout-main.groupmarker ul {
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.slm-layout-main.groupmarker ul li {
	margin-bottom: 6px;
	line-height: 1em;
}
.slm-layout-main.groupmarker a {
	font-size: 0.90em;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #002E52;
}
.item {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.description {
	font-size: 0.77em;
	color: #6e6d6d;
	font-family: 'Open Sans', sans-serif;
}
.groupheader {
	font-size: 1.2em;
	color: #e94f36;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px #ccc solid;
	margin-top: 10px;
}

#videoheader {
	width: 820px;
	height: 461px;
	
}
.fullimage {
	width: 820px;
	max-height: 307px;
	margin-bottom: 16px;
	position: relative;
}
.unitfullimage {
	width: 820px;
	height: 300px;
	margin-bottom: 16px;
	position: relative;
	
}
.smallimage {
	width: 600px;
	height: 210px;
	margin-bottom: 16px;
	position: relative;
}
.ms-formfieldvaluecontainer {
}
.smallpagetitlecontainer {
	max-width: 100%;
	min-height: 20px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
	background-color: white!important;
	padding-top: 12px;
	padding-bottom: 7px;
	padding-right: 12px;
	position: absolute;
	bottom: -12px;
	font-family: 'Open Sans', sans-serif;
}
.pagetitlecontainer {
	max-width: 100%;
	min-height: 20px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
	background-color: white!important;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-right: 16px;
	position: absolute;
	bottom: 0px;
	font-family: 'Open Sans', sans-serif;
}

.newpagetitlecontainer {
	max-width: 100%;
	min-height: 20px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
	background-color: white!important;
	padding-right: 16px;
	font-family: 'Open Sans', sans-serif;
}

.coursetitlecontainer {
	max-width: 730px;
	min-height: 20px;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 16px;
	font-family: 'Open Sans', sans-serif;
}

.singleline {

}

.coursetitle h1 {
	font-size:1.1em!important;
}

.unitpagetitlecontainer {
	max-width: 630px;
	min-height: 20px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
	background-color: white!important;
	padding-top: 12px;
	padding-bottom: 7px;
	padding-right: 12px;
	position: absolute;
	bottom: -8px;
	font-family: 'Open Sans', sans-serif;
}
.unitleft {
	width: 259px;
	min-height: 170px;
	margin-right: 20px;
	float: left;
	color: white;
	position: static;
	background-color: #002e52;
}
.unitmiddle {
	width: 262px;
	min-height: 170px;
	margin-right: 20px;
	float: left;
}
.unitright {
	width: 259px;
	min-height: 170px;
	float: left;
}
.unitcontainer {
	width: 820px;
	overflow: hidden;
	position: relative;
}
.unitcontainer .ms-formfieldlabel {
	display: none;
}
.schoolcontainer .ms-formfieldlabel {
	display: none;
}
.schoolcontainer {
	width: 878px;
	overflow: hidden;
}
.pagetitle {
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
}
.pagetitle h1 {
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 1.2em;
	font-size: 1em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;

}
.newspagetitle {
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 1.2em;
	font-size: 1.75em;
	font-weight: 400;
	width: 99%;
}
input.ms-long {
	width: 100%;
}
.contentarea {
	position: relative;
	overflow: hidden!important;
}

#gallery {
	z-index: 999999!important;
	
	
}
.newscontentarea {
	position: relative;
}
.coursecontentarea {
	position: relative;
}
.coursecontentarea h2 {
	color: #032f50;
	font-size: 16px;
	font-weight: 400;
	background-color: #f0eded;
	width: 100%;
	padding: 10px;
}
.coursecontentarea h3 {
	color: #e94f36;
	font-size: 19px;
	font-weight: 400;
}
.kisscontainer {
	width: 820px;
	background-color: #f4e789;
	height: 150px;
}
.kis-widget {
	background-color: #f4e789;
	height: 150px;
	margin-left: -4px;
	margin-bottom: 15px;
}
.contentarea ol {
	margin-left: 20px;
}
.contentarea ol li {
	margin-bottom: 5px;
}
.col-right {
	float: right;
	max-width: 352px;
	margin-left: 20px;
	margin-top: 0px;
}
.newscol-right {
	margin-left: 20px;
	float: right;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 352px;
}
.newscontentarea .newscol-right {
	width: auto!important;
	max-width: 352px!important;
}
.newscontentarea .newsimage {
	width: auto!important;
	max-width: 352px!important;
}
.newscontentarea .caption {
	width: auto!important;
	max-width: 352px!important;
}
.newscontentarea .col-right-video {
	width: auto!important;
	max-width: 352px!important;
}
.col-right-video-new {
	max-width: 352px;
	height: 198px;
	margin-bottom: 0px;
	float: right;
	margin-left: 20px;
	margin-bottom: 0px;
}
.col-right-video-home {
	max-width: 352px;
	height: 198px;
	margin-bottom: 0px;
	float: right;
	margin-left: 20px;
	margin-bottom: 0px;
}
.col-right-video {
	max-width: 352px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.newsintro p {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4em;
}
.col-rightvideo {
	margin-left: 20px;
	margin-top: 20px;
}
div.topSpacerDiv {
	width: 0px;
	height: 180px;
	float: left;
}
div.newstopSpacerDiv {
	width: 0px;
	height: 120px;
	float: left;
}
div.topSpacerDiv2 {
	width: 0px;
	height: 120px;
	float: left;
}
div.unittopSpacerDiv {
	width: 0px;
	height: 90px;
	float: left;
}
.intro {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 400;
}
.quote {
	font-weight: 600;
	font-style: italic;
}
.scrollup {
	background-color: lime;
	bottom: 20px;
	height: 40px;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 40px;
}
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
}
.back-to-top:hover {
	background-color: rgba(135, 135, 135, 0.50);
}
/* Colours*/

.white {
	color: #FFF;
}
.grey {
	color: #515151;
	position: relative;
}
.bluegrey {
	color: #818e9b;
}
.edgreen {
	background-color: #1d875c
}
.edgreentext {
	color: #1d875c
}
.red {
	background-color: #e94f36;
	position: relative;
}
.redtext {
	color: #e94f36;
	font-family: 'Open Sans', sans-serif;
}
.green {
	background-color: #16a086;
}
.greentext {
	color: #16a086;
}
.green:hover {
	background-color: #16a086;
}
.grey {
	background-color: #eeeeee;
}
.grey a {
	color: #002e52;
}
.blue {
	background-color: #002e52;
	position: relative;
}
.blue a {
	color: #eaeaea;
}
.greenishtext {
	color: #16929d;
}
.greenish {
	background-color: #16929d;
}
.greenish a {
	color: #002e52;
}
.yellow {
	background-color: #ffb553;
}
.yellow:hover {
	background-color: #ffb553;
	;
}
.sport {
	color: #1d6c88;
}
.css {
	background-color: #1d6c88;
	position: relative;
}
.education {
	color: #1d875c;
}
.cse {
	background-color: #1d875c;
	position: relative;
}
.blue:hover {
}
.bluetext {
	color: #002e52;
}
.greytext {
	color: #515151;
}
.blacktext {
	color: #000000;
}
#s4-bodyContainer {
	padding-bottom: 0px!important;
}
/*  Course List Styling */

.newslist ul {
	margin-top: -15px!important;
}
.newslist li {
	list-style-type: none !important;
	margin-left: -18px!important;
}
.newslist li a {
	color: #e94f36 !important;
}
.videoplace {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	width: 352px;
	height: 198px;
	float: left;
}

.videoplaceright {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 0px;
	width: 352px;
	height: 198px;
	float: right;
}

.videoplace4 {

width: 598px!important;
height: 336px!important;

 }
 
 .videoplacefullwidth {
width: 800px!important;
height: 449px!important;
 }



 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#header-left div span a {
	background-image: url('../../SiteAssets/images/cmu-logo-retina.png')!important;
	background-repeat: no-repeat!important;
	background-size: 318px 100px!important;
}
}
/* Chris' Student Life Styles */
.blog1 {
	color: #FFFFFF;
	height: 50px;
	margin: 18px 30px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/cardiff-new3.jpg');
	background-repeat: no-repeat;
	padding: 112px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 255px;
}
.blog2 {
	color: #FFFFFF;
	height: 50px;
	margin: 0px 10px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/behind4.jpg');
	background-repeat: no-repeat;
	padding: 112px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 255px;
}
.blog3 {
	color: #FFFFFF;
	height: 50px;
	margin: 8px 30px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/themainsu.jpg');
	background-repeat: no-repeat;
	padding: 114px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 255px;
}
.blog4 {
	color: #FFFFFF;
	height: 50px;
	margin: -10px 10px 6px 0px;
	background-image: url('../../study/studentlife/PublishingImages/accomm-new3.jpg');
	background-repeat: no-repeat;
	padding: 112px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 255px;
}
.blog5 {
	color: #FFFFFF;
	height: 50px;
	margin: 8px 15px 8px 50px;
	background-image: url('../../study/studentlife/PublishingImages/blogtest.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	width: 255px;
}
.blog5 {
	color: #FFFFFF;
	height: 50px;
	margin: 10px 20px 10px 0px;
	background-image: url('../../study/studentlife/PublishingImages/allstudents.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}
.blog6 {
	color: #FFFFFF;
	height: 50px;
	margin: 10px 20px 10px 10px;
	background-image: url('../../study/studentlife/PublishingImages/illustration.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}
.blog7 {
	color: #FFFFFF;
	height: 50px;
	margin: 10px -10px 10px 10px;
	background-image: url('../../study/studentlife/PublishingImages/podiatry.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}
.blog8 {
	color: #FFFFFF;
	height: 50px;
	margin: 20px 20px 10px 0px;
	background-image: url('../../study/studentlife/PublishingImages/dentistry.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}
.blog9 {
	color: #FFFFFF;
	height: 50px;
	margin: 20px 20px 10px 10px;
	background-image: url('../../study/studentlife/PublishingImages/sport.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}
.blog10 {
	color: #FFFFFF;
	height: 50px;
	margin: 20px 10px 10px 10px;
	background-image: url('../../study/studentlife/PublishingImages/education.jpg');
	background-repeat: no-repeat;
	padding: 104px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 230px;
}

.flickrmove {

margin-top:-20px;

}



#videohead2 {
	width:598px;
	height:335px;
	margin-top:-20px;
}


.study {
	background-image: url('../../study/PublishingImages/study-int.jpg');
	background-repeat: no-repeat;
}
.slcardiff1 {
	color: #FFFFFF;
	height: 50px;
	margin: 0px 3px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/Millenium-Stadium2.jpg');
	background-repeat: no-repeat;
	padding: 99px 10px 10px 5px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 23%;
}
.slcardiff2 {
	color: #FFFFFF;
	height: 50px;
	margin: 0px 3px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/castle-arcade2.jpg');
	background-repeat: no-repeat;
	padding: 99px 10px 10px 5px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 23%;
}
.slcardiff3 {
	color: #FFFFFF;
	height: 50px;
	margin: 0px 3px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/cardiff-bay2.jpg');
	background-repeat: no-repeat;
	padding: 99px 10px 10px 5px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 23%;
}
.slcardiff4 {
	color: #FFFFFF;
	height: 50px;
	margin: -19px 3px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/cardiff-museum2.jpg');
	background-repeat: no-repeat;
	padding: 99px 10px 10px 5px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 22%;
}
.studentlifevideocontainer {
	height: 113px;
	margin-top: 10px;
}
.behind {
	width: 23%;
	height: 220px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 2.6%;
	margin-top: 5px;
}
.behindend {
	width: 23%;
	height: 200px;
	background-color: red;
	color: #FFFFFF;
	float: left;
}
.behindtext {
	width: 97.5%;
	height: 80px;
	margin-top: 150px;
	padding: 5px 0px 5px 5px;
	background-color: #d44831;
	color: #fff;
	float: left;
}
.behindtext:hover {
	background-color: #e94f36;
	
}


/* Intentional Communities Styles*/	


.icprofile {

display:block;
width:100%;
background-color: #e7e8db;
height:210px;
padding:15px;
	
}

.icprofile2 {

display:block;
width:100%;
background-color: #e7e8db;
height:250px;
padding:15px;
padding-right:10px;
	
}

.icprofile3 {

display:block;
width:100%;
background-color: #e7e8db;
height:230px;
padding:15px;
	
}


.ictitle{

color: #a95baa;
padding:5px 0px 0px 10px;
font-size:18px;
margin-top:-5px;
margin-left:60px;
float:left;

}

.csmenttitle{

color: #0dc0d6;
padding:10px 0px 10px 70px;
font-size:18px;
margin-top:-25px;
float:left;

}

.csmentdesc{


float:right;
width:75%;
margin:-20px 10px 50px 10px;
padding:15px;
height:auto;
	
}

.csmentphoto{

margin:-15px 0px 50px 10px;
float:left;
width:100px;
display:block;
height:150px;
	
}


.icphoto{

margin:5px 0px 50px 10px;
float:left;
width:100px;
display:block;
height:150px;
	
}

.icdesc{


float:right;
width:75%;
margin:10px 10px 50px 10px;
padding:15px;
	
}


/* Chris' 150 Anniversary and Virtual Tours Styles */

.row {
	width: 100%;
	overflow: hidden;
}
.row2 {
	width: 100%;
	overflow: hidden;
}
.onefifty {
	width: 30%;
	height: 200px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 2.6%;
	margin-top: 5px;
}

.onefifty:hover {

opacity: 0.7;

}

.onefiftyend:hover {

opacity: 0.9;

}

.onefiftyone:hover {

opacity: 0.9;

}


.onefiftyone {
	width: 30%;
	height: 200px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 2.6%;
	margin-top: 5px;
}


.onefiftyend {
	width: 30%;
	height: 220px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-top: 5px;
	margin-right: 22px;
}

.onefiftytext {
	width: 98.1%;
	height: 42px;
	margin-top: 150px!important;
	padding: 5px 0px 5px 5px;
	background-color: #d44831;
	color: #fff;
	float: left;
}

.onefiftytext:hover {
	background-color: #e94f36;
}

.sporttours {

background-color: #226d86;

}

.csadtours {

background-color: #fa6f12;

}

.edutours {

background-color: #1d875c;

}

.edutours:hover {

background-color: #1a7b54;

}

.csadtours:hover {

background-color: #fa6f12;
	
}


.sporttours:hover {

background-color: #1e637b;

}

.cshsresearch {

background-color: #a95baa;


}

.cshsresearch:hover {

background-color: #a95baa;

}


.onefiftycsad {
	width: 32%;
	height: 200px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 1.75%;
}
.onefiftycsadend {
	width: 32%;
	height: 200px;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px;
}
.onefiftycsadtext {
	width: 98.2%;
	height: 40px;
	margin-top: 150px;
	padding: 5px 0px 5px 5px;
	background-color: #d44831;
	color: #fff;
	float: left;
}
.onefiftycsadtext:hover {
	background-color: #e94f36;
}
.submitbutton {
	padding: 13px;
	background-color: #e74c3c;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
}
.submitbutton a {
	color: white;
}
.submitbutton a:hover {
	text-decoration: none;
}
.submitbutton2 {
	padding: 13px;
	background-color: #f5f5f5;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: black;
	padding-left: 16px;
	font-size: 16px;
}
.submitbutton2 a {
	color: #002e52;
}
.submitbutton2 a:hover {
	text-decoration: none;
}

.submitbutton3 {
	padding: 13px;
	background-color: #002e52;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
}

.submitbutton3 hover {

	background-color: #011a2e;
}

.submitbutton3 a {
	color:#ffffff;
}

.submitbutton3 a:hover {
	text-decoration: none;
	
}

.submitbutton4 {
	padding: 13px;
	background-color: #002e52;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
	float:left;
}

.submitbutton4 hover {

	background-color: #011a2e;
}

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

.submitbutton5 {
	padding: 13px;
	background-color: #002e52;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
	float:left;
	margin: 3px 0px 0px 20px;
}

.submitbutton5 hover {

	background-color: #011a2e;
}

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



.submitbutton6 {
	padding: 13px;
	background-color:#13a2af;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
}

.submitbutton6 hover {

	background-color: #011a2e;
}

.submitbutton6 a {
	color:#ffffff;
}

.submitbutton6 a:hover {
	text-decoration: none;
	
}



.submitbutton7 {
	padding: 13px;
	background-color:#13a2af;
	display: inline-block;
	padding-right: 20px;
	margin-top: 22px;
	color: white;
	padding-left: 16px;
	font-size: 16px;
}

.submitbutton7 hover {

	background-color: #011a2e;
}

.submitbutton7 a {
	color:#ffffff;
}

.submitbutton7 a:hover {
	text-decoration: none;
	
}



.csad {
	background-image: url('../../about/CardiffMet150/PublishingImages/csad1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


.origins {
	background-image: url('../../about/CardiffMet150/PublishingImages/origins.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.first {
	background-image: url('../../about/CardiffMet150/PublishingImages/first.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.jessett {
	background-image: url('../../about/CardiffMet150/PublishingImages/jessett.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.sport {
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/niac.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.virtualcsad {
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/PublishingImages/main.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.photo {
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/PublishingImages/photo.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.arch {
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/PublishingImages/arch.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


.edu1  {

    margin-top:-15px;
	background-image: url('http://www.cardiffmet.ac.uk/education/PublishingImages/teaching.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


.tennis {
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/tennis.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.threeg {
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/3g.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.k1 {
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/k1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.food {
    width:32%;
    height:200px!important;
    margin: 5px 0px 20px 0px!important;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/PublishingImages/nutrition.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.cardio {
    width:32%;
    height:200px;
    margin: 5px 0px 0px 16px;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/PublishingImages/cardio.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.risk {

	width:32%;
	height:200px;
	margin: 5px 0px 0px 16px;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/PublishingImages/risk.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.appliedpsych {

	width:32%;
	height:200px;
	margin: 5px 0px 0px 16px;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/hrm/PublishingImages/applied-physchology.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


.healthrisk {

	width:32%;
	height:200px;
	margin: 5px 0px 20px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/hrm/PublishingImages/healthrisk.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.diet {
    width:32%;
    height:200px!important;
    margin: 5px 0px 20px 0px!important;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/nfh/PublishingImages/diet.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.Nutraceuticals {
    width:32%;
    height:200px!important;
    margin: 5px 0px 20px 15px!important;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/nfh/PublishingImages/?Nutraceuticals.jpg?Nutraceuticals.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.foodsafety {
    width:32%;
    height:200px!important;
    margin: 5px 0px 20px 15px!important;
	background-image: url('http://www.cardiffmet.ac.uk/health/research/nfh/PublishingImages/foodsafety.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}



.gym {
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/gym.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.cyncoedmap {

    margin-top:-15px;
	background-image: url('http://www.cardiffmet.ac.uk/schoolofsport/PublishingImages/map.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.llandaf {
	background-image: url('../../about/CardiffMet150/PublishingImages/llandaf.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.caroljames {
	background-image: url('../../about/CardiffMet150/PublishingImages/caroljames.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.huwwilliams {
	background-image: url('../../about/CardiffMet150/PublishingImages/huwwilliams.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.engineers {
	background-image: url('../../about/CardiffMet150/PublishingImages/engineers2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.all {
	background-image: url('../../study/studentlife/PublishingImages/all.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

/* Healthy University Styles*/

.healthwell {
	background-image: url('../../healthyuniversity/PublishingImages/Health-and-Well-Being.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.environment{
	background-image: url('../../healthyuniversity/PublishingImages/environment.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.equality{
	background-image: url('../../healthyuniversity/PublishingImages/equalitydiversity.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.welshlangculture{
	background-image: url('../../healthyuniversity/PublishingImages/welsh.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.community{
	background-image: url('../../healthyuniversity/PublishingImages/community.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.calendarhealth {
	background-image: url('../../healthyuniversity/PublishingImages/calendar.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}


.healthytext {

	width: 98.1%;
	height: 42px;
	text-align:center;
	padding: 0px 10px 0px 20px;
	Font-weight:600;
	font-size:1.8em;
	margin-top: 66px;
	padding:0px 0px 0px 0px;
	color: #fff;
	float: left;
}


/* Healthy University Style end*/


/* Accommodation Boxes */

.accombox {
	width: 173px;
	height: 176px;
	float: left;
	padding: 10px;
	color: #fff;
	position: relative;
}
.accomboxfooter a {
	color: #FFF;
	text-decoration: none;
}
.accomsmalltext {
	font-size: 10px;
	color: #eaeaea
}
.accomicon {
	margin-right: 4px;
}
.accomgrey {
	background-color: #808b8c;
}
.accomgreen {
	background-color: #a6c857;
}
.aqua {
	background-color: #008a92;
}
.purple {
	background-color: #884c9b;
}
.accomboxheader {
	font-size: 19px;
	font-weight: 200;
	margin-bottom: 10px;
}
.accomboxbody {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
	letter-spacing: 0px;
	line-height: 16px;
}
.accomboxbody ul {
	margin-left: 0px!important;
	margin-top: -4px;
	list-style-type: square!important;
}
.accomboxbody ul li {
	margin-bottom: 5px;
	list-style-type: square!important;
	color: white;
}
.accomleft {
	margin-right: 15px;
}
.accomboxfooter {
	position: absolute;
	bottom: 11px;
	width: 168px;
	height: 20px;
	font-size: 11px;
	font-weight: 400;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 6px;
	padding-bottom: 3px;
}


/* Chris - CAREERS RSS STYLES EXP */

.rsswrap .rssincl-box-988694 {

	
	font-weight:normal;
	text-decoration:none;
	color:#002e52;
	font-size:20px!important;
	font-family: 'Open Sans', sans-serif!important;
	 
	
}


.rsswrap .groupheader.item.medium {

	
	font-weight:normal;
	text-decoration:none;
	color:#002e52;
	font-size:20px!important;
	font-family: 'Open Sans', sans-serif!important;
	 
	
}

.rsswrap .groupheader.item.medium a {

	color:#e84c3d;
	text-decoration:none;


}


.rsswrap .item.link-item {

	font-family:'Open Sans', sans-serif!important;
	color:#e84c3d;
	font-size:20px;!important;
	padding-top:5px;

}
.rsswrap .item.link-item a {
	color:#002e52;
	font-size:16px;
    font-family:'Open Sans', sans-serif!important;
}
.ms-rtestate-read ms-rte-wpbox {

	font-family:'Open Sans', sans-serif!important;
	font-size:18px;!important;
}




/* Chris - JAVASCRIPT - CAREERS RSS STYLES EXP */


.rsswrap .ch-channel.channel {

	width:181px;
	font-weight:normal;
	padding-top:10px;
	text-decoration:none;!important;
	color:#e84c3d!important;
	font-size:16px!important;
	font-family: 'Open Sans', sans-serif!important;
	 
	
}

.rsswrap .ch-channelTitle.title {

	display:none;
	color:#e84c3d!important;
	font-size:20px!important;
	font-family: 'Open Sans', sans-serif!important;

}


.rsswrap .ch-itemTitle.title {

	
	font-weight:normal;
	padding-top:0px;
	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;
	 
	
}

.rsswrap .ch-item.item {
 
	
}

.rsswrap .ch-itemDescription.description {

	display:none;
}


.rsswrap .ch-itemTitle.title a {

	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;



}

.morejobs {

	color:#002e52;
	
}

.morejobs a {
	color:#e84c3d;
	text-decoration:none;

}

.floatvideo {
	width: 352px!important;
	height: 194px;
	float:right;
	margin-top: 40px;
	margin-left: 20px;
}

.floatimage {
	width: 352px!important;
	height: 194px;
	float:right;
	margin-top: 20px;
	margin-left: 20px;
}

.floatvideo-inpage {
	width: 352px!important;
	height: 194px!important;  
	float:right;
	margin-left: 20px;
	margin-right:-10px;
	clear:right;
	margin-bottom:20px; 
}
.floatimage-inpage {
	width: 352px!important;
	height: 194px;
	float:right;
	clear:right;
	margin-right:-10px;
	margin-left: 20px!important;
	margin-bottom: 20px!important;
} 


/*International Boxes*/

.international-boxes-container {
margin-bottom:-15px;
}

.international-box {
    width: 260px;
    height: 105px;
    padding: 12px 20px 20px;
    position: relative;
float:left;
margin-right:12px;
}
.int-full-width {
width:540px!important;
}

.blue {
    background-color: #002E52;
    position: relative;
}

.international-box-title {
    font-size: 1.6em;
    font-weight: 200;
    line-height: 1.2em;
    width: 95%;
    margin-top: 3px;
    margin-bottom: 5px;
    color: #FFF;
}

.international-box-text {
    margin-bottom: 10px;
color: #fff;
}

.international-box a {
   color:#ff6600;
}


/* Chris - END OF JAVASCRIPT STYLES */


/* Chris - STYLES FOR FACEBOOK SOCIAL PLUG IN */


.facebookwrap {

	
	float:right;
	border:none;
	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;

}

.facebookwrap a{

	float:right!important;
	border:none!important;
	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;

}

.facebookwrap _4-u2 mbm _5jmm _5pat _5v3q _4-u8{

	float:right!important;
	border:none!important;
	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;

}


.facebookwrap _h7l u_0_12 {

	float:right!important;
	border:none!important;
	color:#002e52!important;
	font-size:15px!important;
	font-family: 'Open Sans', sans-serif!important;
}

/*Clearing Footer Bar*/
.fixedBar {
background-color:#002E52!important;
bottom: 0px; 
color:#fff; 
font-family: 'Open Sans', sans-serif!important;
padding: 0px 0; 
position:fixed; 
font-size:22px; 
font-weight:400!important;
width:100%; 
z-index:9999;
float:left; 
vertical-align: middle; 
opacity: 0.96;  
font-weight: 600;
text-align:center;
padding-left:0px!important;
padding-right:0px!important;
padding-top:12px;
padding-bottom:12px;
}


.boxfloat {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

.fixedBar a{
color: #E94F36;
text-decoration:underline;
}
.fixedBar a:hover{
color: #E94F36;
text-decoration:none;
}



/*=================================================
Class Definitions
=================================================*/

/*SLT styles */
 
.btn {
border: 0px solid #999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,eaeaea+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 8px 15px;
text-decoration: none;
text-align: left;
min-width: 60px;
position: relative;
transition: color .1s ease;
height:149px;
} 

.btns {
border-radius: 3px;
color: #fff!important;
background-color:#E94F36;
display: inline-block;
font-size: 14px;
padding: 8px 15px;
font-weight:400;
text-decoration: none;
text-align: center;
min-width: 60px;
position: relative;
transition: color .1s ease;
}

.sltrow {
	width:100%;
	margin-bottom: 15px;
}

.btn:hover {
 
}
.btn.btn-big {
font-size: 15px;
padding: 15px 20px;
width: 43%;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 15px;
}
 
.btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #909090;
}
 
.modal:before {
  content: "";
  /*display: none;*/
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.modal:target:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  /*display: block;*/
}
 
.modal:target + .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 3%;
}

.csadbut {
	
	
}
 
.modal-dialog {
background: #fefefe;
border: #eaeaea solid 1px;
border-radius: 5px;
position: fixed;
left: 20%;
top: -150%;
z-index: 9999999;
width: 860px;
-webkit-transform: translate(0, 10%);
-ms-transform: translate(0, 10%);
transform: translate(0, 10%);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
 
.modal-body {
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
overflow: hidden;
margin-bottom: 20px;
}
 
.modal-header {
padding-right: 20px;
padding-left: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
height: 60px;
margin-bottom: 20px;
padding-top: 20px;
}
 
.modal-header h2 {
font-size: 29px;
color: #E94F36;
}
 
.modal-footer {
text-align: right;
padding-right: 20px;
padding-left: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
height: 40px;
padding-top: 20px;
margin-bottom: 20px;
}
 

h1 {
font-weight: 400;
font-size: 26px;
}

.sltiamge {
float: left;
margin-right: 14px;
margin-bottom: 12px;
margin-top: 3px;
}

.btn.btn.btn-big .sltinfo {
float: left;
width: 215px;
}

.btn.btn.btn-big .sltimage {
width: 120px;
height:144px;
float: left;
margin-right: 15px;
}
.btn.btn.btn-big .sltinfo .slttitle {
font-size: 18px;
padding-bottom: 2px;
color: #E94F36;
}
.sltinfo .sltcontactinfo {
margin-top: 7px;
margin-bottom: 7px;
line-height: 1.6em;
font-size: 14px;
}
.modal-body p {
font-size: 14px;
color: #333;
line-height: 1.6em;
}
.modal-body .largesltimage {
float: left;
width: 250px;
height:300px;
margin-right: 22px;
}
.sltfullimage {
	height:100%;
	width:100%;
}

.sltinfocontainer {
margin-top: 40px;
}
.modal-body .sltinfocol {
width: 150px;
float: left;
}
.modal-body .white a {
color: #E74C3C;
} 

.greyslt {
	background-color: #eeeeee;
	padding:8px;
}

.redslt {
	background-color: #e74c3c;
	padding:8px;
	color: #ffffff;
}


.whiteslt {  
	padding-left:8px;
}

.whiteslt a {  
color: #E94F36!important;
}

.feetitlecol{
	width: 20%; padding:1%; margin-bottom:10px; float:left;
}

.feecolcontainer{
	width:100%; overflow:hidden;  border-bottom-width:1px; border-bottom-style: solid; border-bottom-color:#eaeaea;
}

.feecolcontainerhead {
	width:100%; overflow:hidden;  border-bottom-width:1px; border-bottom-style: solid; border-bottom-color:#eaeaea;
}


.feecolfee{
	width: 10%; padding:1%; margin-bottom:10px; float:left;
}

.feecolkit {
	width: 20%; padding:1%; margin-bottom:10px; float:left;
}

.feecolother {
	width: 20%; padding:1%; margin-bottom:10px; float:left;
}

.feecolfile {
	width: 20%; padding:1%; margin-bottom:10px; float:left;
}

.hrcontainer {
	background-color: #efefef;
	padding: 0px;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.hrtablecontent .hrlink {
	display: block;
	padding-bottom: 5px;
}

.redheader {
	background-color: #f14d28;
	padding-left: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.hrtablecontent {
	padding: 8px;
	padding-left: 16px;
	font-size: 17px;
	font-weight: 400;
	color: #002e52;
}

.hrtablecontent a {
	color: #002e52;
}
.hrtablecontent1 {	padding: 8px;
	padding-left: 16px;
	font-size: 18px;
	font-weight: 400;
	color: #002e52;
}

/* New Accommodation Styles */

.accom1 {
	color: #FFFFFF;
	margin:10px 20px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/life.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.1em;
	width: 370px;
}

.accom2 {
	color: #FFFFFF;
	margin: -10px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/hashtag.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.1em;
	width: 370px;
}

.accom3 {
	color: #FFFFFF;
	margin:20px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/blogs.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.1em;
	width: 370px;
}

.accom4 {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/virtualtours.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.1em;
	width: 370px;
}

.accom5 {
	color: #FFFFFF;
	margin:10px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/cyncoed.jpg');
	background-repeat: no-repeat;
	padding: 160px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.accom6 {
	color: #FFFFFF;
	margin:10px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/plas.jpg');
	background-repeat: no-repeat;
	padding: 160px 10px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.accom7 {
	color: #FFFFFF;
	margin:-6px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/private.jpg');
	background-repeat: no-repeat;
	padding: 160px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.accom8 {
	color: #FFFFFF;
	margin:-6px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/accommodation/PublishingImages/life1.jpg');
	background-repeat: no-repeat;
	padding: 160px 10px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.csadi1 {
	color: #FFFFFF;
	margin:10px 20px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/csadi/PublishingImages/1.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.2em;
	width: 370px;
}

.csadi2 {
	color: #FFFFFF;
	margin: -10px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/csadi/PublishingImages/2.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.2em;
	width: 370px;
}

.csadi3 {
	color: #FFFFFF;
	margin:20px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/csadi/PublishingImages/3.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.2em;
	width: 370px;
}

.csadi4 {
	color: #FFFFFF;
	margin: -3px 0px 0px 0px;
	background-image: url('http://www.cardiffmet.ac.uk/artanddesign/csadi/PublishingImages/4.jpg');
	background-repeat: no-repeat;
	padding: 157px 20px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1.2em;
	width: 370px;
}

.csadi5 {
	color: #FFFFFF;
	margin:10px 0px 0px 0px;
	background-repeat: no-repeat;
	padding: 162px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.csadi6 {
	color: #FFFFFF;
	margin:10px 0px 0px 0px;
	background-repeat: no-repeat;
	padding: 162px 10px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.csadi7 {
	color: #FFFFFF;
	margin:-6px 0px 0px 0px;
	background-repeat: no-repeat;
	padding: 162px 10px 10px 10px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}

.csadi8 {
	color: #FFFFFF;
	margin:-6px 0px 0px 0px;
	background-repeat: no-repeat;
	padding: 162px 10px 10px 10px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	font-size:1em;
	width: 375px;
}