@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {
OVERFLOW-Y: scroll!important;
}

}

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

body {
OVERFLOW-Y: scroll!important;
}

.hrcontainer {
    background-color: #efefef;
    padding: 0px;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 30px;
    height: 300px!important;
}

/* SLT Meet the team ---------------------------------------------------------------------------------------------------------------- */


.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: #333;
display: inline-block;
font-size: 1em!important;
padding: 8px 15px;
text-decoration: none;
text-align: left;
min-width: 60px;
position: relative;
transition: color .1s ease;
height:349px;
margin-bottom:40px!important;
} 

.clearbox p {
	font-size: 0.95em!important;
	line-height:1.3em!important;
margin-bottom: 1em!important;
}
.col-homeright .col-middle-end {
	min-height: 500px!important;
}

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


.btns {
border-radius: 6px!important;
color: #fff!important;
background-color:#E94F36;
display: inline-block;
font-size: 0.5em!important;
padding: 8px 25px;
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.btn.btn-big .sltinfo {
float: left;
width: 59%!important;
}
.btn.btn.btn-big .sltinfo .slttitle {
font-size: 1em!important;
padding-bottom: 2px;
color: #E94F36;
}

.btn.btn.btn-big .sltinfo {
float: left;
width: 59%!important;
font-size: 0.9em!important;
}

.sltinfo .sltcontactinfo {
margin-top: 7px;
margin-bottom: 7px;
line-height: 1.6em;
font-size: 0.8em!important;
}

.btn:hover {
 
}


.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:1.2em!important;
	font-weight: 600;
	color: #FFF;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.hrtablecontent {
	padding: 8px;
	padding-left: 16px;
		font-size:1.2em!important;
	font-weight: 400;
	color: #002e52;
}

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



.btn.btn-big {
font-size: 15px;
padding: 25px 30px;
width: 93%;
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;
}

.btn.btn.btn-big .sltimage {
width: 270px;
height:324px;
float: left;
margin-right: 35px;
}

.modal-dialog {
background: #fefefe;
border: #eaeaea solid 1px;
border-radius: 5px;
position: fixed;
left: 5%!important;
top: -200%;
z-index: 9999999;
width: 90%!important;
-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;
}

.feetitlecol{
	width: 90%; padding:1%; margin-bottom:10px; float:left; font-weight:bold;
}

.feecolcontainerhead{
	display:none;
}

.feecolcontainer{
	width:95%; overflow:hidden;  border-bottom-width:1px; border-bottom-style: solid; border-bottom-color:#666666;
	background-color:#f4f4f4;
	margin-bottom: 10px;
	padding: 25px;
}


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

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

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

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



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: landscape) { 

.modal-dialog {
display:none;
}
}

.btn-close {
  color: #aaa;
  font-size: 2em!important;
  text-decoration: none;
  position: absolute;
  right: 15px;
  top: 5px;
}


.modal-dialog {
background: #fefefe;
border: #eaeaea solid 1px;
border-radius: 5px;
position: fixed;
left: 5%!important;
top: -200%;
z-index: 9999999;
width: 90%!important;
-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-header {
height: 100px!important;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
margin-bottom: 40px!important;
padding-bottom: 10px!important;
}

.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;
padding-bottom: 40px;
margin-bottom: 20px;
}

.modal-body p {
font-size: 0.6em!important;
color: #333;
line-height: 1.4em!important;
}

.modal-body .largesltimage {
float: left;
width: 320px;
height:384px;
margin-right: 22px;
}


.modal-body .sltinfocol {
display:none!important;
width: 150px;
float: left;
}


.modal-header h2 {
margin-top: -30px!important;
margin-bottom:30px!important;
}

.greyslt {
	background-color: #eeeeee;
	font-size: 0.7em!important;
	padding:22px!important;

}

.whiteslt {  
	padding-left:22px!important;
	font-size: 0.7em!important;
}





/* Headder ---------------------------------------------------------------------------------------------------------------- */


.unitcol-left-image {
	display: none!important;
}

.floatvideo-inpage {
	width: 1040px!important;
	height: 585px!important;
	float:left!important;
	margin-left: 0px!important;
	margin-right:0px!important;
	clear:right;
	margin-bottom:40px; 
}
.floatimage-inpage {
	width: 1040px!important;
	height: 585px;
	float:left!important;
	margin-left: 0px!important;
	margin-right:0px!important;
	clear:right;
	margin-bottom:40px; 
	} 

.coursecontentarea .fullimage {
    display:none!important;
}

.coursecontentarea .coursetitle {
    margin-bottom: -120px!important;
}

.coursecol {
	margin-bottom: 20px;
}

/*International Boxes*/

.international-boxes-container {
margin-bottom:-80px!important;
margin-top:-30px!important;
}

.international-box {
    width: 90%!important;
    height:auto!important;
    overflow:hidden!important;
    padding: 1em!important;
    position: relative;
	float:left;
	margin-bottom: 20px!important;
}

.int-full-width {
width:99%!important;
margin-top: 90px!important;
}


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

.international-box-title {
    font-size: 1.2em;
    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;
}



/*Clearing Footer Bar*/
.fixedBar{
background:#002E52; 
bottom: 0px; 
color:#fff; 
font-family: 'Open Sans', sans-serif!important;
position:fixed; 
font-size:4.3em!important; 
font-weight:bold!important;
width:100%!important;
z-index:99999999; 
vertical-align: middle; 
opacity: 1;  
text-align:center;
padding-left:0px!important;
padding-right:0px!important;
line-height: 1.3em!important;
padding-top:50px;
padding-bottom:50px;

}

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

.fixedBar a{
color: #E94F36;
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.fixedBar{
background:#002E52; 
bottom: 0px; 
color:#fff; 
font-family: 'Open Sans', sans-serif!important;
position:fixed; 
font-size:1.5em; 
font-weight:400!important;
width:100%!important;
z-index:99999999; 
vertical-align: middle; 
opacity: 0.96;  
text-align:center;
padding-left:0px!important;
padding-right:0px!important;
line-height: 1.3em!important;
padding-top:35px;
padding-bottom:40px;

}
}

.margintop {
	overflow:hidden!important;
	margin-top: 0px!important;
}

.floatvideo {
	width: 1040px!important;
	height: 585px;
	float: none!important;
	margin-top: -130px!important;
	margin-left: 0px!important;
		margin-bottom: 30px!important;
}

.floatimage {
	width: 1040px!important;
	height: 585px;
	float: none!important;
	margin-top: -30px;
	margin-left: 0px;
	margin-bottom: 3 0px;
}


.pagetitlecontainer {
		margin-top: 140px!important;
}

.iapbackground {
	width: 95%; 
	background-color: #266e85; 
	padding: 30px; 
	text-align: center; 
	color: white;
    line-height: 1em;
	}
	
.job {
	margin-top: 34px!important;
	width: 930px!important;
}

.joblist {	
	width: 930px!important;
}

.floatrightcolumn {
	width:100%;
	overflow:hidden;
	margin-left: 20px;
	margin-bottom:0px!important;
	float:right;
}
.news {	
	margin-top: -20px!important;
	margin-bottom:40px!important;
}

.caption2 {
	width:100%;
	font-size:0.75em!important;
	line-height:1.2em;
}


