@charset "UTF-8";
.page-wrap {
	width: 930px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
}
.main-image {
	z-index: -10000;
	position: relative;
	display: block;
	margin-top: 60px;
}
.page-image {
	z-index: -10000;
	position: relative;
	display: block;
}
.This-is-Stafford-College {
	font-family: "Helvetica Neue";
	font-size: 32px;
	font-weight: bolder;
	text-align: left;
	vertical-align: middle;
	z-index: 100;
	position: relative;
	color: #F00;
	width: 916px;
	padding-top: 13px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 57px;
	background-color: #F2F2F2;
	background-image: url(../images/sc-logo.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.This-is-Stafford-College-red {
	font-family: "Helvetica Neue";
	font-size: 32px;
	font-weight: bolder;
	text-align: left;
	vertical-align: middle;
	color: #F00;
	background-color: #F2F2F2;
}
.This-is-Stafford-College-white {
font-family: "Helvetica Neue";
	font-size: 32px;
	font-weight: bolder;
	text-align: left;
	vertical-align: middle;
	z-index: 100;
	position: relative;
	color: #fff;
	width: 916px;
	padding-top: 13px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	

}
.menu-bar {
	font-family: helvetica;
	font-size: 14px;
	color: #000;
	background-color: #FFF;
	text-align: right;
	width: 916px;
	position: relative;
	z-index: 100;
	height: 14px;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F00;
}
.phone-number {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	text-align: right;
	top: 60px;
	position: absolute;
	z-index: 100;
	width: 445px;
	height: 30px;
	margin-left: 470px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.PhoneNumber-Red {
	font-family: helvetica;
	font-size: 14px;
	line-height: 7px;
	color: #F00;
	font-weight: bold;
}
.Go {
	background-color: #93C;
	padding: 0px;
	height: 20px;
	width: 20px;
}
.menu-text {
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-right: 5px;
}
.GO {
	font-family: helvetica;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-color: #09F;
	padding: 2px;
}
.Search-Text {
	font-family: helvetica;
	font-size: 14px;
	line-height: 7px;
	color: #F00;
	font-weight: bold;
}
.left-cell {
	background-color: #FEFFC2;
	width: 300px;
	float: left;
	margin-top: 15px;
	margin-right: 11px;
	height: 100%;
	border: 1px solid #DFDFDF;
}
.titles {
	font-family: "Helvetica Neue";
	font-size: 20px;
	font-weight: bolder;
	color: #FFF;
	padding: 10px;
}
.middle-cell {
	background-color: #FEFFC2;
	width: 300px;
	height: 100%;
	margin-top: 15px;
	margin-right: 13px;
	float: left;
	border: 1px solid #DFDFDF;
}
.right-cell {
	background-color: #FEFFC2;
	width: 300px;
	height: 100%;
	float: right;
	margin-top: 15px;
	border: 1px solid #DFDFDF;
}
.bottom-middle-cell {
	background-color: #000;
	width: 300px;
	height: 205px;
	position: absolute;
	top: 743px;
	margin-left: 315px;
}
.bottom-right-cell {
	background-color: #000;
	width: 300px;
	height: 205px;
	position: absolute;
	top: 743px;
	margin-left: 630px;
}
.courses-cell {
	background-color: #FFFfc0;
	width: 930px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #DFDFDF;
}
.left-course-cell {
	width: 270px;
	height: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
	margin-right: 15px;
}
.middle-course-cell {
	width: 270px;
	height: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
	margin-right: 15px;
}
.right-course-cell {
	width: 270px;
	height: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
}
.contact-cell {
	background-color: #173F9F;
	width: 270px;
	height: 350px;
	padding: 15px;
	float: left;
	margin-top: 15px;
	margin-right: 13px;
}
.contact-right-cell {
	background-color: #173F9F;
	width: 615px;
	height: 100%;
	float: left;
	margin-top: 15px;
}
.logos {
	background-image: url(../images/logos.png);
	width: 930px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 15px;
	height: 90px;
}
.logos-TV {
	background-image: url(../images/logos-white.png);
	width: 930px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 15px;
	height: 90px;
	
	 Startof font
}
a.Search-Courses-pink:link {
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #ac00a2;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
}
a.Search-Courses-pink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0;
	font-weight: bold;
	background-color: #ac00a2;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-pink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #ac00a2;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-teal:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #00a2ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-teal:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0;
	font-weight: bold;
	background-color: #00a2ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-teal:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #00a2ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-purple:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #5d00ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-purple:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0;
	font-weight: bold;
	background-color: #5d00ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-purple:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #5d00ac;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-blue:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #1A3F9F;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-blue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0;
	font-weight: bold;
	background-color: #1A3F9F;
	padding: 3px;
	width: 170px;
}
a.Search-Courses-blue:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background-color: #1A3F9F;
	padding: 3px;
	width: 170px;
	
	}

.content-Small-Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	font-weight: bold;
}
.content-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
}
.content-text-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #F00;
}
.content-Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
}
.content-text-Bold-Teal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #0CC;
	font-weight: bold;
}
.content-text-Bold-Blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #1A3F9F;
	font-weight: bold;
}
.content-text-Bold-Red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #F00;
	font-weight: bold;
}
.content-text-Bold-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #909;
	font-weight: bold;
}
.content-text-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #906;
}
.content-text-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.content-Title-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #F60;
	font-weight: bold;
}
.content-Small-Title-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #F60;
	font-weight: bold;
}
.content-Title-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #1A3F9F;
	font-weight: bold;
}
.content-Title-magenta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #AE00A0;
	font-weight: bold;
}
.content-Title-Teal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #00A2AB;
	font-weight: bold;
}
.content-Title-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #909;
	font-weight: bold;
}
.content-text-Bold-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #08B113;
	font-weight: bold;
}
.content-Title-Green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #08B113;
	font-weight: bold;
}
.content-Title-Pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #F0C;
	font-weight: bold;
}
.content-text-Bold-Black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
.content-Small-Title-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #F00;
}
.content-Title-Red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #F00;
	font-weight: bold;
}

