/*The webkit-text-size-adjust: none option was an attempt to fix the font size to stop overlapping on iPhone, apparently it doesn't work though*/

/*This fixes the page width and centralises each page*/
#wrapper{
	position:relative;
	width: 925px ;
	webkit-text-size-adjust: none;
  	margin-left: auto ;
 	margin-right: auto 
}


/*This is for the first set of fading quotes the homepage*/
#fade2 {
	position: absolute;
	margin:0px;
	text-align:justify;
	webkit-text-size-adjust: none;
	width: 21.8%;
	top:53.3%;
	left:6%;
	z-index:10
}

/*This is for the first set of fading quotes the homepage*/
#fade3 {
	position: absolute;
	margin:0px;
	text-align:justify;
	webkit-text-size-adjust: none;
	width: 25%;
	top:490px;
	left:30%;
	z-index:10
}


h1,h2,h3,h4,p,li,html
{
font-family: "Verdana", verdana, 'sans serif'; webkit-text-size-adjust: none;
}

html{margin-left: 0pt; text-align: justify; webkit-text-size-adjust: none; font-size: 10pt; font-weight: 400; color:#878989 }

H1 {margin-left: 5pt; text-align: left; font-size: 23pt}
H4 {margin-left: 0pt; text-align: justify; font-size: 10pt; font-weight: 400; color:#878989 }
p {font-family:"verdana", verdana, 'sans serif'; font-size: 14pt} 


/*This creates the page borders, each line and corner is a seperate image*/
.t {background: url(tp.jpg) 0 0 repeat-x}
.b {background: url(bt.jpg) 0 100% repeat-x}
.l {background: url(lf.jpg) 0 0 repeat-y}
.r {background: url(rt.jpg) 100% 0 repeat-y }
.bl {background: url(bl.jpg) 0 100% no-repeat}
.br {background: url(br.jpg) 100% 100% no-repeat}
.tl {background: url(tl.jpg) 0 0 no-repeat}
.tr {background: url(tr.jpg) 100% 0 no-repeat; padding:10px} 


/*All the different fonts*/

.main_blurb{ font-size: 10pt; color:#878989 } 
.site_search{ font-size: 8pt; color:#878989 } 
.telephone_number{ font-size: 13pt; color:#878989 } 
.capital_link{ font-size: 14pt; color:#878989} 
.capital_link_red{ font-size: 14pt; color:#c03645  }
.capital_link_greyed_out{ font-size: 14pt; color:#C8C8C8}
.quote{ font-size: 10pt;  color:#878989  } 
.quote_mark{ font-size: 36pt; font-family: "Trebuchet MS", sans-serif; color:#c03645  } 
.quote_mark_faded{ font-size: 36pt; font-family: "Trebuchet MS", sans-serif; color:#c54755  } 
.page_title{ font-size: 15pt;  color:#c03645; margin-left:10px  } 
.general_text{ font-size: 10pt;  color:#878989; margin-left:10px; margin-right:10px  }
.smaller_text{ font-size: 9pt;  color:#878989; margin-left:10px; margin-right:10px  }
.static_quote_text{ font-size: 15pt;  color:#878989; margin-left:10px; margin-right:10px  }
.invisible_text{ font-size: 10pt;  color:#FFFFFF; margin-left:10px; margin-right:10px  }
.course_popup_text{ font-size: 10pt;  color:#878989; width:600px; margin-left:10px; margin-right:10px; text-align:justify; }
.course_popup_subtitle{ font-size: 10pt; color:#878989; font-weight: 700; margin-left:10px }
.course_popup_title{ font-size: 11pt; color:#878989; font-weight: 700 }
.course_heading_text{ font-size: 12pt;  color:#878989; margin-left:10px  }
.centralised_text{ font-size: 10pt;  color:#878989; text-align:center  }
.centralised_text_big{ font-size: 13pt;  color:#c03645; text-align:center  }
.expand_text{ font-size: 13pt; color:#878989;  text-align:right}
.subtitle_text{ font-size: 13pt;  color:#c03645; margin-left:10px  } 
.bottom_links{ font-size: 8pt; color:#878989; text-align:center } 

/*Specifies colour of links for hover*/
a:link     { color:#c03645; text-decoration: none;}
a:visited  { color:#c03645; text-decoration: none;}
a:hover    { color:#878989; text-decoration: none;}


table {border: 0px; solid #ffffff;}