.joblist ol {	
	padding-left: 40px!important;
	margin-top: 30px!important;
}
	
	
.greenbutton {
	padding: 33px;
	background-color: #99CC00;
	color: white;
	margin-top: 5px;
	display: inline-block;
	padding-left: 16px;
	font-size: 1.4em;
	width: 80%!important;
	text-align:center;
	text-transform:uppercase;
}

#videohead {
	width:980px!important;
	height: 551px!important;
}



.newunitimage {
	display:none;
}

.homeherotext {
	position: relative;
	height: 300px;
	width: 645px;
	font-size: 2.35em;
	top: 60px!important;
	left: 60px;
	line-height: 1.2em;
	font-weight: 200;
	position: relative;
	z-index: 3;
	color: #032f50;
} 

#homeherovideo {
	height: 596px;
	width: 1060px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 17px;
	background-repeat: no-repeat;
	position: relative;
}

.vimeo {
	height: 596px;
	width: 1060px;
	}


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


/* Accommodation Boxes */

.accombox {
width: 90%;
height: 580px;
overflow: hidden!important;
float: left;
padding: 40px;
color: #fff;
position: relative;
margin-bottom: 30px;
}
.accomboxfooter a {
color: #FFF;
text-decoration: none;
}

.accomsmalltext{
font-size: 38px;
color: #eaeaea

}

.accomicon {
margin-right: 4px;
}

.accomgrey {
background-color: #808b8c;
height: 450px;
margin-top: 20px;
}
.accomgreen {
background-color:#a6c857;
}

.aqua {
background-color:#008a92;
}

.purple {
background-color:#884c9b;
}

 .accomboxheader {
font-size: 1.6em!important;
font-weight: 400;
margin-bottom: 10px;
}
 .accomboxbody {
font-size: 1em;
font-weight: 400;
margin-bottom: 10px;
letter-spacing: 0px;
line-height:1.6em;
}
.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: 31px;
width: 90%;
height: 80px;
font-size: 1.2em;
font-weight: 400;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding-top: 6px;
padding-bottom: 11px;
}


.blue {
	background-color: #002e52!important;
	position: relative;
}
 

.gradbutton {
	background-color: #E94F36;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding: 32px 10px;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
}


.row {
	width: 100%;
	overflow: hidden;
	padding-top: 90px!important;
}

/*Chris' accommodation boxes */

.accom1{
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 0px 10px 40px;
    font-size: 1.3em;
	font-weight: 400;
	width: 95%;
	height:240px;
	line-height: normal;	

}

.accom2{
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: 30px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.3em;
	font-weight: 400;
	width: 95%;
	height:260px;
	line-height: normal;	
}

.accom3{
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: -45px 0px 10px 0px;
	padding: 10px 0px 10px 40px;
	font-size: 1.3em;
	font-weight: 400;
	width: 95%;
	height:260px;
	line-height: normal;	
}

.accom4{
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: 35px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.3em;
	font-weight: 400;
	width: 95%;
	height:300px;
	line-height: normal;	
}

.accom5{
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.2em;
	font-weight: 400;
	width: 95%;
	height: 420px;
	line-height: 0.7em;
}

.accom6{
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.2em;
	font-weight: 400;
	width: 95%;
	height: 480px;
	line-height: 0.7em;
}

.accom7{
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: -20px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.2em;
	font-weight: 400;
	width: 95%;
	height: 420px;
	line-height: 0.7em;
}

.accom8{
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.2em;
	font-weight: 400;
	width: 95%;
	height: 420px;
	line-height: 0.7em;
}




.onefiftyend {
	width: 1100px!important;
	height: 700px!important;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px!important;
	margin-bottom: 80px!important;
	margin-top: 80px;
}

.onefiftytext {
	width: 1100px!important;
	height: 120px!important;
	margin-top: 530px;
	padding:35px;
	background-color: #d44831;
	color: #fff;
	float: left;
}

.sporttours {

background-color: #226d86;

}


.csadtours {

background-color: #fa6f12;

}

.edutours {

background-color: #1d875c;

}

.cshsresearch {

background-color:#a95baa;
margin-top:460px!important;

}


.diet {

background-color:#a95baa;

}

.foodsafety {

background-color:#a95baa;
margin-top:80px!important;

}

.Nutraceuticals {

background-color:#a95baa;
margin-top:80px!important;

}

.appliedpsych {

background-color:#a95baa;
margin-top:80px!important;

}

.healthrisk {

background-color:#a95baa;
margin-top:80px!important;

}


.onefiftyone {
    width: 1100px!important;
	height: 700px!important;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
	margin-top: -100px;
}

.onefifty {
    width: 1100px!important;
	height: 700px!important;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
	margin-top: 80px;
}


/*Healthy University Styles*/


.healthwell{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :50px;
	
}

.environment{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :50px;
	
}

.equality{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :50px;
	
}

.welshlangculture{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :-60px;
	
}

.community{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :50px;
	
}

.calendarhealth{

    display:block;
    width: 1100px!important;
	height: 300px!important;
	margin-top :-10px;
	
}


/*End Healthy University Styles*/

.behindtext {

	width: 1100px!important;
	height: 140px!important;
	margin-top: 530px;
	padding:35px;
	background-color: #d44831;
	color: #fff;
	float: left;
	font-size:1em;
}


.onefiftycsad {
	width: 1100px!important;
	height: 700px!important;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px!important;
	margin-bottom: 100px!important;
}

.onefiftycsadend {
    width: 1100px!important;
	height: 700px!important;
	background-color: red;
	color: #FFFFFF;
	float: left;
	margin-right: 0px!important;
	margin-bottom: 80px!important;
	margin-top:-50px;
}

.onefiftycsadtext {
	width: 100%;
	height: 200px;
	font-size:1.3em;
	margin-top: 550px;
	padding:10px 10px 10px 10px;
	background-color: #d44831;
	color: #fff;
	float: left;
}

