/* Main Text Definitions */

@import "AutoFormPlus.css";
 
 
 body {
 background: #E5F4F7;
 color: #3F3C82;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 80%;
 margin: 0;
}



h1 {
 color: #3F3C82;
 font-size: 140%;
 font-weight: bold;
 margin: 10px 0px 5px 0px;
}


h2 {
 color: #3F3C82;
 font-size: 110%;
 margin: 10px 0px 5px 0px;
}

a img {
 border: 0;
}

a { 
 color: #3F3C82;
 text-decoration: none;
}
a:hover { 
 color: #848486;
 text-decoration: none;
}

a.small { 
 color: #848486;
 text-decoration: none;
 font-size: 90%;
}
a.small:hover { 
 color: #034493;
 text-decoration: none;
 font-size: 90%;
}

a.link_underline{
  color: #3F3C82;
 text-decoration: underline;
}

a.link_underline:hover{
 color: #034493;
 text-decoration: underline;
}

a.link_underline_blue{
 color: #014092;
 text-decoration: underline;
}

a.link_underline_blue:hover{
 color: #848486;
 text-decoration: underline;
}

a.link_blue{
color: #014092;
 text-decoration: none;
}

a.link_blue:hover{
 color: #848486;
 text-decoration: underline;
}



/************ CONTAINER **************/


#container {
 width: 760px;
 margin: auto;
 background:  #E5F4F7;
 border-left: 5px solid #E5F4F7;
 border-right: 5px solid #E5F4F7;
 background:  url("../images/hb_secondary_nav_bg.gif") repeat-y;
}

#container_noDisplay {
 width: 760px;
 margin: auto;
 background:  #E5F4F7;
 border-left: 5px solid #E5F4F7;
 border-right: 5px solid #E5F4F7;
}



/************** TOP **************/

#top{
width: 760px;
background:  #E5F4F7;
}

#logo{
margin: 0px 0px 10px 12px;
 background:  #E5F4F7;
}

#top_nav{
margin: 0px 0px 10px 8px;
float: left;
}

ul#top_nav_item{
padding: 12px 0px 0px 0px;
margin: 0px;
font-size: 80%;
}

ul#top_nav_item li{
list-style: none;
display: inline;
padding: 20px 5px 0px 5px;
border-right: solid 1px #848486;
}

ul#top_nav_item li.top_nav_last{
list-style: none;
display: inline;
padding: 20px 5px 0px 5px;
border-right: 0px;
}

ul#top_nav_item li.top_navon_last{
list-style: none;
display: inline;
padding: 20px 5px 0px 5px;
border-right: 0px;
background: #65C4F2;
color: #ffffff;
}

ul#top_nav_item li.top_nav_first{
list-style: none;
display: inline;
padding: 20px 5px 0px 0px;
border-right: solid 1px #848486;
}

ul#top_nav_item li.top_navon_first{
list-style: none;
display: inline;
padding: 20px 5px 0px 0px;
border-right: solid 1px #848486;
background: #65C4F2;
color: #ffffff;
}

ul#top_nav_item li.top_navon{
list-style: none;
display: inline;
padding: 20px 5px 0px 5px;
border-right: solid 1px #848486;
background: #65C4F2;
color: #ffffff;
}

ul#top_nav_item li.top_navon a, ul#top_nav_item li.top_navon_first a, ul#top_nav_item li.top_navon_last a{
list-style: none;
display: inline;
color: #034493;
}


#top_search{
float: right;
padding-top: 12px;
margin: 0px;
text-align: right;
font-size: 80%;
}




/************** MAIN NAV **************/

#main_nav_noDisplay{
display: none;
}




#main_nav{
padding: 0px;
text-transform: uppercase;
background:  url("../images/hb_mainnav_bg.gif") repeat-x #CDE8F1;
padding: 4px 0px 4px 0px;
}


ul#main_nav_item {
margin: 0px;
padding: 0px;
font-size: 80%;
font-weight: bold;
}


ul#main_nav_item li{
padding: 4px 6px 4px 6px;
list-style: none;
display: inline;
border-right: solid 1px #848486;
}

ul#main_nav_item li.main_nav_first{
padding: 4px 6px 4px 12px;
list-style: none;
display: inline;
border-right: solid 1px #848486;
}

ul#main_nav_item li.main_nav_last{
padding: 4px 6px 4px 6px;
list-style: none;
display: inline;
border-right: 0px;
}

ul#main_nav_item li a{
 color: #07abdd;
}

ul#main_nav_item li a:hover{
 color: #3C367F;
}

