body {scrollbar-face-color: #C5BFA6;
	scrollbar-highlight-color: #ABD1D0;
	scrollbar-shadow-color: #B29E51;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #860000;
	scrollbar-track-color: #E7E2D9;
	scrollbar-dark-shadow-color: grey;
	background-color: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0px;
	font-size: 14px;
	color: #000000;
	line-height: 18px;}

/*centre content*/
.open {padding:15px; margin-left: auto; margin-right: auto; width: 995px}

/*create shadow around main content*/
#boxs {
-moz-box-shadow: 0 0 5px #D5D0C1;
-webkit-box-shadow: 0 0 5px #D5D0C1;
box-shadow: 0 0 5px 5px #D5D0C1;
width: 995;
background-color:white;
border-collapse: separate;
border-spacing: 0px;
padding: 0px
}

/*top beige bar*/
td.btop {background-color:#d5d0c1; background-image: url(../img/topbar.jpg); width:995px; height:35px;}
/*top red bar with top menu*/
td.rb {background-color:#660000; background-image: url(../img/topredbar.jpg); width:995px; height:56px; margin-top: 0px; border : 0px;	vertical-align:top;}
/*title bar*/
.bar1 { position: relative; width: 100%; /* for IE 6 */}
p.bar1-text {color:  #807B69;	font-size: 18px; font-family:"Noto", serif;  font-weight: bold; 	line-height: 20px;	 margin: 0; position: absolute; top: 11px; left: 0px; width: 715px;}


/*top navigation menu*/
#sidemenu ul {list-style-type:none; margin:0; padding-top: 16px; padding-right: 0px; padding-bottom: 0px; padding-left:2px; position: absolute;}
#sidemenu li {display:inline; float: left; margin-left: 3px;}
#sidemenu li a {height: 56px; text-align: center;	line-height: 31px;	font-family: "Noto", serif; font-size:18px; color: #D5D0C1; text-decoration: none;  padding-right: 10px; padding-bottom: 0px; padding-left:10px; border-style:none;}
#sidemenu li:hover a {border-bottom: 2px dotted #D5D0C1; color:#fff}

/*side navigation menu - entry styles in css/vsmenu.css*/
td.menu {font-family: 'Roboto', sans-serif;	font-weight: normal; font-size:14px; line-height:18px;
margin-top: 0px; border : 0px;	vertical-align:top;}

/*Image slider*/
#cf3 { position:relative; height:290px; width:685px; margin:0 auto;}
#cf3 img {position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
#cf img.top:hover {opacity:0;}
@keyframes cf3FadeInOut { 0% {opacity:1;} 45% {opacity:1;} 55% {opacity:0;} 100% {opacity:0;}}
#cf3 img.top {animation-name: cf3FadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite;
animation-duration: 10s; animation-direction: alternate;}
#cf4 {position:relative;  height:290px;  width:685px;  margin:0 auto;}
#cf4 img {position:absolute;  left:0;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;}
@keyframes cf4FadeInOut { 0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;} }
#cf4a img:nth-of-type(1) {animation-delay: 6s;}
#cf4a img:nth-of-type(2) {animation-delay: 4s;}
#cf4a img:nth-of-type(3) {animation-delay: 2s;}
#cf4a img:nth-of-type(4) {animation-delay: 0;}
/*end image slider*/


/*general text styles*/
a {text-decoration:none; color:  #660000;}
a:hover { text-decoration: none; color: #cc0000;}
a:visited { text-decoration:none; color:  #660000;}
a:active { text-decoration: none; color: #cc0000}

.box {margin: auto; width: 90%;}

h2 {font-family: 'Noto', serif; color: #333; font-size:18px; font-weight:bold; font-style: italic; line-height:18px; margin-top: 52px; margin-bottom: 20px;}
h4 {font-family: 'Roboto', sans-serif; color: #660000; font-size:14px; line-height:18px; margin-top: 0px; margin-bottom: 4px;}

.main {font-family: 'Roboto', sans-serif;	font-weight: normal; font-size:14px; line-height:18px; vertical-align:top; border-spacing:0px; width:731px; padding: 0px 40px 0px 0 px;}
span {color: black !important; }
#STA_aims {border-radius: 15px 50px 30px; border: 2px solid #D5D0C1; background: #F6EEF2; padding: 12px; width: 670px;}

table.bottable {width: 995px; padding:0 px; border-collapse: collapse; border-spacing: 0; margin: 0 auto;}
td. {font-family: 'Roboto', sans-serif;	font-weight: normal; margin-top: 0px; border : 0px;	font-size:14px; 	line-height:18px;}


#tutormenu ul {margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:20px;  list-style-type: none; list-style-image: none; }
#tutormenu li { display: inline; border: none; background: #Ffffff;}
#tutormenu ul li a {border-radius: 15px 50px 30px; border: 1px solid #D5D0C1; font-family: 'Noto Serif', serif; font-size: 14px;  text-decoration:none; background: #ffffff; padding-top: 5px; padding-right: 18px; padding-bottom: 5px; padding-left: 18px; margin: 8px; }
#tutormenu ul li a:hover {color: #660000; 	background: #F6EEF2; border-bottom-colour: red;}

ul {list-style-type: square; color: #660000;}


/*styles for news page*/
.col2 {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */ column-count: 2;
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */  -moz-column-gap: 30px; /* Firefox */  column-gap: 30px;
-webkit-column-rule: 1px solid #D5D0C1; /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid #D5D0C1; /* Firefox */
 column-rule: 1px solid #D5D0C1;}
.col3 {-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;
 -webkit-column-gap: 20px; /* Chrome, Safari, Opera */ -moz-column-gap: 20px; /* Firefox */ column-gap: 20px;
-webkit-column-rule: 1px solid #D5D0C1; /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid #D5D0C1; /* Firefox */
     column-rule: 1px solid #D5D0C1; }
.col4 {-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 32px; /* Chrome, Safari, Opera */ -moz-column-gap: 32px; /* Firefox */ column-gap: 32px; font-size:12 px;}


/*footer styles - in order of appearance*/
.back-image { position: relative; width: 100%; /* for IE 6 */}
p.back-image-text {color:  #666;	font-size: 12px; margin: 0; position: absolute; top: 66px; left: 234px; width: 715px;}

.footer-wrap {background-color: #F5F5F5;box-sizing: border-box;	width: 995px; margin-left: auto;  margin-right: auto ;
	text-align: left; padding: 30px 40px 10px 40px;	font-family: 'Roboto', sans-serif; margin-top: 0px;	overflow: hidden;    		height:100%; position: relative;}

a.footer {text-decoration:none; color: #860000;}
a.footer:hover { text-decoration: none; color: #860000;}
a.footer:active { text-decoration: none; color: #860000}
a.footer2 {text-decoration:none; color:  #666;}
a.footer2:hover { text-decoration: none; color: #860000;}
a.footer2:active { text-decoration: none; color: #666;}


.frame_header {font-family: 'Roboto', sans-serif;	font-size: 16px; color:  #000000; line-height:16px; padding:0 0 15 0px; border:0}
.frame_header2 {font-family: 'Roboto', sans-serif;	font-size: 16px; color:  #000000; line-height:16px; padding:0 0 15 0px; border:0; margin:0px;}

/* Testimonials box*/
.arrow_box {position: relative;	background: #FAF7F7; border: 1px solid #D5D0C1; border-radius: 9px;  padding: 20px; width:236px; color: #333; font-size: 14px;}
.arrow_box:after, .arrow_box:before {top: 100%;	left: 15%; border: solid transparent; content: " ";	height: 0; width: 0; 	position: absolute;	pointer-events: none;}
.arrow_box:after {border-color: rgba(245, 245, 245, 0);	border-top-color: #FAF7F7;	border-width: 15px;	margin-left: -15px;}
.arrow_box:before {border-color: rgba(204, 208, 215, 0); border-top-color: #D5D0C1;	border-width: 16px;	margin-left: -16px;}
.attribution {text-align: left;	padding: 15px 0px 0px 60px;	position: relative; color: #666;	font-size: 14px; margin-top: 0px; width:236px;}
.more-testimonials {display: block;	border-radius: 6px; box-sizing: border-box; background-color: #DFDDD6; box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1);	border: 1px solid #D5D0C1; font-size: 12px; line-height:18px; font-weight: normal;	color: #333; text-align:center; width: 120px; margin-left:0px; padding: 0, 0, 0, 0px}



/* Footer links */
.footer-wrap .footer-links{font-family: 'Roboto', sans-serif; font-size: 14px; color:  #333;	margin: 0 0 0px; padding: 0 20 10 20px;  display:block; border: 0 }
.footer-wrap .footer-links a{font-family: 'Roboto', sans-serif;	font-size: 14px; display:block; line-height: 1.2; text-decoration: none; color: inherit; margin: 0 0 0px;	padding: 10; border: 1px; border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none; }
.footer-wrap .footer-links a:hover{font-family: 'Roboto', sans-serif; font-size: 14px; display:block; line-height: 1.3;	text-decoration: none; color: #333; margin: 0 0 0px;	border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;  }


/* search form & email form */
.footer-wrap form{position: relative;}
.footer-wrap form input, .footer-wrap form textarea {display: block;	border-radius: 6px; box-sizing: border-box; background-color: white; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);	border: 2px solid #D5D0C1; font: inherit; font-size: 14px; font-weight: normal;	color: #8f9296; width: 278px; margin-left:0px; margin-top: 5px; margin-bottom: 5px; padding: 6px 18px 6px 10px;}
.footer-wrap form textarea{height: 100px; margin-bottom: 20px;}
.footer-wrap  form input:focus{outline: none;}
.footer-wrap form button{ border-radius: 6px; background-color:  #DFDDD6; box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1);	border: 1px solid #D5D0C1; font: inherit; font-size: 12px; line-height:18px; font-weight: normal;	color: #666; text-align:center; float: right;}
.footer-wrap form button:focus, .footer-wrap form button:hover  { text-decoration: none; color: #860000;}
/* placeholder (displayed text) color */
.footer-wrap  form input::-webkit-input-placeholder {color:  #8f9296;}
.footer-wrap  form input::-moz-placeholder {opacity: 1;	color:  #8f9296;}
.footer-wrap  form input:-ms-input-placeholder{color: #8f9296;}
/* magnify glass icon */
.footer-wrap  form i{width: 18px; height: 18px;	position: absolute;	top: 7px;	right: 20px; color: #D5D0C1;	font-size:18px;}

.footertxt{color: #8f9296;	font-size: 14px; font-weight: normal; margin: 0;}

.footnote{color: #8f9296; font-size: 12px; 	font-weight: normal; margin: 0;}

blockquote {
    border-radius: 15px 50px 30px;
    border: 2px solid #D5D0C1;
    background: #FCFBF7;
    padding: 20px;
    /*width: 600px;*/
}