.submitbutton {
	display: block;!important;
	font-size: 1.5em;
	height:160px;
	width: 100%;
	text-decoration: none;
	background-color: #e84c3d;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px; }
	
.submitbutton2 {
	display: block;!important;
	font-size: 1.5em;
	height:160px;
	width: 100%;
	text-decoration: none;
	background-color: #f5f5f5;
	padding: 0px;
	color: #002e52;
	text-align: center;
	vertical-align: middle;
	line-height: 150px; 
	
	}

.submitbutton3 {
	display: block;!important;
	font-size: 1.5em;
	height:160px;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 150px; 
	
	}

.submitbutton4 {
	display: block;!important;
	font-size: 1.4em;
	height:150px;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	margin-bottom: -550px;
	
	
	}

.submitbutton5 {
	display: block;!important;
	font-size: 1.5em;
	height:150px;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 150px; 
	margin-left: -5px;
	margin-top: -20px;
	
	}


.submitbutton6 {
	display: block;!important;
	font-size: 1.5em;
	height:160px;
	width: 100%;
	text-decoration: none;
	background-color: #13a2af;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	margin-top:70px;

	
	}
	
	.submitbutton7 {
	display: block;!important;
	font-size: 1.5em;
	height:160px;
	width: 100%;
	text-decoration: none;
	background-color: #13a2af;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	margin-top:-90px;

	
	}



.videoplace {
width: 1050px;
height: 593px;
margin-bottom: 20px;
}

.videoplaceright {
width: 1050px;
height: 593px;
margin-bottom: 20px;
}

 .videoplacefullwidth {
width: 1050px!important;
height: 593px!important;
margin-top: -20px!important;
 }


.newsimage {
display:none;
}

.videoplace3 {

width: 1050px;
height: 593px;
margin-top: -400px;

}


.videoplace4 {

width: 1050px!important;
height: 593px!important;

 }


.joblist {
	padding: 0px;
	margin-top: -56px;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4em;
	font-family: 'Open Sans', sans-serif;
	width: 700px;
	margin-bottom: 36px;
}
.jobtitle {
	color: #ff6600!important;
	line-height: 1.2em!important;
}
#s4-workspace {
	-webkit-overflow-scrolling: touch!important;
	height: auto!important;
}
.wacourses {
	margin-bottom: 20px;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 45px;
	background-color: #EEEEEE;
	width: 960px;
	margin-top: 30px;
}
.wabutton {
	width: auto!important;
	font-size: 1em!important;
	margin-bottom: 10px;
}
.coursetitle {
	color: #fa6f12 !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 1.2em !important;
	font-size: 1.2em !important;
	font-weight: 400 !important;
	margin-bottom: 10px;
}
.lectureheader {
	padding-left: 50px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px!important;
	background-color: #e74c3c;
	width: 960px;
	font-size: 18px;
	margin-top: 30px;
	color: #fff;
	font-size: 1.2em;
}
.lectureinfo {
	margin-bottom: 30px;
	padding-left: 50px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 50px!important;
	background-color: #EEEEEE;
	width: 960px;
	margin-top: 30px;
}
.lecturebook {
	margin-bottom: 50px;
	padding-left: 50px;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px!important;
	background-color: #EEEEEE;
	width: 940px;
	margin-top: 0px;
}
.lectureinfo h2 {
	margin-bottom: -20px!important;
}
.sep {
	border: 1px;
	border-bottom-style: dotted;
	border-color: #D44831;
	width: 960px;
	margin-top: 20px;
	margin-bottom: -50px!important;
}
.redbutton {
	padding: 29px;
	background-color: #e74c3c;
	display: inline-block;
	margin-top: 22px;
	color: white;
	padding-left: 32px;
	font-size: 0.9em!important;
}
.wacourses h2 {
	font-size: 22px!important;
	line-height: 1.2em!important;
}
.wades {
	margin-top: -55px!important;
	line-height: 1.5em;
	margin-bottom: 30px;
	margin-top: 30px;
}
.wabutton {
	padding: 29px;
	background-color: #e74c3c;
	width: 400px;
	margin-top: 22px;
	color: white;
	padding-left: 32px;
}
.wabutton:hover {
	background-color: #d24637;
}
.fa-pencil {
	padding-right: 5px;
}
.wabutton a {
	color: white;
}
.wabutton a:hover {
	text-decoration: none;
}
.wainfo {
	margin-top: 30px;
	margin-bottom: 25px;
}
#newslist {
	width: 1000px;
}
#newslist ul {
	list-style: none!important;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 0em;
	margin-top: 0px;
	line-height: 1.2em;
	margin-bottom: 0px;
	margin-top: -25px;
}
#newslist li {
	list-style: none!important;
	font-size: 1em;
	margin-bottom: 22px;
	color: #0072C6!important;
}
#newslist ul .link-item a {
	color: #0072C6;
}
.dfwp-list {
	margin-left: -10px!important;
	margin-top: 20px!important;
}
#header-left div span a {
	display: block; /* Required to effectively set image height and width to show full logo image */
	width: 650px!important;
	height: 205px!important;
	text-indent: -9999px; /* Hides anchor text */
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	background-image: url('../../SiteAssets/images/mobile-logo.png');
	background-repeat: no-repeat;
	background-repeat: no-repeat!important;
	background-size: 650px 205px!important;
}
#top-horitonal-nav-container {
	overflow: hidden!important;
	padding-left: 55px;
	width: 1100px;
	height: 190px;
}
#header {
	background: #002e52;
	width: 100%;
	overflow: hidden;
}
#headerwelsh {
	background: #002e52;
	width: 100%;
	height: 500px;
}
#header-right {
	width: 400px;
	height: auto;
	font-size: 2.6em;
	margin-top: 102px;
}
.welshlink {
	color: white;
	float: right;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #b0b0b0;
	margin-right: 10px;
	width: 100%;
}
.search-text {
	display: none;
}
.search-text-welsh {
	display: none;
}
.employ {
	display: none;
}
.instastudentlife {
	width: 1000px!important;
	height: 500px!important;
}

#search-box {
	background-color: green!important;
}

.search-box {
position: absolute!important;
left:50px;
top: 100px;
height: 150px;
margin-top: 170px!important;
width: 1050px;!important;
	
}

.ms-srch-sb > input {
    background-color: #FFF;
    display: inline-block;
    border-style: none;
    outline-style: none;
    font-size: 1.4em;
    height: 120px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-indent: 10px;
    width: 850px!important;
    outline-width: 0px;
    padding-left: 30px !important;
}

.ms-srch-group-content {
    margin-top: -235px!important;
    width: 1000px !important;
}

.ms-srch-sb > .ms-srch-sb-searchLink {
  width: 120px!important;
  height: 120px!important;
  margin-left: 20px!important;
    margin-right: 10px!important;
  background-image: url("../../SiteAssets/images/searchmob.png")!important;
  background-repeat: no-repeat;
  background-size: 120px 120px;
}


#top-horitonal-nav-container {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 200px!important;
    display: block;
    z-index: 99999;
}

#header {
	height: 650px!important;
}

.nav {
	font-size: 2.8em;
	width: 100%;
}
.top-horizontal-nav ul li {
	list-style-type: none;
	line-height: 1.6em;
	
}
.top-horizontal-nav ul li a {
	font-size: 1em;
}
.welshnav {
	font-size: 0.86em!important;
}
/* Footer ---------------------------------------------------------------------------------------------------------------- */

.footer-column {
	font-size: 2.8em;
	line-height: 4em;
	width: 1040px;
	float: left;
	margin-left: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.footer-column li {
	line-height: 1.4em;
	background-color: #0c304d;
	margin-bottom: 10px;
	padding: 20px;
}
.footer-column li a {
	color: #fff;
}
.footer-column h5 {
	line-height: 2.2em;
	font-size: 1.2em;
	color: #eaeaea;
	padding-left: 10px;
}
.footerlinks {
	font-size: 2em!important;
	margin-left: 30px!important;
	margin-top: -30px!important;
	width: 1000px!important;
}
.footerlinks a {
	font-size: 1em!important;
}
.QAA {
	width: 306px;
	height: 200px;
	float: left;
	background-image: url('../../SiteAssets/images/QAA.png');
	background-repeat: no-repeat;
	background-size: 306px 200px!important;
	margin-bottom: 70px;
	margin-top: 20px;
}
.socialfooter {
	width: 900px;
	font-size: 5em;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 60px
}
.socialfooter a {
	padding-right: 5px;
	color: #fff;
}
.socialfooter a:hover {
	color: #e94f36;
	text-decoration: none;
}
.padding-right40px {
	padding-right: 0px;
}
.footerlinks {
	color: #777e85;
	float: left;
	font-size: 0.6em;
	margin-bottom: -20px;
	margin-top: 33px;
	padding-left: 0px;
	line-height: 1.6em;
	overflow: hidden;
	width: 1090px;
}
.footerlinks a {
	color: #EAEAEA;
	font-size: 0.6em;
}
.footerlinks a:hover {
	color: #777e85;
	text-decoration: none;
	font-size: 0.6em;
}
/* Page Structure ---------------------------------------------------------------------------------------------------------------- */


#main-content-placeholder-full-width {
	float: none!important;
	width: 1100px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 45px;
	padding-left: 15px;
	margin-left: -6px;
	height: auto !important;
	overflow: hidden;
}
.schoolfullwidth {
	width: 878px;
	float: right;
	font-size: 0.95em;
	color: #333;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}
.crumbcontainer {
	color: #000;
	font-size: 0.6em;
}
/* Homepage Structure ---------------------------------------------------------------------------------------------------------------- */



.cornerIcon {
	display: none;
	position: absolute;
	top: 25px;
	width: 20px;
	height: 20px;
	z-index: 999;
	right: 50px;
	font-size: 1em;
}
#page-layout-container {
	margin: 0 auto;
	min-height: 400px;
	width: 1120px;
	margin-top: 20px;
	float: none!important;
	clear: both;
}
#main-content-placeholder-full-width-home {
	width: 1100px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: -20px;
	float: none!important;
	clear: both;
	margin-top: 30px;
}
.col-homeleft {
	width: 100%;
	float: none!important;
	overflow: hidden!important;
	height: auto !important;
}
.col-homeright {
	width: 1100px;
	float: none!important;
	overflow: hidden!important;
	height: auto !important;
}
.col-middle-left {
}
.col-middle-end {
	margin-left: 30px!important;
	padding-bottom: 0px!important;
	height:auto!important;
	overflow:hidden!important;
	width: 95%!important;
}

