body { margin: 0; padding: 0 0 15px; font-size: 0.7em; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/body_background.png); background-repeat: repeat-x; color: #666666; }
a { color: #000000; text-decoration: none; }
a.white { color: #F9F9F8; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
table { font-size: 1em; clear: both; margin-bottom: 5px; }
img { border-style: none; }
.more_button { float: right; }
.notice_board_text {
	width: 198px;
	height: auto;
	background: transparent url(../images/line_dots_white.gif) left bottom repeat-x;
	float: left;
	color: #ffffff;
	padding: 10px 60px 10px 11px;
	text-align: left;
	position: relative;
}
.notice_board_text a {
	width: 45px;
	height: 18px;
	background: transparent;
	float: left;
	position: absolute;
	left: 211px;
	top: 7px;
}
.latest_programmes_text { 
	color: black; 
	font: Arial; 
	padding: 13px 0px 12px 14px;
	width: 261px; 
	height: auto; 
	text-align: left; 
	margin: 0px;  
	position: relative;
	float: left;
}

.h12a {
	color: #26808f;
	font-size: 1.4em;
}

.h12b {
	color: #666666;
	font-size: 1.1em;
}

.left { float: left; width: 250px; text-align: left; margin-left: 10px; margin-top: 10px; }
.notice_board_purple { background: url(../images/NB-bg_purple.png) repeat-x; width: 870px; height: auto; color: white; padding-left: 20px; background-color: #656498; margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; text-align: left; font-size: 1em; border: 1px solid #666666; }
.notice_board_orange { background: url(../images/NB-bg_orange.png) repeat-x; width: 870px; height: auto; color: white; padding-left: 20px; background-color: #F15E23; margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; text-align: left; font-size: 1em; border: 1px solid #666666; }
.notice_board_green { background: url(../images/NB-bg_green.png) repeat-x; width: 870px; height: auto; color: white; padding-left: 20px; background-color: #55A1AC; margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; text-align: left; font-size: 1em; border: 1px solid #666666; }
.clear { clear: both; width: 100%; height: 0px; display: block; }
.green { color: #007782; font-size: 1em; }
.green_table { color: #FFFFFF; background: #26909c url(../images/bg_green_table.jpg) left top repeat-x; }
.green_table h3 {font-size: 14px; height: 30px; padding: 0px; margin: 0px; line-height: 30px;}
.right { float: right; width: 250px; text-align: left; margin-right: 10px; margin-top: 10px; }
.purple { color: #5A3981; }
.orange { color: #E55318; }
.greennew { color: #007782; }
.float_right { float: right; margin-right: 75px; margin-left: 50px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #FFFFFF; }
.right_menu_text { color: white; padding-bottom: 5px; text-align: left; width: 220px; margin-right: auto; margin-left: auto; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFFFFF; position: relative; }
.page_icon { position: absolute; right: 17px; top: 3px; }
#nav { height: 127px; width: 900px; position: relative; }
#flash { width: 571px; height: 229px; background: transparent; float: left; }
#notice_board { width: 269px; padding-top: 45px; background: #33353b url(../images/bg_nb.jpg) no-repeat; float: right; height: auto; text-align: center; padding-bottom: 20px;}
#latest_programmes { 
	width: 269px;
	height: 120px;
	padding-top: 37px;
	float: right;
	text-align: center;
	background: #D8D8D8 url(../images/bg_prog_0b.png) left top no-repeat;
	display: block;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}
#main_divider { width: 571px; height: 32px; background: url(../images/main_divider.png) no-repeat; position: relative; float: left; }
#right_divider { width: 269px; height: 32px; float: right; background: url(../images/right_divider.png) no-repeat; position: relative; }
#right_menu a { color: white !important; font-size: 1em; text-decoration: none !important;}
#main_content { color: gray; width: 570px; float: left; text-align: left; }
#content_header { width: 100%; background: url(../images/content_header.png) repeat-x; height: 57px; padding-top: 15px; font-size: 1.3em; text-transform: uppercase; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
#container { width: 900px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: center; height: auto; clear: both; }
#nav_a { background-image: url(../images/nav_a.png); width: 139px; height: 127px; float: left; text-align: left; position: relative; }
#nav_b { background-image: url(../images/nav_b.png); width: 139px; height: 127px; float: left; position: relative; text-align: left; }
#nav_c { width: 269px; height: 127px; float: left; position: relative; text-align: left; background-image: url(../images/nav_c.png); background-repeat: no-repeat; }
#logo { float: left; width: 353px; height: 127px; text-align: left; background-image: url(../images/sp_logo.png); background-repeat: no-repeat; }
#nav_a_text { position: absolute; top: 55px; left: -10px; color: #787878; text-transform: uppercase; }
#nav_b_text { position: absolute; top: 55px; left: -10px; color: #787878; text-transform: uppercase; }
#nav_c_text { position: absolute; top: 55px; left: -10px; color: #787878; text-transform: uppercase; }
#nav_a a { color: #787878; font: normal normal .85em/15px Arial; text-transform: uppercase; text-decoration: none; padding-left: 24px; }
.leftish { text-align: left; width: 48%; float: left; clear: left; margin: 5px; }
.leftish img { margin-left: 25%; }
.rightish img { margin-left: 25%; }
.rightish { text-align: left; width: 48%; float: right; margin: 5px; }
#nav_a a:hover { color: #787878; font: normal normal .85em/15px Arial; text-transform: uppercase; text-decoration: none; background: url(../images/arrow.png) no-repeat 0; padding-left: 24px; }
#nav_b a { color: #787878; text-transform: uppercase; text-decoration: none; font: normal normal .85em/15px Arial; padding-left: 24px; }
#nav_b a:hover { color: #787878; text-transform: uppercase; text-decoration: none; background: url(../images/arrow.png) no-repeat 0; font: normal normal .85em/15px Arial; padding-left: 24px; }
#nav_c a { color: #787878; font: normal normal .85em/15px Arial; text-transform: uppercase; text-decoration: none; padding-left: 24px; }
#nav_c a:hover { color: #787878; font: normal normal .85em/15px Arial; text-transform: uppercase; background: url(../images/arrow.png) no-repeat 0; text-decoration: none; padding-left: 24px; }
#information { width: 400px; height: 38px; float: right; text-align: right; background-repeat: no-repeat; background-position: top; }
#information_text { color: #007782; text-transform: uppercase; margin-top: 13px; font-size: 1.25em; }
#information_text a { font-size: 14px; text-transform: uppercase; color: #787878; text-decoration: none;background: transparent url(../images/bg_make.png) top left no-repeat;padding-left: 8px; margin-left: 8px;}
#information_text a:hover {color: #007782; text-decoration: none;} 
#splitter { width: 900px; height: 38px; margin-bottom: 40px; clear: both; position: relative; }
#copyright { position: relative; width: 310px; height: auto; color: gray; text-align: left; float: right; }
#contact_information { width: 500px; height: auto; position: relative; color: gray; text-align: left; float: left; }
#footer { width: 900px; height: auto; margin-right: auto; margin-left: auto; margin-top: 35px; }
#footer_container { float: left; background: url(../images/body_background_bottom.png) repeat-x; width: 100%; height: 132px; position: relative; margin-top: 10px; }
#left { float: left; height: auto; width: 570px; text-align: left; padding-right: 5px; padding-left: 5px; position: relative; }
#fontsize { width: 258px; position: absolute; padding-left: 5px; text-align: left; margin-top: 3px; }
#programmes_other_side {
	background: #e8e8ea url(../images/other_programmes_bg2.jpg) bottom left repeat-x; 
	width: 269px; 
	height: auto; 
	position: relative; 
	text-align: left; 
	margin-top: 15px; 
	padding-bottom: 20px; 
	float: right;
}
.left_other_pro img{padding: 5px; border: 1px solid #b7b6b3; }
#programmes_other_side a { color: #75757e; margin-left: 17px; width: 220px; padding-bottom: 3px; display: inline; padding-top: 3px; line-height: 16px; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; float: left; }
.img_box { display: block; margin-top: 5px; float: left; }
#right img { display: block; clear: both; }
#right { float: right; height: auto; width: 269px; position: relative; }
#right a { color: gray; text-decoration: none; }
#right a:hover { color: gray; text-decoration: underline; }
#right_menu { width: 269px; height: auto; float: right; margin-top: 25px; text-align: center; position: relative; background-color: #006F7A; background-image: url(../images/about_us_background.png); background-repeat: no-repeat; }
#right_menu_header { width: 244px; height: 30px; color: white; font: bold 1.0em Arial; text-align: left; padding-top: 17px; padding-left: 25px; }
#fontsize a:hover { background-image: none; padding-left: 0px; }
#fontsize a { background-image: none; margin: 0px; padding: 0px; }
#make_enquiry { background-image: url(../images/make_enquiry_button.png); background-repeat: no-repeat; position: relative; height: 25px; width: 246px; margin-top: 5px; padding-top: 12px; text-align: left; padding-left: 23px; float: right; }
#make_enquiry a { color: #FFFFFF; display: block; height: 20px; width: 239px; }
.notice_board_divider { background-image: url(../images/notice_board_divider.png); background-repeat: repeat-x; height: 25px; width: 900px; }
.divider { clear: both; width: 900px; position: relative; }
.greenbold { color: #007782; font-size: 1em; font-weight: bold; }
a.white:hover { color: #F9F9F8; text-decoration: underline; }
.purple_table { color: #FFFFFF; background-color: #5A3981; }
.orange_table { color: #FFFFFF; background-color: #E55318; }
.orangebold { color: #E55318; font-weight: bold; font-size: 1.1em; }
.purplebold { color: #5A3981; font-weight: bold; }
li { margin-bottom: 10px; }
ul.span_menu { margin: 0px; padding: 0px; }
.span_menu a {color: #ffffff !important;text-decoration: none !important;}
.yellow { color: #F2C504; }
.yellowbold { color: #F2C504; font-weight: bold; }
.submit { border: 1px solid #003366; background-color: #FFFFFF; color: #000000; }
.welcome { color: #1B7377; margin-left: 5px; font-size: 22px; }
a.services_button { background-image: url(../images/programmes_services.png); height: 31px; width: 541px; display: block; line-height: 31px; padding-left: 30px; font-size: 14px; font-weight: bold; color: gray;}
a.services_button:hover { background-image: url(../images/programmes_services_over.png); height: 31px; width: 541px; display: block; font-size: 14px; line-height: 31px; font-weight: bold; padding-left: 30px; text-decoration: none; color: #000000; }
a.community_button { background-image: url(../images/programmes_community.png); height: 31px; width: 541px; display: block; font-size: 14px; font-weight: bold; padding-left: 30px; line-height: 31px; color: gray; }
a.community_button:hover { background-image: url(../images/programmes_community_over.png); height: 31px; width: 541px; display: block; font-size: 14px; line-height: 31px; font-weight: bold; padding-left: 30px; text-decoration: none; color: #000000; }
a.education_button { background-image: url(../images/programmes_education.png); height: 31px; width: 541px; display: block; font-size: 14px; line-height: 31px; font-weight: bold; padding-left: 30px; color: gray; }
a.education_button:hover { background-image: url(../images/programmes_education_over.png); height: 31px; width: 541px; display: block; font-size: 14px; line-height: 31px; font-weight: bold; padding-left: 30px; text-decoration: none; color: #000000; }
li.span { background-image: url(../images/span_menu.png); height: 22px; width: 269px; display: block; text-align: left; margin: 0px; padding: 0px; list-style-type: none; }
li.span:hover { background-image: url(../images/span_menu_over.png); height: 22px; width: 269px; display: block; margin: 0px; padding: 0px; list-style-type: none; }
li.span a { color: #ffffff; padding-left: 14px; display: block; height: 22px; line-height: 22px; }
.style1 { color: #0066CC }
.wrap { float: right; margin: 15px; }
li.span a:hover { color: #ffffff; padding-left: 14px; display: block; height: 22px; line-height: 22px; text-decoration: none; }
img.span_menu { display: block; }
.red { color: #e20101; }
img.red { border: 1px solid #E20101; }
.table_pink_offset { background-color: #CCCCCC; color: #000000; }
.table_green_offset { background-color: #008B98; color: #FFFFFF; }
.table_green_offset a { color: #FFFFFF; }
.forms { border: 1px solid #003366; background-color: #FFFFFF; color: #000000; width: 200px; margin-top: 10px; }
.fix_row { color: #999999; background-color: #FFFFFF; }
#legal {
	text-align: left;
	width: 100%;
}
.rep_table a {color: #048a94 !important;}
.rep_table {color: #666666;}
.rep_table td {padding-bottom: 5px;}

.link_inside {
	float: left;
	width: 239px;
	height: auto;
	padding: 8px 15px 10px 15px;
	background: transparent url(../images/line_dot.gif) left bottom repeat-x;
	text-align: left;
}

.title_new {
	background: transparent url(../images/bg_newtitle.jpg) left top no-repeat !important;
	color: #ffffff !important;
	height: 67px!important;
	padding: 15px 10px 0px 10px !important;
	width: 550px !important;
}

.title_new2 {
	background: transparent url(../images/bg_newtitle2.jpg) left top no-repeat !important;
	color: #ffffff !important;
	height: auto !important;
	padding: 15px 10px 10px 10px !important;
	width: 550px !important;
}

.new_line2 {
	background: transparent url(../images/line.jpg) left center repeat-x;
	color: white;
    height: 5px;
	width: 570px;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}

.report_bg2 {
	background-color: #f1f5f5;
}

.person_view {
	width: 560px;
	height: auto;
	padding: 10px 0px 10px 10px;
	background: #f1f5f5;
	margin-bottom: 10px;
	float: left;
}

.person_view_pic {
	width: 130px;
	height: 120px;
	padding: 0px;
	background: transparent;
	float: left;
}

.person_view_pic img {
	border: 3px solid #9aa1a2;
}

.person_view_text {
	width: 400px;
	height: auto;
	padding: 0px;
	background: transparent;
	float: left;
}

.person_view_text2 {
	width: 400px;
	height: auto;
	padding: 0px 0px 10px 0px;
	background: transparent;
	float: left;
}

.person_view_text2 h1 {
	margin: 0px;
	padding: 0px;
	height: auto;
	padding: 0px;
	color: #007782;
	font-size: 11px;
}


.person_view_text3 {
	width: 400px;
	height: auto;
	padding: 0px;
	background: transparent;
	float: left;
}

.person_view_text3 a {
	width: auto;
	height: 19px;
	padding: 5px 0px 0px 30px;
	background: transparent url(../images/ico_mail.jpg) left top no-repeat;
	color: #048897;
	text-decoration: none;
	float: left;
}

.person_view_text3 a:hover {
	text-decoration: underline;
}

.person_view_phone {
	width: 120px;
	height: 19px;
	padding: 5px 0px 0px 30px;
	background: transparent url(../images/ico_phone.jpg) left top no-repeat;
	float: left;
}

.site_with_links {
	float: left;
}

.site_with_links h1 {
	background:  #f1f5f5 url(../images/bg_links_header.jpg) left top no-repeat;
	font-size: 1.25em;
	width: 550px;
	padding: 4px 0px 5px 20px;
}

.site_with_links_list {
	font-size: 1em;
	width: 550px;
	padding: 4px 0px 5px 20px;
}

.site_with_links_list a {
	color: #026d7d;
	padding-bottom: 3px;
	float: left;
	width: 550px;
}

.site_with_links_inside a {
	text-decoration: none;
	color: #007782;
	font-weight: bold;
}

.site_with_links_inside a:hover {
	text-decoration: underline;
}

.site_with_links_inside {
	float: left;
	padding: 0px 0px 20px 30px;
	width: 550px;
	height: auto;
	
}

.nt_purple {
	background: transparent url(../images/bg_h_purple.jpg) left top no-repeat;
	color: white;
    height: 53px;
    line-height: 53px;
    padding-left: 49px;
	font-weight: normal;
}

.nt_green {
	background: transparent url(../images/bg_h_green.jpg) left top no-repeat;
	color: white;
    height: 53px;
    line-height: 53px;
    padding-left: 49px;
	font-weight: normal;
}

.nt_orange {
	background: transparent url(../images/bg_h_orange.jpg) left top no-repeat;
	color: white;
    height: 53px;
    line-height: 53px;
    padding-left: 49px;
	font-weight: normal;
}

.nt_yellow {
	background: transparent url(../images/bg_h_yellow.jpg) left top no-repeat;
	color: white;
    height: 53px;
    line-height: 53px;
    padding-left: 49px;
	font-weight: normal;
}

.nt_red {
	background: transparent url(../images/bg_h_red.jpg) left top no-repeat;
	color: white;
    height: 53px;
    line-height: 53px;
    padding-left: 49px;
	font-weight: normal;
}

.notice_h {
	height: 131px !important;
	padding-top: 0px !important;
}

.new_line {
	background: transparent url(../images/line.jpg) left center repeat-x;
	color: white;
    height: 5px;
	width: 900px;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}

.h_green {
	color: #FFFFFF; 
	background: #26909c url(../images/bg_green_table.jpg) left top repeat-x;
	height: 40px;
	line-height: 40px;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 10px;
}

.map {
	border: 1px solid #666e82;
	margin: 15px 0px 15px 0px;
	width: 568px;
	height: 222px;
}

.new_enq {
	background: transparent url(../images/bg_enq.jpg) left top no-repeat;
	height: 301px;
	margin-top: 15px;
	font-size: 12px;
	padding: 11px 0px 0px 21px;
}

.new_enq input {
	bordeR: 1px solid #939599;
	width: 251px;
	height: 27px;
	margin-top: 0px;
}

.new_enq textarea {
	bordeR: 1px solid #939599;
	width: 525px;
	height: 100px;
	margin-top: 0px;
}

.new_title3 {
	background: transparent url(../images/content_header3.jpg) left bottom repeat-x !important;
	height: auto !important;
	padding-bottom: 12px;
	margin-bottom: 2px;
}

/* Slide Show */
.slide_show {
	width: 571px;
	height: 229px;
	background: transparent;
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	position: relative;	
}

.slide_show_all {
	width: 571px;
	height: 229px;
	background: transparent;
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	overflow: hidden;
	position: relative;	
}

.slide_img {
	width: 571px;
	height: 229px;
	background: transparent;
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	display: none;
}

#slide_0 {background: transparent url(../images/slide_1.jpg) left top no-repeat; display: block;}
#slide_1 {background: transparent url(../images/slide_2.jpg) left top no-repeat;}
#slide_2 {background: transparent url(../images/slide_3.jpg) left top no-repeat;}
#slide_3 {background: transparent url(../images/slide_4.jpg) left top no-repeat;}
#slide_4 {background: transparent url(../images/slide_5.jpg) left top no-repeat;}
#slide_5 {background: transparent url(../images/slide_6.jpg) left top no-repeat;}
#slide_6 {background: transparent url(../images/slide_7.jpg) left top no-repeat;}
#slide_7 {background: transparent url(../images/slide_8.jpg) left top no-repeat;}