/* **************************************** */
/* Tweak some HTML elements */
/* **************************************** */
body { 
	margin: 0px;
	padding: 0px;
	font-family:  'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
}

p, td, div { 
	/* For IE 5.0/5.5 */
	font-size: x-small; 

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For all other browsers */
	font-size: small; 
}
html>body p, html>body td, html>body div {
	font-size: small; 
} 

p {
	text-align: justify;
}

/* **************************
 * The order of the A pseudo 
 * element styles DOES matter! 
 * **************************/
a:link {
	color: #2F4BB3;
	text-decoration: none;
}
a:visited {
	color: #2F4BB3;
	text-decoration: none;
}
a:hover {
	color: #D51300;
	text-decoration: underline;
}
a:active {
}

h1 {
	font-size: 180%;
	font-family:  Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #808080;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-align: left;
}
h2 {
	font-size: 150%;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
/* Set some reasonable defaults  */
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
}
div {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* **************************
 * Layout Styles
 * **************************/
#outer_layout_table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
#inner_layout_table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
#lhs {
	background: #FFFFFF url(../images/logo_tile_long.jpg) repeat-x top left;
	height: 237px;
}
#mid {
	background: #FFFFFF url(../images/logo_tile_long.jpg) repeat-x top left;
	vertical-align: bottom;
}
#mid2 {
	background: #FFFFFF url(../images/logo_tile_long.jpg) repeat-x top left;
	width: 18px;
}
#rhs {
	padding: 25px 0px 0px 5px;
	width: 230px;
	text-align: right;
	background: #FFFFFF url(../images/rhs_blue_curve_long.jpg) no-repeat top right;
}
#content_container {
	background: #FFFFFF url(../images/content_tile_fade.jpg) repeat-x top left;
}
.page_content {
	margin: 5px 0px 50px 20px;
}

/* **************************
 * Menu Styles
 * **************************/
#menu_container {
	border: none;
	text-align: right;
} 
.menu {
	background: #FFFFFF url(../images/blue_frame_s.gif) no-repeat bottom right;
	margin: 10px 10px 10px 0px;
	padding: 0px 5px 5px 0px;
	border: none;
}
.menu_top {
	width: 210px;
	height: 11px;
	background: transparent url(../images/tbs.gif) no-repeat bottom left;
}
.menu_content {
	background: #FFFFFF url(../images/flame2.gif) no-repeat top left;
	margin: 0px 0px -1px 0px; /* need -1 as firefox sometimes leaves a single pixel of space */
	padding: 5px;
	border-width: 0px 1px 0px 1px;
	border-color: #061C6C;
	border-style: solid;
	font-family: Verdana,Helvetica,Arial,sans-serif;

	/* For IE 5.0/5.5 */
	width: 210px; 
	font-size: xx-small;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For all other browsers */
	width: 198px; 
	font-size: x-small;
}
html>body .menu_content {
	width: 198px;
	font-size: x-small;
} 

.menu_base {
	width: 210px;
	height: 11px;
	background: transparent url(../images/bbs.gif) no-repeat top left;
}
.menu_content ul {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 120%;
}
.menu_content ul li {
	padding: 1px 0px 4px 0px;
}
.menu_title {
	font-size: 160%;
	font-weight: bold;
	text-align: right;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #808080;
	margin: 10px 30px 0px 5px;
	padding: 3px;
}
.menu_img {
	float: right;
	padding: 0px 5px 0px 0px;
}
#copyright { 
	float: right;
	border-style: solid;
	border-color: rgb(48, 48, 48);
	border-width: 1px 0px 0px 0px;
	margin: 5px 15px 10px 10px;
	padding: 5px 0px 5px 5px;
	text-align: right;
	font-size: 70%;
	font-family: Verdana,Arial,Sans-serif;
	color: #808080;
}

/* **************************************** */
/* Styles Used Throughout the site
/* **************************************** */
.section {
	margin: 20px 0px 10px 0px;
}
.para_img {
	float: right;
	padding: 3px 3px 5px 10px;
}
.school_snapshot {
	padding: 3px 3px 20px 3px;
	text-align: right;
}
.school_snapshot img {
	padding: 0px 0px 3px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #C0C0C0;
}
.caption {
	font-size: 80%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	color: #404040;
	text-align: right;
	font-style: italic;
}
#content_footer {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #808080;
	margin: 20px 0px 0px 0px;
	height: 30px;
}