.subtoval {	
	font-size: 0.75em!important;
	font-style:italic;		
}


.col-middle-end {
	margin-left: 30px!important;
	padding-bottom: 120px!important;
} 


/* Homepage Hero Image---------------------------------------------------------------------------------------------------------------- */

#homeheroimage {
	height: 400px;
	width: 1060px;
	margin-left: 0px;
	background-size: 1300px 400px;
	background-position: -180px 0px;
	margin-top: 0px;
	margin-left: 20px;
}
.homehero_overlay {
	background-image: url('../../SiteAssets/images/mobile-tile.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	font-weight: 300;
}

#metsportimage  {
	height: 377px;
	width: 1030px;
	margin-left: 0px;
	background-size: 1030px 377px;
	margin-top: 0px;
	margin-left: 0px;
}

#metsportfacilitiesimage  {
	height: 377px;
	width: 1030px;
	margin-left: 0px;
	background-size: 1030px 377px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:30px;
}


#metsportimage .unitpagetitlecontainer, #metsportfacilitiesimage .unitpagetitlecontainer   {
	background-color: white!important;
	max-height: 10px!important;
	width: 600px!important;
	position:absolute!important;
	top:280px!important;
}
#metsportimage .unitpagetitlecontainer h1 {
	background-color: white!important;
	max-height: 60px!important;
}

 #metsportfacilitiesimage .unitpagetitlecontainer h1  {
	max-height: 60px!important;
	margin-top: -40px!important;
}



.homehero_overlay a {
	color: #e94f36;
}
.schoolherotext {
	position: relative;
	height: 314px;
	width: 770px;
	font-size: 3.3em;
	top: 50px;
	left: 40px;
	line-height: 1.2em;
	font-weight: 200;
	position: relative;
	z-index: 3;
	color: #032f50;
}
.schoolherotext a {
	text-decoration : underline;
}
.schoolherotext a:hover {
	text-decoration: none;
}
/* Homepage Find a course ---------------------------------------------------------------------------------------------------------------- */

.col-findacourse {
	width: 1060px;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin-bottom: 20px;
	font-size: 3em;
	height: auto !important;
	margin-top: 20px;
}
.col-findacourse .homepage_title {
	font-size: 1.1em;
	margin-bottom: 40px;
	color: #0c304d;
	font-weight: 500;
	padding-bottom: 20px;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}
.col-findacourse ul {
	color: #FFF;
	list-style-type: none;
	font-size: 1.1em;
	font-weight: 200;
	font-style: italic;
	margin-top: 10px;
}
.col-findacourse ul li {
	line-height: 1.4em;
	background-color: #0c304d;
	margin-bottom: 10px;
	padding: 20px;
}
.col-findacourse ul li a {
	color: #FFF;
	text-decoration: none;
}
.col-findacourse ul li a:hover {
	color: #002e52;
	text-decoration: none;
}
.coursecontainer {
	display: none;
}
.ms-rtestate-field p {
	line-height: 1.4em;
}
/* Homepage Latest News ---------------------------------------------------------------------------------------------------------------- */

.unitmiddle .homepage_title {
	font-size: 1.2em!important;
	font-weight: 400;
}
.unitcol-left-moreinfo .homepage_title {
	font-size: 1.2em!important;
	font-weight: 400;
}
.col-latestnews {
	width: 1070px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 30px;
	font-size: 3em;
	float: none!important;
	clear: both;
	background-color: #fff;
	height: auto !important;
}
.col-latestnews .homepage_title {
	font-size: 1.2em;
	color: #0c304d;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}
.col-latestnews ul {
	color: #333;
	list-style-type: none;
	font-weight: 400;
	margin-left: 25px;
}
.col-latestnews ul li {
	margin-bottom: 25px;
	line-height: 1em;
	width: 960px;
}
.col-latestnews ul li a {
	color: #1659b4;
	text-decoration: none;
	font-size: 2.8em!important;
}
.col-latestnews ul li a:hover {
	color: #1659b4;
	text-decoration: none;
}
/* Homepage Video---------------------------------------------------------------------------------------------------------------- */

.col-vimeoinfo {
	height: auto !important;
	width: 960px !important;
	padding-left: 50px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 40px;
}
.col-homevideo {
	margin-left: 30px;
	width: 1040px!important;
	float: none!important;
	background-color: #e94f36;
	height: auto !important;
	font-size: 3.4em;
}
.col-vimeo {
	width: 1040px!important;
	height: 585px;
	float: none!important;
	clear: both;
}
.col-right-video p {
	display: none;
}
.col-homevideo .homepage_title {
	font-size: 1.2em;
	font-weight: 400;
	margin-bottom: 10px;
	color: #fff;
	padding-bottom: 00px;
}
/* Homepage Meet the Student---------------------------------------------------------------------------------------------------------------- */

.col-homestudent {
	margin-top: 30px;
	width: 1040px;
	height: auto !important;
	background-color: #ffb553;
	margin-left: 30px;
	font-size: 3.4em;
}
.col-homestudent .homepage_title {
	font-size: 1.2em;
	font-weight: 400;
	margin-bottom: 10px;
	padding-bottom: 00px;
}
.col-studentinfo {
	height: auto !important;
	width: 960px !important;
	padding-left: 50px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 40px;
}
#studentimage {
	width: 1040px;          /* 821px / 449px = 0.54689 */
	height: 459px;
	background-size: 1040px 459px;
	background-position: 0px 0px;
}
.col-middle-left {
	height: auto !important;
	width: 1040px !important;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 30px;
}
.col-left-image {
	display: none;
}
.col-left-infobox {
	margin-top: 0px;
	width: 960px;
	height: auto !important;
	font-size: 3.4em;
	padding-left: 50px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
}
.col-left-infobox .homepage_title {
	margin-bottom: 10px;
	padding-bottom: 00px;
}
.subscript {
	font-size: 0.8em!important;
	font-style: italic;
}
/* Drilldown Layout---------------------------------------------------------------------------------------------------------------- */