.LinkBox-blue {
	font-family: "Helvetica Neue";
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	background-color: #0054ff;
	padding: 5px;
}	

a.link-button:link {
	background-color: #0F40A1;
	width: 155px;
	font-family: helvetica;
	font-size: small;
	color: #FFF;
	text-align: center;
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: bold;
}
a.link-button:hover{
	background-color: #4296F6;
	width: 155px;
	font-family: helvetica;
	font-size: small;
	color: #FFF;
	text-align: center;
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: bold;
}
a.link-button:visited {
	background-color: #0F40A1;
	width: 155px;
	font-family: helvetica;
	font-size: small;
	color: #FFF;
	text-align: center;
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: bold;
}

	
	 end of font 


.left-cell-2-cols {
	background-color: #000;
	width: 270px;
	height: 618px;
	top: 300px;
	padding: 15px;
	margin-right: auto;
	border: 1px solid #CCC;
}
.right-cell-2-col {
	margin-top: 15px;
	width: 615px;
	z-index: 100000;
	float: right;
	background-color: #FEFFC2;
	border: 1px solid #CCC;
}
.ftHead {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.ftDetails {
	font-family:Arial, Helvetica, sans-serif;
	color:#906;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.ptHead {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.ftDetailPanel {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
}
.ptDetails {
	font-family:Arial, Helvetica, sans-serif;
	color:#83187f;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.LesHead {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.LesDetails {
	font-family:Arial, Helvetica, sans-serif;
	color:#0D6BAB;
	vertical-align:top;
	font-size: 14px;
	padding-left: 15px;
}
.HEHead {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	vertical-align:top;
	padding-left: 15px;
}
.HEDetails {
	font-family:Arial, Helvetica, sans-serif;
	color:#7a9a08;
	vertical-align:top;
	padding-left: 15px;
}
.ptHeadSmall {
	font-family:Arial, Helvetica, sans-serif;
	color:#83187F;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:12px;
}
.ptDetailsSmall {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	vertical-align:top;
	font-size:12px;
}
.ptDetailPanel {
	color: #E2041A;
}
.input-Time {
	width:75px;
}
.ptAdvancedText {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	margin-left:15px;
	margin-right:5px;
}
.ptAdvancedTextFooter {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	margin-left:15px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
}
.padding-5px {
	height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.padding-5px-centred {
	height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.right-Content-cell-2-col {
	margin-top: 15px;
	width: 595px;
	z-index: 100000;
	float: right;
	background-color: #131313;
	padding: 10px;
	font-family: helvetica;
	color: #FFF;
	text-align: left;
}

.main-image-spacer {
	height: 300px;
	width: 930px;
	z-index: 0;
	position: relative;
	top: 0px;
}
.Social-Networking {
	font-weight: bolder;
	background-color: #FFF;
	padding: 7px;
	z-index: 1000;
	float: right;
	top: 10px;
	position: absolute;
	margin-left: 706px;
	width: 210px;
}
.apply-cell {
	background-color: #FFF;
	width: 770px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
 Application Form Styling 
td.FTAppHeads {
	font-size:16px;
	font-weight:bold;
	background-color:#FF484B;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	padding: 5px;
}
td.FTAppTableHeads {
	font-size:14px;
	font-weight:bold;
	background-color:#CC0000;
	color:#FFFFFF;
	padding: 5px;
}
.FTAppInputDate {
	width:70px;
}
.FTAppInputGrade {
	width:80px;
}
.FTAppInputType {
	width:80px;
}
.FTAppInputLarge {
	width:250px;
}
.FTAppInputLargest {
	width:400px;
}
.apply-body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
}
.atextfield {
	font-family: helvetica;
	font-size: 14px;
	font-weight: normal;
	color: e0041a;
}
td.FTAppHeads {
	font-size:14px;
	font-weight:bold;
	background-color:#CCC;
	color:#E1061F;
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px;
}
td.PTAppHeads {
	font-size:14px;
	font-weight:bold;
	background-color:#CCC;
	color:#761572;
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px;
}
td.LesAppHeads {
	font-size:14px;
	font-weight:bold;
	background-color:#CCC;
	color:#0D6BAB;
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px;
}

.applyForm {
	width:150px;
}
.applyFormDate {
	width:75px;
}
.applyFormWide {
	width:200px;
}
.applyFormWidest {
	width:680px;
}
.Links {
	font-family: Helvetica;
	font-size: 14px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #CCC;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.prospectus-cell {
	width: 221px;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	height: 100%;
	text-align: center;
}
.request-cell {
	background-color: #FFF;
	width: 221px;
	float: left;
	margin-top: 15px;
	height: 356px;
}
.logo {
	background-color: #FFF;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	top: 10px;
	z-index: 100;
	position: fixed;
	float: left;
	height: 50px;
	width: 50px;
	margin-top: 0px;
	margin-left: 10px;
}
.thick-line {
	background-color: transparent;
	height: 1px;
	width: 100%;
	position: relative;
	float: left;
	margin-top: 15px;
}
.apply-right-cell {
	background-color: #FEFFC2;
	width: 145px;
	height: 400px;
	float: right;
	margin-top: 15px;
}
.full-width-cell {
	width: 930px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.leaflet-padding {
	margin: 4px;
	position: relative;
	float: left;
}
.Left-cell-two-col {
	margin-top: 15px;
	width: 615px;
	z-index: 100000;
	float: left;
	background-color: #FEFFC2;
	border: 1px solid #CCC;
}
.full-width-cell-white {
	width: 930px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FEFFC2;
}
.video-left {
	background-color: #333;
	width: 142px;
	float: left;
	margin-top: 15px;
	margin-right: 13px;
	height: 100px;
}
.video-right {
	margin-top: 15px;
	width: 615px;
	z-index: 100000;
	float: right;
	background-color: #000;
}
.bottom-banner {
	background-color: #FFF;
	float: left;
	width: 100%;
	position: relative;
}

.news-frame {
	margin-top: 15px;
	width: 615px;
	z-index: 100000;
	float: right;
	background-color: #FEFFC2;
}
.menu-bar-tv {
	font-family: helvetica;
	font-size: 14px;
	color: #FFF;
	background-color: #000;
	text-align: right;
	width: 916px;
	position: relative;
	z-index: 100;
	height: 14px;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
}
.menu-text-tv {
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin-right: 5px;
}
.left-cell-no-boarder {
	background-color: #FEFFC2;
	width: 300px;
	float: left;
	margin-right: 11px;
	height: 100%;
}
.performing-left-content {
	margin-top: 15px;
	width: 615px;
	z-index: 100000;
	float: left;
}
.performing-right-content {
	width: 300px;
	height: 100%;
	float: right;
	margin-top: 15px;
}
.contact-cell-black {
	background-color: #000;
	width: 266px;
	height: 350px;
	padding: 15px;
	float: left;
	margin-top: 15px;
	margin-right: 13px;
	border: 1px solid #333;
}
.contact-right-cell-black {
	background-color: #000;
	width: 615px;
	height: 380px;
	float: left;
	margin-top: 15px;
	border: 1px solid #333;
}