/* **************************************** */
/* FAQ Page Styles
/* **************************************** */
#q_and_a_mark {
	float: right;
	margin: 5px 0px 0px 10px;
}
#faq_toc li {
	margin: 5px 0px 0px 0px;
}
.faq_entry {
	margin: 10px 5px 20px 5px;
}
.faq_entry .question {
	margin: 3px 0px 0px 50px;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	background-color: #F0F0F0;
	border: 1px solid #C0C0C0;
}
.faq_entry .answer {
	margin: 5px 0px 0px 50px;
}
.question_mark {
	float: left;
	margin: 5px 0px 0px 0px;
	background-color: #FFFFFF;
}
.btt_link {
	font-size: 80%;
	text-align: right;
}

/* **************************************** */
/* Facilities Styles
/* **************************************** */
#facilities_table {
	width: 100%;
}
#facilities_table td {
	padding: 5px;
	border-width: 0px 0px 1px 0px;
	border-color: #C0C0C0;
	border-style: dashed;
}
#facilities_table p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#facilities_table .more_info_img {
	width: 40px;
	border: none;
}
#facilities_table .title_img {
	width: 285px;
}
#facilities_table .facilities_imgs {
	padding: 5px 0px 5px 0px;
	text-align: center;
}
#facilities_table .facilities_imgs img {
	margin: 0px 10px 10px 0px;
}
#fac_ticks td {
	padding: 5px;
}

/* **************************************** */
/* History Content Styles
/* **************************************** */
#timeline_img {
	margin: 5px;
}

/* **************************
 * Index Page Styles
 * **************************/
#index_layout {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#index_layout #top_img {
	padding: 0px 0px 0px 130px;
}
#index_layout #lhs {
	width: 160px;
	background: #FFFFFF url(../images/stars_curve2.jpg) no-repeat top right;
	padding: 120px 5px 0px 0px;
}
#index_layout #mid {
	background: #FFFFFF url(../images/row2_tile.jpg) repeat-x top left;
	padding: 0px 0px 0px 0px;
	height: 110px;
}
#index_layout #rhs {
	background: #FFFFFF url(../images/white_curve3.jpg) no-repeat top left;
	width: 230px;
	padding: 20px 0px 0px 15px;
}
#content_blue_fade {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}
#content_blue_fade_lhs {
	background: #FFFFFF url(../images/content_blue_fade_lhs.jpg) no-repeat top right;
	width: 18px;
}
#content_blue_fade_mid {
	background: #FFFFFF url(../images/content_blue_fade_tile.jpg) repeat-x top left;
}
#content_blue_fade_rhs {
	width: 18px;
	background: #FFFFFF url(../images/content_blue_fade_rhs.jpg) no-repeat top left;
}
#signoff {
	margin: 5px 0px 5px 0px;
}
#job_desc {
	margin: 5px 0px 50px 0px;
}
.nhl_box {
	margin: 5px 10px 10px 10px;
	font-size: x-small;
}
.nhl_title {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: bold;
	color: #404040;

	/* For IE 5.0/5.5 */
	font-size: small;

	VOice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: medium;
}
html>body .nhl_title {
	font-size: medium;
} 
.nhl_date {
	color: #808080;
	text-align: right;
	border-style: dotted;
	border-color: #808080;
	border-width: 1px 0px 0px 0px;

	/* For IE 5.0/5.5 */
	font-size: 80%;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: 90%;
}
html>body .nhl_date {
	font-size: 90%;
} 
.nhl_link {
	text-align: right;

	/* For IE 5.0/5.5 */
	font-size: 90%;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: 110%;
}
html>body .nhl_link {
	font-size: 90%;
} 
#nhl_all_link {
	text-align: right;
	border: none;
	padding: 3px;
	margin: 0px 0px 5px 0px;
}
.lhs_heading {
	margin: 20px 0px 0px 5px;
}
.lhs_pic {
	margin: 0px 0px 0px 5px;
}
#contact_details {
	margin: 5px 10px 10px 10px;
	font-size: small;
}
#contact_details .label {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: bold;
	color: #404040;
	margin: 10px 0px 0px 0px;

	/* For IE 5.0/5.5 */
	font-size: small;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: medium;
}
html>body .label {
	font-size: medium;
} 
#contact_details .value {
	margin: 0px 0px 0px 5px;

	/* For IE 5.0/5.5 */
	font-size: 80%;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: 90%;
}
html>body .value {
	font-size: medium;
} 