#ordercontainer {
	display: table;
}
.col-drillleft {
	display: table-footer-group;
	width: 950px!important;
	margin-bottom: 15px;
	float: none;
}
.col-drillleftnav {
	margin-top: 0px!important;
	margin-left: 40px!important;
	width: 950px!important;
	min-height: 200px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 40px;
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 3em;
}
.col-drillleftnav ul {
	margin-left: -25px;
	width: 900px!important;
}
.newscontentarea .newscol-right {
	display: none;
}
.newscontentarea .newsintro p {
	font-size: 1em!important;
}
.newscontentarea {
	margin-top: 0px!important;
}

.contentarea {
	margin-bottom: 130px;
}

 .dfwp-list {
	margin-left: 10px!important;
}
.col-drillleftnav a {
}
.drillright {
	width: 1040px;          /* 1100px / 259px = 0.82938 */
	margin-bottom: 15px;
	font-size: 1em;
	margin-left: -10px;
	margin-top: 10px!important;
}
.drillright ul {
	font-size: 0.45em;
	padding-left: 0px;
}
.drillright ul li {
	margin-left: -10px!important;
	line-height: 2.2em!important;
	padding-left: 25px;
	margin-bottom: 40px!important;
}
.col-drillleftnav ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.col-drillleftnav ul li:first-child {
	display: none;
}
.fullwidth {
	display: table-header-group;
	width: 1040px;
	font-size: 3em;
	color: #333;
	margin-bottom: 120px;
	margin-left: 45px;
	margin-top: 0px;
	text-align: left;
}
.fullwidth p {
}
.fullwidth ul {
	margin-left: 23px;
}
.newscol-right {
	display: none;
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	margin-right: 60px;
	width: 1040px;
}
.newscol-right img {
	width: 100%;
	margin-top: 0px;
}
.col-right {
	margin-top: -70px!important;
	margin-left: 0px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	margin-right: 60px;
	max-width: 1040px;
	width: 1040px;
}
.col-right img {
	padding-top: 20px;
	width: 100%;
	margin-top: 0px;
}
.newsimage {
}

div.topSpacerDiv {
display:none!important;
}

.caption {
	line-height: 1.3em;
	font-size: 0.8em;
	color: #636363;
	margin-bottom: 0px;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
}
.newspagetitle {
	font-size: 1.4em;
}
.crumb {
	width: 1140px;
	background-color: #f7f7f7;
	float: left;
	font-size: 3em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 20px;
}
.crumbcontainer {
	width: 900px;
	float: left;
	margin-left: 65px;
	font-family: 'Open Sans', sans-serif;
}
.schoolheroimage {
	height: 470px;
	width: 1060px;
	margin-left: 20px;
	background-size: 1293px 470px;
	background-position: -50px 0px;
	margin-top: -40px;
}
.hero_overlay {
	background-image: url('../../SiteAssets/images/mobile-tile.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	font-weight: 300;
}

.hero_overlay_studentlife {
	background-image: url('../../SiteAssets/images/mobile-tile.png');
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 40px!important;
	padding-top: 30px;
	padding-bottom: 10px!important;
	color: #fff;
	font-weight:300!important;
	font-size: 1.4em!important;
	line-height:90px!important;
	width:500px!important;
}


.hero_overlay a {
	color: #e94f36;
}
.middle {
	width: 1040px;
	
}
.middle p {
	font-size: 1.2em;
}

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

.schoolheader h1 {
	font-size: 0.85em!important;
	line-height: 1.3em;
	margin-bottom: 20px;
}


.fullwidth h1 {
	font-weight: 200;
	font-size: 1.1em!important;
	padding-top: 40px;
	line-height: 1.3em;
	margin-bottom: 10px
}

.darren {
	overflow:hidden!important;
	background-color:yellow!important;
	height: 1200px;
}

.pagetitlecontainer h1 {
	font-weight: 400;
	font-size: 1em!important;
	line-height: 1.2em;
	padding-top: 20px!important;	
	margin-botom:120px!important;	
}

#videoheader {
	width: 1040px!important;
	height: 586px;
	margin-top: 150px;
	margin-bottom: -130px;
}

.galleryimage {
		width: 100%!important;
}

.newpagetitlecontainer h1 {
	font-weight: 400;
	font-size: 0.8em!important;
	line-height: 1.2em;
	padding-top: 20px!important;	
	margin-botom:0px!important;	
}

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


.pagetitlecontainer {
	font-weight: 400;
	font-size: 1em!important;
	line-height: 1.3em;
	margin-top: 0px!important;
	margin-botom:120px!important;
	width: 800px!important;
	display: block!important;
	position: absolute!important;
	bottom: -80px!important;
	background-color: #fff !important;
}

.fullwidth h2 {
	font-size: 1em!important;
	margin-bottom: 10px;
	padding-top: 20px;
	color: #002e52;
	font-weight: 400;
	line-height: 3em;
	font-family: 'Open Sans', sans-serif;
}
.fullwidth h3 {
	font-size: 1em!important;
	padding-top: 20px;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.fullwidth h4 {
	font-size: 1em!important;
	padding-top: 40px;
	margin-bottom: 10px;
	color: #002e52;
	font-weight: 200;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}
.pagetitle {
	font-size: 1.6em!important;
	margin-bottom: 10px;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
}

.pagetitle h1 {
	font-size: 1em!important;
	margin-bottom: 30px;
	margin-top: -9a0px;
	line-height: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #e94f36;
}

.topSpacerDiv {
display:none!important;
}
.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: 3.4em;
}
.slm-layout-main.groupmarker a {
	font-size: 2em!important;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #002E52;
}
.groupheader {
	font-size: 1.4em!important;
	color: #e94f36;
	font-weight: 400;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px #ccc solid;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: -2px;
}
.fullimage {
	width: 1040px!important;
	height: 390px;
margin-bottom: 100px;
}

.singleine {
	background-color: pink!important;
}

.description {
font-size: 1.2em!important;
} 

.iapheader {
padding: 30px;
background-color: #226D86;
color: white;
margin-bottom:0px!important;
font-size: 1.2em;
padding-left:30px;
}

.greenbutton {
	padding: 13px;
	background-color: #99CC00;
	color: white;
	padding:50px!important;
	display: inline-block;
	padding-left: 16px;
	font-size:1em;
	width: 945 px!important;
	text-transform:uppercase;
}

.iaps {
margin-top: -50px!important;
	}



.singleline {
margin-top: -130px!important;
}

.unitpagetitlecontainer {
	font-size: 1.4em;
	max-width: 900px;
	bottom: 0px;
	height: auto!important;
	padding-top: 12px;
	padding-bottom: 142px!important;
	padding-right: 16px!important;
	position: relative!important;
	bottom: 20px!important;
	background-color:transparent!important;
	margin-bottom: 2210px!important;
}

.bodycopy {
	position:relative!important;
	display:inline-block!important;
	padding-top: 0px!important;
	margin-top: 90px!important;
}

.unitfullimage {
	width: 1040px;
	padding-bottom: 90px;
}