ul#main_nav_item li.main_navon_first{
padding: 4px 6px 4px 12px;
list-style: none;
display: inline;
background: #A3D6E7;
color: #3F3C82;
}

ul#main_nav_item li.main_navon_first a{
color: #3F3C82;
}


ul#main_nav_item li.main_navon, ul#main_nav_item li.main_navon_last, ul#main_nav_item li.main_navon_first{
list-style: none;
display: inline;
background: #A3D6E7;
color: #3F3C82;
}

ul#main_nav_item li.main_navon a, ul#main_nav_item li.main_navon_last a, ul#main_nav_item li.main_navon_first a{
color: #3F3C82;
}




/************** SECONDARY NAV **************/

#secondary_nav_noDisplay{
padding: 0px;
width: 195px;
float: left;
background: #E5F4F7;
}


#secondary_nav{
padding: 0px;
margin: 10px 0px 0px 0px;
width: 195px;
float: left;
background: #A4D5E6;
}

div.secondary_nav_item {
margin: 0px;
padding: 3px 0px 3px 12px;
}

div.secondary_nav_item_on {
margin: 0px;
padding: 3px 0px 3px 12px;
 color: #3F3C82;
 font-weight: bold
}

div.secondary_nav_item_bot {
margin: 0px;
padding: 3px 0px 3px 12px;
}

div.secondary_nav_item_bot_on {
margin: 0px;
padding: 3px 0px 3px 12px;
color: #ffffff;
background: #034493;
}


div.secondary_nav_item a, div.secondary_nav_item_bot  a {
color: #3F3C82;
}

div.secondary_nav_item a:hover, div.secondary_nav_item_bot  a:hover {
color: #ffffff;
}

div.secondary_nav_item_on a, div.secondary_nav_item_bot_on  a {
color: #3F3C82;;
}

div.secondary_nav_item_on a:hover, div.secondary_nav_item_bot_on  a:hover {
color: #ffffff;
}


/**** third level nav ****/

#thirdLevel_nav{
padding: 0px 0px 6px px;
margin-left: 12px;
}

div.thirdLevel_nav_item {
margin: 0px;
padding: 2px 0px 2px 0px;
color: #ffffff;
font-size: 90%;
}


div.thirdLevel_nav_item a {
color: #ffffff;
}

div.thirdLevel_nav_item a:hover {
 color: #3F3C82;
text-decoration: none;
}



div.thirdLevel_nav_item_on {
margin: 0px;
padding: 2px 0px 2px 0px;
color: #4FC5EC;
font-weight: bold;
}



/************* BREADCRUMB *************/


#breadcrumb{
margin: 10px 0px 0px 15px;
font-size: 80%;
}

ul#breadcrumb_nav_item {
margin: 0px;
padding: 0px;
}


ul#breadcrumb_nav_item li{
padding: 0px 8px 0px 0px;
list-style: none;
display: inline;
}

ul#breadcrumb_nav_item li a{
 color: #848486; 
 text-decoration: none;
}

ul#breadcrumb_nav_item li a:hover{
 color: #3F3C82;
 text-decoration: none;
}

ul#breadcrumb_nav_item li.breadcrumb_navon{
color: #3F3C82;
}




/************** CONTENT **************/



#content{
width: 760px;
}

#centre_content{
width: 385px;
float: left;
padding-bottom: 20px;
font-size: 90%;
}

#centre_content a, #centre_content_left a{
 color: #3F3C82;
 background: transparent;
 text-decoration: underline;
}

#centre_content a:hover, #centre_content_left a:hover{
 color: #848486; 
 background: transparent;
 text-decoration: underline;
}


#centre_content_left{
width: 385px;
float: left;
padding-bottom: 20px;
font-size: 90%;
}





/**** related links ****/

#related_links{
width: 180px;
float: right;
background:  url("../images/hb_related_header_bg.gif") repeat-x #ABCEE2;
}

#hp_related_links{
width: 180px;
float: right;
margin-top: 15px;
}


div.related_links_content{
width: 180px;
}

ul#hp_related_link_items{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 90%;
}

ul#hp_related_link_items li{
list-style: none;
padding: 3px 5px 0px 8px;
font-size: 90%;
}

ul#hp_related_link_items li a{
 color: #014092;
text-decoration: underline;
}

ul#hp_related_link_items li a:hover{
color: #ffffff;
text-decoration: underline;
}


ul#hp_related_link_items li.related_header{
color: #ffffff;
font-size: 130%;
padding-top: 15px;
font-weight: bold;
}

ul#hp_related_link_items li.related_header a{
color: #ffffff;
text-decoration: none;
}


ul#related_link_items{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 90%;
height: 140px;
}