/* **************************************** */
/* Contact Details Page Styles
/* **************************************** */
dl.contact_us {
	/* For IE 5.0/5.5 */
	font-size: x-small;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: small;
}
html>body dl.contact_us {
	font-size: small;
} 
dl.contact_us dt {
	font-weight: bold;
}
#contact_us_container {
	width: 95%;
	margin: 0px;
	padding: 0px;
}
#contact_us_container td {
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#contact_us_container #contact_us_img {
	text-align: right;
	vertical-align: top;
}
#contact_us_container #contact_us_img img {
	text-align: right;
	vertical-align: top;
}

/* **************************************** */
/* News Styles
/* **************************************** */
.news_box {
	margin: 10px 0px 25px 0px;
	width: 100%;
}
.news_box td {
	padding: 5px 0px 5px 0px;
}
.news_icon {
	width: 47px;
}

.news_title {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: bold;
	color: #404040;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #808080;

	/* For IE 5.0/5.5 */
	font-size: 110%;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: 130%;
}
html>body .news_title {
	font-size: 130%;
} 
.news_content {
	text-align: justify;
}
.news_date {
	font-family: Verdana, sans-serif;
	color: #808080;
	/* For IE 5.0/5.5 */
	font-size: 70%;

	voice-family: "\"}\""; 
	voice-family:inherit;

	/* For All other broswers */
	font-size: 80%;
}
html>body .news_date {
	font-size: 80%;
} 

/* **************************************** */
/* Google Search Box Styles */
/* **************************************** */
#google_search_form {
	margin: 20px 0px 0px 0px;
	font-size: 80%;
	text-align: right;
}
#search_textbox {
	font-size: 80%;
}
.search_option {
	text-align: left;
	font-size: 90%;
}
.search_button_box {
	text-align: right;
}
#search_button {
	padding: 0px;
	margin: 0px;
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
}

/* Unsorted Styles */

#map_box {
	text-align: center;
}
#area_map {
	border: none;
	padding: 0px;
	margin: 20px 0px 0px 10px;
}
#city_distances {
	text-align: left;
}
#city_distances th {
	padding: 0px 10px 3px 3px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #808080;
}
#city_distances td {
	padding: 0px 10px 5px 0px;
}

.hl {
	font-style: italic;
}
div.section img#click_for_info_img {
	float: right;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	border: none;
}
ul.subject_list {
	list-style-image: url(../images/li_red4.gif);
}


#academic_programmes_diagram {
	text-align: center;
}
#academic_programmes_diagram img {
	border: none;
}
#try_all_choose_2 {
	float: right;
}
div.page_content img#supervised_study {
	float: right;
	vertical-align: top;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}
#academic_layout td {
	vertical-align: top;
}


ol#online_safety_tips {
	font-size: 115%;
}
ol#online_safety_tips li {
	padding: 5px;
}
#ten_tips {
	margin: 0px 5px 0px 0px;
}
.ss {
	text-align: super;
}
.footnote {
	font-size: 90%;
	font-style: italic;
}
#tips_box {
	margin: 10px;
}
#tips_box img {
	border: none;
}
#tips_box #return_link {
	text-align: right;
}
.pf_ver_link {
	text-align: right;
	font-size: 90%;
}
#ai_link {
	text-align: right;
}
#bus_route_map {
	text-align: center;
}
#careers_layout img {
	padding: 0px 0px 0px 10px;
}
#academic_layout td img#class_at_work {
	padding: 50px 0px 0px 10px;
}
.activity_group {
	border: 1px dashed #808080;
	margin: 10px;
	padding: 5px;
	vertical-align: top;
}
.activity_group h2 {
	padding-left: 25px;
}
.activity_group p {
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 10px;
}
.activity_group ul {
	list-style-image: url(../images/small_red_tick.gif);
	list-style-position: outside;
}
.activity_desc {
	float: right;
	width: 280px;
	font-style: italic;
	margin: 5px 0px 0px 5px;
	font-size: 90%;
}
.activity_tick {
	float: left;
}
.ty_activity {
	margin: 10px;
	padding: 5px;
	border: 1px dashed #808080;
}
.ty_activity img {
	float: right;
	padding-left: 5px;
}
.fy_help_item p {
	margin-left:30px;
}
.fy_help_tick {
	float: left;
	margin-right: 5px;
}