.unitfullwidth .col-right {
	display: none;
}
.coursebuttons {
	width: 1040px!important;
	background-color: #fff!important;
	float: right!important;
	padding: 0px!important;
	margin: 0px!important;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	color: #032f50;
	font-size: 1.4em;
}
.ugcoursebutton {
	width: 990px!important;
	background-color: #032f50;
	margin-top: 10px;
	margin-bottom: 13px;
	float: right;
	padding-left: 50px!important;
	padding-bottom: 2px!important;
}
.ugcoursebutton a {
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	font-size: 0.98em;
	padding-bottom: 2px!important;
}


.coursebuttonssl {
	width: 1040px!important;
	background-color: #fff!important;
	float: right!important;
	padding: 0px!important;
	margin: 0px!important;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	color: #032f50;
	font-size: 1.4em;
}
.ugcoursebuttonsl {
	width: 990px!important;
	background-color: #032f50;
	margin-top: 10px;
	margin-bottom: 13px;
	float: right;
	padding-left: 50px!important;
	padding-bottom: 2px!important;
}
.ugcoursebuttonsl a {
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	font-size: 0.98em;
	padding-bottom: 2px!important;
}

.ugcoursebuttonaeme {
	width: 990px!important;
	background-color: #11929e;
	margin-top: 10px;
	margin-bottom: 13px;
	float: right;
	padding-left: 50px!important;
	padding-bottom: 2px!important;
}
.ugcoursebuttonaeme a {
	font-family: "Open Sans", sans-serif;
	background-color: #11929e;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	font-size: 0.98em;
	padding-bottom: 2px!important;
}





.ugbuttonicon {
	display: none;
}
.col-right-video-new {
	margin-top: 32px;
	margin-bottom: 30px;
	max-width: 1040px;
	width: 1020px;
	height: 574px;
	float: left;
	margin-left: 0px;
	
}

.col-right-video-home {
	margin-top: 0px;
	margin-bottom: 30px;
	max-width: 1040px;
	width: 1020px;
	height: 574px;
	float: left;
	margin-left: 0px;
}

.unittopSpacerDiv {
	display: none;
}
.unitfullwidth {
	width: 1040px;
	font-size: 3em;
	display: table-header-group;
}
.dfwp-list li {
	color: #06C;
	margin-left: -0px!important;
	padding-bottom: 10px;
}
.unitcontainer {
	width: 1040px!important;
}
.fullimage img {
	width: 100%;
}
.unitfullimage {
	width: 1040px;
	margin-bottom: 90px;
}
.unitfullimage img {
	width: 100%;
}
.unitleft {
	width: 1040px!important;
}

.coursecol {
	max-width: 1100px!important;
	width: 1100px!important;
	height: auto!important;
}
.pagetitle {
	font-size: 1.4em;
}
.pagetitlecontainer {
	max-width: 1130px!important;
	max-width: 1130px!important;
	min-height: 20px;
	line-height: 1.2em;
	font-size: 1.4em!important;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 2px;
	padding-right: 16px;
	position: absolute;
	bottom: -30px;
	font-family: 'Open Sans', sans-serif;
}
.kisscontainer {
	width: 1050px!important;
	background-color: #f4e789;
}
.kis-widget {
	background-color: #f4e789;
	width: 1050px!important;
	margin-left: -4px;
	margin-bottom: 15px;
}
.overview {
	margin-top: 0px!important;
	font-size: 1.2em;
}
.courseoverview {
	margin-top: 80px;
	font-size: 0.9em;
}
.courseoverview li {
	margin-left: 5px!important;
}
.courselist a {
	font-size: 3em;
}
.courselist ul {
	margin-left: -12px;
}
.coursevideo {
	width: 1100px;
}
#coursevideo {
	width: 1100px;
	height: 619px;
	margin-top: -20px;
}

#schoolvideo {
	width: 1100px;
	height: 619px;
	margin-bottom:230px;
	margin-top: 33px!important;
}

.coursetitle {
	font-size: 0.85em;
	line-height: 1.28em;
}

.coursetitlecontainer {
	max-width: 1040px!important;	
	display:inline-block;
}

.ugclearing {
display:inline-block;
padding: 30px!important;
background-color: #e94f36;	
color: #fff;
font-size: 1.3em;
text-align:center;
margin-top: 40px;
margin-bottom: -40px!important;
}


.accordionred {

background-color:#e94f36!important;
color:white!important;
font-size:2em!important;
font-weight:500!important;

}

#accordion {
	font-size: 1em!important;
}
#accordion p {
	padding-left: 10px;
}
#accordion ul {
	font-size: 0.85em;
	line-height: 1.6em;
}
#accordion h3 {
	font-size: 1.2em!important;
	padding: 20px;
}
/* Course List for Course Lists from DataList   */

#courselists {
}
#courselists #accordion .courselist_datalist {
	margin-bottom: -15px!important;
	OVERFLOW-Y: hidden!important;
}
#courselists #ui-accordion-accordion-header-1 {
	margin-top: -50px!important;
}
#courselists #ui-accordion-accordion-panel-0 {
	margin-top: -60px!important;
}
#courselists #ui-accordion-accordion-panel-1 {
	margin-top: -60px!important;
}
#courselists #ui-accordion-accordion-panel-2 {
	margin-top: -60px!important;
}
#courselists #WebPartWPQ2, #courselists #WebPartWPQ3, #courselists #WebPartWPQ4 {
	OVERFLOW-X: hidden!important;
	OVERFLOW-Y: hidden!important;
}
#courselists .courselist_datalist ul {
	list-style: none!important;
	margin-left: 0px!important;
	padding-left: 25px!important;
	text-indent: 0px!important;
	margin-top: 0px!important;
	line-height: 1.6em!important;
	margin-bottom: 20px!important;
}
#courselists .courselist_datalist li {
	list-style: none!important;
	font-size: 1.2em!important;
}
.ui-accordion .ui-accordion-header {
	margin-top: 18px!important;
	font-family: 'Open Sans', sans-serif;
}
.unitcontainer .col-left-infobox {
	width: 960px!important;
	height: auto!important;
	padding: 40px;
	float: left;
	font-size: 1em;
	margin: 0px;
	margin-bottom: 20px;
}
.unitleft .col-left-infobox p {
	line-height: 1.2em;
}
.col-left-infobox .homepage_title {
	font-size: 1.2em!important;
	font-weight: 400;
}
.unitmiddle {
	width: 1040px!important;
	height: auto!important;
	font-size: 1em;
}
.unitright {
	width: 1040px!important;
	height: auto!important;
	font-size: 1em;
}
.unitcol-left-infobox {
	width: 960px!important;
	height: auto!important;
	padding: 40px;
	float: left;
	font-size: 1em;
	margin: 0px;
	margin-top: 30px;
}
.unitcol-left-moreinfo {
	width: 960px!important;
	height: auto!important;
	padding: 40px;
	float: left;
	font-size: 1em;
	margin: 0px;
	margin-top: 30px;
}
.noimage {
	margin-bottom: -60px;
}
.withimage {
}
.topSpacerDiv2 {
	display: none;
}
.unitsocialicons ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: -100px;
}
.unitsocialicons ul li {
	display: inline;
}
.unitsocialicons ul li a {
	font-size: 1.8em;
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 4px;
}
.unitcol-left-moreinfo ul li a {
	margin-bottom: 8px;
	line-height: 1.1em!important;
	font-size: 2.8em!important;
}
.unitcol-left-moreinfo ul {
	margin-top: -50px!important;
}
.col-latestnews ul li a {
	margin-bottom: 8px;
	line-height: 1.1em!important;
}
.col-latestnews ul {
	margin-left: 5px;
}
.schoolfullwidth {
	display: table-header-group!important;
	padding: 0px;
	margin: 0px;
	width: 1040px;
}
.schoolintro {
	width: 1010px;
	font-size: 3em;
	margin-left: -25px;
	background-color: #fff;
	height: auto!important;
	padding: 20px;
}
.schoolintro h1 {
	font-size: 1.6em;
	font-weight: 400;
}
.schoolintro .socialicons {
	width: 900px;
	height: 150px;
	position: relative;
	bottom: -10px;
	left: 10px;
}
.schoolintro .socialicons ul li a {
	font-size: 4.5em;
}
.schoolcontainer .unitleft {
	width: 1100px;
	font-size: 0.32em;
	height: 350px!important;
	margin-top: 20px;
	padding-bottom: 20px;
}
.schoolcontainer .homepage_title {
	font-size: 1.4em!important;
}
.schoolcontainer .greyhomepagetitle {
	font-size: 1.4em!important;
	font-weight: 400;
}
.schoolcol-left-infobox .homepage_title {
	font-size: 1.4em!important;
}
.schoolfullwidth .col-vimeo {
}
.schoolfullwidth .schoolcol-left-infobox {
	width: 960px;
	font-size: 3em;
	padding: 40px;
	height: auto!important;
}
.schoolcontainer {
	width: 1040px;
	font-size: 3em;
	padding: 0px;
	height: auto!important;
	margin-top: -140px!important;
}
.schoolvideocontainer {
	width: 960px;
	height: auto!important;
	float: left;
}
.schoolcontainer .unitmiddle {
	width: 960px;
}
.schoolcontainer .unitright {
	width: 960px;
}
.schoolcontainer .school-left-infobox {
	width: 960px;
	font-size: 1em;
	padding: 40px;
	height: auto!important;
	margin-top: 30px;
}
.schoolcontainer .unitcol-left-moreinfo-school {
	width: 960px;
	font-size: 1em;
	padding: 40px;
	height: auto!important;
	margin-top: 30px;
}
.gradcontainer {
	margin-bottom: 60px;
	margin-top: 20px;
	overflow: hidden;
	float: left;
}
.row {
	margin-top: -55px;
}
.graduate {
	margin-top: 20px;
	height: Auto!important;
	margin-right: 0px;
	float: left;
	width: 100%;
}
.graduate .gradtext {
	width: 100%;
	margin-top: 0px;
	background-color: #0c304d;
	padding-left: 50px!important;
	padding-top: 30px!important;
	padding-bottom: 30px!important;
	color: #fff;
	font-size: 1.2em;
}
.graduate .gradtext a {
	color: #fff;
}
.gradimage img {
	display: none;
}
.schoolflickr {
	display:none;
}