ul#related_link_items li{
list-style: none;
padding: 3px 5px 0px 8px;
font-size: 90%;
}

ul#related_link_items li a{
 color: #014092;
text-decoration: underline;
}

ul#related_link_items li a:hover{
color: #ffffff;
text-decoration: underline;
}


ul#related_link_items li.related_header{
color: #ffffff;
font-size: 130%;
padding-top: 15px;
font-weight: bold;
}

ul#related_link_items li.related_header a{
color: #ffffff;
text-decoration: none;
}


#related_link_pic{
}

#related_link_pic_sml{
}

ul#membership_enquiries{
margin: 0px;
padding: 0px;
}

ul#membership_enquiries li{
list-style: none;
padding-bottom: 4px;
font-size: 80%;
}

ul#membership_enquiries li a{
color: #191718;
text-decoration: none;
}

ul#membership_enquiries li a:hover{
color: #191718;
text-decoration: underline;
}

ul#membership_enquiries .enquiries_tel{
font-size: 140%;
color: #034493;
font-weight: bold;
word-spacing: 3px;
}


#view_timetables{
border-bottom: 1px solid #D7D7D7;
height: 15px;
padding: 5px 0px 0px 5px;
color: #034493;
background: #D6E1F0;
}

#view_timetables a{
color: #034493;
background: #D6E1F0;
}

#log_out{
border-bottom: 1px solid #D7D7D7;
height: 15px;
padding: 5px 0px 0px 5px;
background: #ffffff;
font-size: 80%;
}




/****notice board****/

#notice_board_content{
width: 380px;
}

.intro_copy{
font-weight: bold;
}

ul.notice_repeating_list {
padding: 10px 0px 10px 0px;
margin: 0px;
}

ul.notice_repeating_list li {
list-style: none;
padding-bottom: 3px;
}

ul.notice_repeating_list li.notice_header {
 color: #034493;
 font-size: 110%;
 font-weight: bold;
}

ul.notice_repeating_list li.notice_subheader {
 font-size: 90%;
}


/**** centre content styles *****/

#horizontal_598_pic{
width: 598px;
float: left;
}

#horizontal_760_pic{
width: 760px;
height: 140px;
}

/*** generic content ***/

#generic_content{
width: 350px;
padding: 5px 10px 20px 15px;
}


/*** tour content ***/

#tour_content{
width: 400px;
}

#video_left{
float: left;
width:190px;
padding-top: 10px;
}

#video_right{
width:190px;
padding-top: 10px;
float: right;
}

.video_pic{
float: left;
width: 110px;
}

.video_content{
}

ul.video_links{
margin: 5px 0px 0px 0px;
padding: 0px;
}

ul.video_links li{
list-style: none;
display: inline;
padding-right: 5px;
}


.video_links_right{
clear:both;
width: 190px;
}

/** membership logins/profiles **/

#membership_login{
width: 320px;
}


/*** membership enquiries ***/

#membership_enquiries_content{
width: 350px;
}

/*** employment ***/

#employment_content{
width: 400px;
}

/*** homepage ***/

#hp_content{
width: 350px;
padding: 5px 10px 20px 15px;
}

ul.hb_nopadding{
margin: 0px 0px 0px 15px;
padding: 0px;
}

ul#login_button{
margin: 0px;
padding: 10px 0px 10px 0px;
}

ul#login_button li{
list-style: none;
display: inline;
padding: 5px 10px 5px 10px;
color: #ffffff;
background: #A3D6E8;
width: 300px;
}

ul#login_button li a{
color: #3F3C82;
background: #A3D6E8;
text-decoration: none;
}

ul#login_button li a:hover{
color: #ffffff;
background: #A3D6E8;
text-decoration: none;
}

ul#login_button li.members{
margin-left: 20px;
}




/*** vacancy ***/

#vacancy_content{
width: 350px;
}

.small_header{
font-size: 90%;
}

p.justified{
text-align:justify;
}


ul.vacancy_repeating_list {
padding: 10px 0px 10px 0px;
margin: 0px;
}

ul.vacancy_repeating_list li {
list-style: none;
padding-bottom: 3px;
}

ul.vacancy_repeating_list li.vacancy_header {
 color: #000000;
 font-size: 110%;
 font-weight: bold;
}

ul.vacancy_repeating_list li.vacancy_subheader {
 color: #000000;
}



/****press release****/

#press_content{
width: 420px;
}

#press_intro_copy{
font-weight: bold;
width: 300px;
}

ul.press_repeating_list {
padding: 10px 0px 10px 0px;
margin: 0px;
width: 300px;
float: left;
}