.schoolvideocontainer {
width: 1040px!important;
padding: 0px!important;
margin: 0px!important;

}
#studyvideo {
	width: 1040px;
	height:585px;
}

#schoolvideo {
	width: 1040px;
	height:585px;
}

.schoolvideocontainer .col-vimeo {
	width: 1040px!important;
	height: 619px!important;
	margin-bottom: -3px;!important;
}
.schoolvideocontainer .homepage_title {
	font-size: 1.2em;
	font-weight: 400;
}
.dfwp-column.dfwp-list {
	margin-top: -40px!important;
	margin-left: 10px;
}
.homepage_boxtext ul {
	margin-top: -40px;
}
.homepage_boxtext ul li {
	margin-bottom: 8px;
	line-height: 2.4em!important;
}
.homepage_boxtext ul li a {
	font-size: 2em;
}
.pagesocialicons ul {
	margin-left: -10px;
	margin-top: 10px!important;
}
.pagesocialicons ul li {
	display: inline;
}
.pagesocialicons ul li a {
	font-size: 1.6em;
}
/* Course List for Course Lists from DataList   */

#courselists .shortcourse #ui-accordion-accordion-panel-0 {
	margin-top: -100px!important;
}
#courselists .shortcourse #ui-accordion-accordion-header-0 {
	margin-bottom: 70px!important;
}
#courselists {
	margin-bottom: 40px;
}
#courselists #accordion .courselist_datalist {
	margin-bottom: -15px!important;
	OVERFLOW-Y: hidden!important;
	width: 1000px!important;
}
#courselists #ui-accordion-accordion-header-0 {
	margin-bottom: 13px!important;
}
#courselists #ui-accordion-accordion-header-1 {
	margin-top: -20px;
}
#courselists #ui-accordion-accordion-panel-0 {
	margin-top: -20px;
}
#courselists #ui-accordion-accordion-panel-1 {
	margin-top: -20px;
}
#courselists #ui-accordion-accordion-panel-2 {
	margin-top: -20px;
}
#courselists #WebPartWPQ2, #courselists #WebPartWPQ3, #courselists #WebPartWPQ4 {
	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: 16px;
}
/* Course List for Non Data Lists Education & Art  */
.courselist_nondatalist {
	width: 1050px;
}
#accordion h2 {
	font-size: 1.2em!important;
	padding-left: 35px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	line-height: 1.4em;
}
#accordion .courselist_nondatalist ul h2 {
	font-size: 1.2em!important;
	margin-left: -20px!important;
	margin-bottom: -20px!important;
}
#accordion .courselist_nondatalist ul {
	list-style: none!important;
	margin-left: 25px;
	padding-left: 0px;
	text-indent: 0px;
	margin-top: 0px;
}
#accordion .courselist_nondatalist li {
	list-style: none!important;
	font-size: 1.2em!important;
}
/* StudentLife Pages and Buttons */

.studentlifetext {
	display: none;
}

.mobiletext {

margin-top:-50px;

}

.mobilelink {

text-decoration: underline;
color:#e94f36!important;
font-weight: 500;
font-size:1.2em;

}


.sidebuttonbehindinsta {
	display: block;
	font-weight: 500;
	font-size: 1.5em;
	width: 100%;
	text-decoration: none;
	background-color: #e94f36;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 0px;
}
.sidebuttonbehindtwitter {
font-size: 1.5em;
	display: block;
	font-weight: 500;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 20px;
}

.hide {
	display: none;
	width: 100%;
	background-color: black;
}

.behindthescenesheading {
	font-size: 1em;
}
.studentlifevideocontainer {
	width: 1050px;
	height: 593px;
	margin-bottom: 70px;
}

#videohead2 {
	width:980px!important;
	height: 551px!important;
	margin-top:0px;
}


.sidebutton3 {
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 23px;
}
.sidebutton2 {
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: -100px;
}
.sidebutton {
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 50px;
	margin-bottom: 130px;
}

.sidebutton5 {
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 23px;
}

.socialbuttongrad2 {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 10px;
	
}

.socialbuttongrad3 {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 120px;       /* the same as your div height */
	margin-top: -50px;
	text-decoration:none;

	
}

.socialbuttongrad4 {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: -50px;

	
}

.socialbuttongrad5 {
	
	font-size: 1.4em!important;
	font-weight: 400!important;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 10px;
	
	
}

.socialbuttongrad7 {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 100px;       /* the same as your div height */
	margin-top: 10px;
	
}

.newsletterconf {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 10px;

	
}

.newsletterwa {
	
	font-size: 1.4em;
	font-weight: 400;
	width: 100%;
	line-height: 150px;       /* the same as your div height */
	margin-top: 20px;

	
}


.gradvidimage {
	
	display:none;
}

.graduationvideocontainer {
	width: 1050px;
	height: 593px;
	margin-bottom: 70px;
}


.mobilebuttontwitter {
	display: block;!important;
	font-size: 1.5em;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 20px;
}


.mobileform {
	display: block;!important;
	font-size: 1.5em;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #002e52;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 20px;
	margin-bottom:25px;
}

.mobileform a:link{

    color:#FFFFFF;

}

.mobileform a:visited{

    color:#FFFFFF;

}

.mobileflickreducation {
	display: block;!important;
	font-size: 1.5em;
	font-weight: 400;
	width: 100%;
	text-decoration: none;
	background-color: #1d875c;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 20px;
	margin-bottom:25px;
}

.mobileflickreducation a:link{

    color:#FFFFFF;

}

.mobileflickreducation a:visited{

    color:#FFFFFF;

}

.mobileflickr {
	display: block;!important;
	font-size: 1.5em;
	font-weight: 400;
	width: 98%;
	text-decoration: none;
	background-color: #e94f37;
	padding: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;       /* the same as your div height */
	border-bottom-style: solid;
	float: left;
	margin-top: 20px;
	margin-bottom:90px;
}

.mobileflickr a:link{

    color:#FFFFFF;

}

.mobileflickr a:visited{

    color:#FFFFFF;

}

/* Intentional Communities Styles*/	


.icprofile {

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

.icprofile2 {

display:block;
width:100%;
background-color: #e7e8db;
height:1950px;
padding:15px;
margin-top:50px;
	
}

.icprofile3 {

display:block;
width:100%;
background-color: #e7e8db;
height:1550px;
padding:15px;
margin-top:50px;
	
}


.ictitle{

color: #a95baa;
padding:10px;
font-size:1.5em;
margin-top:-10px;
float:left;

}

.csmenttitle{

color: #0dc0d6;
padding:10px 10px 10px 10px -10px!important;
font-size:1.5em;
margin-top:-10px;
float:left;

}


.icphoto{

margin:5px 0px 50px 10px;
float:left;
display:block;

	
}

.icdesc{


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

/* END - Intentional Communities Styles*/	

/* Flickr Styles Gallery multiple */

.galleryplaceleft {
width: 1050px;
height: 593px;
margin-top:300px;
font-size:1.9em;
}

.galleryplaceright {
width: 1050px;
height: 593px;
margin-top:800px;
font-size:1.9em;
}

.galleryplaceleft2 {
width: 1050px;
height: 593px;
margin-top:900px;
font-size:1.9em;
}

.galleryplaceright2 {
width: 1050px;
height: 593px;
margin-top:800px;
font-size:1.9em;
}


/* END - Flickr Styles Gallery multiple */

.blog1 {
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 200px;
}
.blog2 {
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: -65px 0px 10px 0px;
	padding: 15px 10px 10px 40px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 300px;
}
.blog3 {
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	padding: 20px 10px 10px 40px;
	margin: 15px 0px 10px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 200px;
}
.blog4 {
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	padding: 10px 10px 40px 40px;
	margin: -65px 0px 30px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 270px;
}
.blog5 {
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	margin: 40px 0px 10px 0px;
	padding: 10px 10px 10px 20px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 300px;
}
.blog6 {
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	margin: 20px 0px 10px 0px;
	padding: 10px 10px 10px 20px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 390px;
}
.blog7 {
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	padding: 15px 10px 10px 20px;
	margin: 20px 0px 10px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 390px;
}
.blog8 {
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	padding: 15px 10px 40px 40px;
	margin: 20px 0px 30px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 390px;
}
.blog9 {
	display: block;
	background-color: #e84c3d;
	background-image: none;
	color: #FFFFFF;
	padding: 10px 10px 40px 40px;
	margin: 0px 0px 30px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 270px;
}
.blog10 {
	display: block;
	background-color: #002e52;
	background-image: none;
	color: #FFFFFF;
	padding: 10px 10px 40px 40px;
	margin: 0px 0px 30px 0px;
	font-size: 1.6em;
	font-weight: 400;
	width: 95%;
	height: 270px;
}
.slcardiff1 {
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/stadiummob.jpg');
	background-repeat: no-repeat;
	font-size: 1.4em;
	padding: 400px 10px 10px 25px;
	margin: -60px 0px 0px 0px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 95%;
	height: 500px;
}
.slcardiff2 {
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/arcademob.jpg');
	background-repeat: no-repeat;
	font-size: 1.4em;
	padding: 400px 10px 10px 25px;
	margin: -140px 0px 0px 0px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 95%;
	height: 500px;
}
.slcardiff3 {
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/baymob.jpg');
	background-repeat: no-repeat;
	font-size: 1.4em;
	padding: 400px 10px 10px 25px;
	margin: -140px 0px 0px 0px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 95%;
	height: 500px;
}
.slcardiff4 {
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	background-image: url('../../study/studentlife/PublishingImages/museummob.jpg');
	background-repeat: no-repeat;
	font-size: 1.4em;
	padding: 400px 10px 10px 25px;
	margin: -140px 0px 0px 0px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	width: 95%;
	height: 500px;
}
}
 @media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
.schoolheroimage {
	height: 360px;
	width: 1100px;
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
}

#homeheroimage {
	height: 360px;
	width: 1100px;
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
}
#main-content-placeholder-full-width-home {
	float: left;
	width: 1100px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
#main-content-placeholder-full-width-school {
	width: 1100px;
	background-color: #fff;
	margin-top: -30px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 0px;
	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;
}

#main-content-placeholder-full-width {
	float: left;
	width: 1100px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 15px;
	margin-left: -6px;
}
#page-layout-container {
	margin: 0 auto;
	min-height: 400px;
	margin-top: -100px;
}
.col-latestnews li {
	width: 195px;
}
.unitcol-left-moreinfo-school li {
	width: 265px;
}
.footerlinks {
	font-size: 0.6em;
}
.footerlinks a {
	color: #EAEAEA;
}
.footerlinks a:hover {
	color: #777e85;
	text-decoration: none;
}
.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-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-flickr, .pagesocialicons .fa-flickr {
	color: #405d9a;
	text-decoration: none;
}
.unitsocialicons .fa-flickr:hover, .pagesocialicons .fa-flickr:hover {
	color: #ccc;
	text-decoration: none;
}

.col-latestnews li {
	width: 222px!important;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#s4-workspace {
	-webkit-overflow-scrolling: touch!important;
	height: auto!important;
}

.ms-srch-group-content {
    margin-top: -95px!important;
  
}


#homeherovideo {
	height: 619px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	background-repeat: no-repeat;
	position: relative;
}

.vimeo {
	height: 619px;
	width: 1100px;
	}


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

.schoolheroimage {
	height: 360px;
	width: 1100px;
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
}
.col-latestnews li {
	width: 195px;
}
.unitcol-left-moreinfo-school li {
	width: 265px;
}
#homeheroimage {
	height: 360px;
	width: 1100px;
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
}
#main-content-placeholder-full-width-home {
	float: left;
	width: 1100px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
#main-content-placeholder-full-width-school {
	width: 1100px;
	background-color: #fff;
	margin-top: -30px;
	margin-bottom: 95px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 0px;
	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;
}
#main-content-placeholder-full-width {
	float: left;
	width: 1100px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 15px;
	margin-left: -6px;
}
#page-layout-container {
	margin: 0 auto;
	min-height: 400px;
	margin-top: -100px;
}
}