ul.press_repeating_list li {
list-style: none;
padding-bottom: 3px;
}

ul.press_repeating_list li.press_header {
 font-size: 110%;
 font-weight: bold;
}

ul.press_repeating_list li.press_subheader {
 font-size: 110%;
}

ul.press_repeating_list li.press_detail {
text-align:justify;
}

div.press_image{
float: right;
padding-top: 10px;
}


/*** corporate partners ***/

#partners_content{
width: 350px;
}

.partners_repeating_list{
width:350px;
padding: 20px 0px 10px 0px;
}


.partners_pic{
float: left;
width: 70px;
border: 1px solid #BCBCBC;
}

.partners_content{
padding-left: 80px;
}


/*** Site Map ***/


/*** tour content ***/

#site_map_content{
width: 400px;
}

#sitemap_columnLeft{
float: left;
width:190px;
padding-top: 10px;
}

#sitemap_columnRight{
width:190px;
padding-top: 10px;
float: right;
}

.sitemap_header{
width:190px;
background: #E6E6E6;
font-size: 110%;
font-weight: bold;
padding: 1px 1px 1px 5px;
margin-top: 10px;
}

ul.sitemap{
margin: 5px 0px 10px 0px;
padding: 0px;
}

ul.sitemap li{
list-style: none;
padding: 2px 0px 2px 5px;
}

ul.sitemap li.sitemap_level3{
list-style: none;
padding: 2px 0px 2px 12px;
}


/*** Gallery ***/
#gallery_content{
width: 430px;
}

#gallery{
margin-top: 15px;
}

#gallery_main_image{
float: left;
width: 308px;
}

#gallery_side_images{
float: right;
width: 120px;
}

#gallery_side_left{
float: left;
width: 56px;
}

#gallery_side_right{
float: right;
width: 56px;
}

.gallery_sml_image{
height: 56px;
width: 56px;
padding-bottom: 8px;
}




/************** FOOTER **************/


#footer {
color:#3F3C82;
width: 760px;
height: 15px;
padding: 40px 0px 0px 0px;
font-size: 80%;
background: #E5F4F7;
}

#footer_links{
text-transform: uppercase;
}

#footer_links ul {
margin: 0px;
padding: 0px;
}


#footer_links ul li{
padding: 0px 18px 0px 0px;
list-style: none;
display: inline;
}


#footer_links ul li a{
color:#3F3C82;
text-decoration: none;
}

#footer_links ul li a:hover{
color:#65C4F2;
text-decoration: underline;
}


#footer_links ul li.foot_navon{
font-weight: bold;
}


/***************** FORM *****************/


FORM {
	 padding: 0;
	 margin: 0;
	 border: 0;
}
/*
#form_contents{
margin: 20px 0px 15px 0px;
width: 320px;
}

.fmlabel {
	width: 90px;
	float: left;
	padding-bottom: 7px;
	 color: #034493;
	 font-weight: bold;
}


.fmlabel_header {
	width: 250px;
	padding: 10px 0px 10px 0px;
	color: #034493;
	font-weight: bold;
}

.fmlabel_wide {
	width: 195px;
	float: left;
	padding-bottom: 7px;
	 color: #034493;
	 font-weight: bold;
}

.fmlabel_wide_check {
	width: 250px;
	float: left;
 	color: #848486;
}

.fmfield {
	color: #034493;
	padding-bottom: 7px;
	margin-left: 70px;
	}


.fmfield_right {
	color: #034493;
	padding-bottom: 7px;
	margin-left: 190px;
}

.fmfield_right_check {
	color: #034493;
	margin-left: 250px;
}

input.checkbox_style {
	width: 15px;
	border: 1px solid #034493;
}

INPUT {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 13px;
	font-size: 11px;
	width: 210px;
	border: 1px solid #848486;
}


INPUT.short {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 13px;
	font-size: 11px;
	width: 105px;
	border: 1px solid #848486;
}


*/

INPUT.search_field {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 13px;
	width: 130px;
	border: 1px solid #C1C9BE;
	color: #01458C;
	font-size: 100%;
}

select {
	BACKGROUND: #ffffff;
	color: #01458C;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	border: 1px solid #C1C9BE;
	width: 120px;
	height: 15px;
	font-size: 90%;
}

.browse_button {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 17px;
	width: 109px;
	border: 1px solid #848486;
   color: #848486;
   	margin-top: 4px;
}

.submit_button {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 17px;
	width: 80px;
	border: 1px solid #848486;
	 color: #848486;
}


.search_button {
	BACKGROUND: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border: 0px;
	width: 15px;
	color: #848486;
	font-size: 90%;
}