body{
	margin: 0;
	text-align: center;
	background: url(../images/general/IT_Training_Belfast_mainbg1.jpg) center top repeat-x #FFFFFF;
	font-family: Verdana;
}
body img{border: none;}
body a img{border: none;}
html{overflow: -moz-scrollbars-vertical;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.padding10px{padding:10px;}

#container{
	width: 1000px;
	height: 100%;
	background: #FFFFFF;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	display: block;
}

#header{
	width: 1000px;
	height: 170px;
	margin: 0;
	padding: 0;
}
.header_left{
	width: 168px;
	height: 106px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 15px 20px 8px 30px;
}
.header_middle{
	width: 370px;
	height: 55px;
	background: url(../images/general/coursesearchbg1.jpg) left top no-repeat;
	float: left;
	text-align: left;
	margin: 50px 22px 24px 0;
	padding: 0;
}
.header_right{
	width: 390px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 24px 0;
}
.header_bottom{
	width: 1000px;
	height: 51px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.header_bottomResponsive{display: none;}
.headercontact{
	width: 340px;
	height: 45px;
	background: url(../images/general/headercontactbg1.jpg) left top no-repeat;
	float: left;
	margin: 0;
	padding: 10px 25px 0 25px;
}
.headercontact div{
	width: 205px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 2px 0 0 45px;
	font-family: Verdana;
	font-size: 18px;
	line-height: 26px;
	color: #FFFFFF;
}
.headercontact div a, .headercontact div a:link, .headercontact div a:visited{ 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.headercontact div a:hover{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.headercontact div img{display: none;}
.headercontact span{
	width: 45px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 4px 0 0 45px;
	font-family: Verdana;
	font-size: 11px;
	white-space: nowrap;
}
.headercontact span a, .headercontact span a:link, .headercontact span a:visited{ 
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.headercontact span a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.headercontact span img{display: none;}
.headercontact span.HCspanResponsive{display: none;}

.banner{display: block;}

#maincontent{
	width: 1000px; 
	height: auto;
	min-height: 300px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: visible;
}

#HP_feature{
	width: 1000px;
	height: auto;
	float: left;
	margin: 15px 0;
	padding: 0;
}
.HP_feature_left{
	width: 710px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.HP_feature_left_1{
	width: 230px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.HP_feature_left_1 div.divtitle1{
	width: 100%;
	height: 70px;
	background: #333333;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 12px; 
    -moz-border-top-left-radius: 12px;                     
    border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px; 
    -moz-border-top-right-radius: 12px;                     
    border-top-right-radius: 12px;
}
.HP_feature_left_1 div{
	width: 196px;
	height: 269px;
	border: 2px #67CCFF solid;
	border-top: none;
	border-bottom: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 15px 20px 15px;
	font-size: 13px;
	color: #333333;
	overflow: hidden;
}
.HP_feature_left_1 div h2{
	margin: 0;
	padding: 10px 15px 0 15px;
	font-size: 13px;
	color: #333333;
}
.HP_feature_left_1 div img{max-width:100%; width:auto; max-height:100px; height:Auto; padding:10px 0;}
.HP_feature_left_1 div ul li{margin-left: -25px;}
.HP_feature_left_1 span{
	width: 200px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 13px;
	color: #006699;
}
.HP_feature_left_1 p{
	margin: 0;
	padding: 10px 0;
}
.HP_feature_left_1 div.HPL1button{
	width: 196px;
	height: auto;
	border: 2px #67CCFF solid;
	border-top: none;
	float: left;
	text-align: left;
	margin: -3px 0 0 0;
	padding: 25px 15px 15px 15px;
	-webkit-border-bottom-left-radius: 12px; 
    -moz-border-bottom-left-radius: 12px;                     
    border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px; 
    -moz-border-bottom-right-radius: 12px;                     
    border-bottom-right-radius: 12px;
}
.HP_feature_left_2{
	width: 230px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.HP_feature_left_2 div.divtitle2{
	width: 100%;
	height: 70px;
	background: #333333;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 12px; 
    -moz-border-top-left-radius: 12px;                     
    border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px; 
    -moz-border-top-right-radius: 12px;                     
    border-top-right-radius: 12px;
}
.HP_feature_left_2 div{
	width: 196px;
	height: 270px;
	border: 2px #67CCFF solid;
	border-top: none;
	border-bottom: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 15px 20px 15px;
	font-size: 11px;
	color: #333333;
	overflow: hidden;
}
.HP_feature_left_2 div img{max-width:100%; width:auto; max-height:100px; height:Auto; padding:10px 0;}

.HP_feature_left_2 div h2{font-size: 12px;}
.HP_feature_left_2 div ul li{
	margin-left: -25px;
	float:left;
	text-align:left;
}
.HP_feature_left_2 span{
	width: 200px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	color: #006699;
}
.HP_feature_left_2 p{
	margin: 0;
	padding: 10px 0 20px 0;
}
.HP_feature_left_2 div.HPL1button{
	width: 196px;
	height: auto;
	border: 2px #67CCFF solid;
	border-top: none;
	float: left;
	text-align: left;
	margin: -2px 0 0 0;
	padding: 25px 15px 15px 15px;
	-webkit-border-bottom-left-radius: 12px; 
    -moz-border-bottom-left-radius: 12px;                     
    border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px; 
    -moz-border-bottom-right-radius: 12px;                     
    border-bottom-right-radius: 12px;
}
.HP_feature_left_3{
	width: 230px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 10px;
	padding: 0;
}
.HP_feature_left_3 div.divtitle3{
	width: 100%;
	height: 70px;
	background: #333333;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 12px; 
    -moz-border-top-left-radius: 12px;                     
    border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px; 
    -moz-border-top-right-radius: 12px;                     
    border-top-right-radius: 12px;
}
.HP_feature_left_3 div{
	width: 196px;
	height: 270px;
	border: 2px #67CCFF solid;
	border-top: none;
	border-bottom: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 15px 20px 15px;
	font-size: 11px;
	color: #333333;
	overflow: hidden;
}
.HP_feature_left_3 div img{max-width:100%; width:auto; max-height:100px; height:Auto; padding:10px 0;}
.HP_feature_left_3 span{
	width: 200px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}
.HP_feature_left_3 div.HPL1button{
	width: 196px;
	height: auto;
	border: 2px #67CCFF solid;
	border-top: none;
	float: left;
	text-align: left;
	margin: -2px 0 0 0;
	padding: 25px 15px 15px 15px;
	-webkit-border-bottom-left-radius: 12px; 
    -moz-border-bottom-left-radius: 12px;                     
    border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px; 
    -moz-border-bottom-right-radius: 12px;                     
    border-bottom-right-radius: 12px;
}
.HP_feature_right{
	width: 280px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

.latest_news{
	width: 838px;
	height: 56px;
	background: url(../images/general/latestnewsbg1.jpg) left top no-repeat;
	border: 1px #68CEFF solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 10px 12px 150px;
	font-size: 11px;
	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px;                     
    border-radius: 12px;
}

#footer{
	width: 960px;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	display: block;
	padding: 20px;
}
#bottom_footer{
	width: 100%;
	height: auto;
	min-height: 140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	background: #333333;
}

.footer_image{
	width: 111px;
	height: auto;
	float: left;
	text-align: left;
	margin: 10px 49px 0 0;
	padding: 0;
}
.footer_image img{width: 100%;}

#facilities{
	width: 480px;
	height: auto;
	min-height: 410px;
	background: url(../images/general/facilitiesbg1.jpg) left top no-repeat;
	float: left;
	margin: 10px 0 0 0;
	padding: 20px;
}
.facilities_left{
	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.facilities_right{
	width: 210px;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0 0 0 20px;
}
.facilities_right h2{margin: 0;}
.facilities_right ul{
	margin-left: 15px;
	padding-left: 0;
}
.facilities_right li img{width: 100%;}

#courses{
	width: 518px;
	height: auto;
	background: #333333;
	border: 1px #333333 solid;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}
.courses_top{
	width: 498px;
	height: auto;
	background: #FFFFFF;
	float: left;
	text-align: center;
	margin: 0;
	padding: 10px;
}
.courses_bottom{
	width: 478px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 20px;
}
.courses_bottom h2{
	margin: 0;
	font-size: 20px;
	color: #FFFFFF;
}
.courses_bottom h3{
	margin-top: 0;
	font-weight: normal;
	color: #FFCC00;
}

.search_header{
	width: 520px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.search_header h2{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
}

.search_detail{
	width: 520px;
	height: auto;
	border-top: 1px #999999 dashed;
	float: left;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}
.search_detail h3{
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 0;
	color: #333333;
}

#courses_table{
	width: 520px;
	height: auto;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}
.courses_table_top{
	width: 508px;
	height: auto;
	border: 1px #66CCFF solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px;
}
.courses_table_top div{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 20px 0 0 5px;
	padding: 0;
	font-family: Verdana;
	font-size: 18px;
	color: #333333;
}
.courses_table_top img{
	width: auto;
	height: 70px;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}
.courses_table_middle{
	width: 520px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.courses_table_bottom{
	width: 520px;
	height: auto;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

.tableResponsive{
    border: none;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.slideshow{
	width: auto;
	height: auto;
	margin: auto;
}
.slideshow_rightnav{
	width: auto;
	height: auto;
	margin: auto;
}

/* START OF CELLS */

.cell_full{
	width: 1000px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_left{
	width: 240px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_leftResponsive{display: none;}
.cell_middle{
	width: 520px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 20px 0px 20px;
}
.cell_middle img{
	max-width: 100%;
	margin: 0 0 10px 0;
}
.cell_right{
	width: 200px;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_rightResponsive{display: none;}
.cell_right_full{
	width: 720px;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0px 20px 20px 20px;
}
.cell_right_full img{
	width: auto;
	max-width: 100%;
}

.cell_full_HP{
	width: 1000px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 20px 0px 20px 0px;	
}
.cell_left_HP{
	width: 350px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_left_HP h1{margin-top: 0;}
.cell_left_HP p{font-size: 11px;}
.cell_middle_HP{
	width: 350px;
	height: auto;
	float: left;
	text-align: right;
	margin: 0;
	padding: 0px 20px 0px 30px;
}
.cell_right_HP{
	width: 250px;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_wide_HP{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3% 0;	
}

/* END OF CELLS */

/* MENUS */

#topnav{
	width: 380px;
	height: auto;
	float: left;
	margin: 0;
	padding: 20px 0px 14px 10px;
}
#topnav ul{
	margin: 0;
	padding: 0;
}
#topnav li{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 10px 0px 10px;
	color: #006699;
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	list-style-type: none;
	display: inline;
}
#topnav li a, #topnav li a:link, #topnav li a:visited{ 
	color: #006699;
	text-decoration: none;
	font-weight: normal;
}
#topnav li a:hover{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

#mainnav{
	width: 960px;
	height: 26px;
	background: #333333;
	float: left;
	margin: 0;
	padding: 10px 20px 0 20px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;                     
	border-radius: 8px;
}
#mainnav ul{
	margin: 0;
	padding: 0;
}
#mainnav li{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0px 20px 0px 20px;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	display: inline;
	white-space: nowrap;
}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{ 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#mainnav li a:hover{
	color: #66CCFF;
	text-decoration: none;
	font-weight: normal;
}
#mainnav li.mainnavhome a, #mainnav li.mainnavhome a:link, #mainnav li.mainnavhome a:visited{
	width: auto;
	height: 16px;
	float: left;
	background: url(../images/general/homebg1.jpg) left top no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 25px;
}
#mainnav li.mainnavhome a:hover{
	width: auto;
	height: 16px;
	float: left;
	background: url(../images/general/homebg2.jpg) left top no-repeat;
	color: #66CCFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 25px;
}

.leftnav{
	width: 236px;
	height: auto;
	border: 2px #67CCFF solid;
	border-top: none;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px;                     
	border-radius: 12px;
}
.leftnav_title{
	width: 95%;
	height: 29px;
	float: left;
	text-align: left;
	background: #67CCFF;
	margin: 0;
	padding: 5px 0px 0px 5%;
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	-webkit-border-radius: 11px; 
	-moz-border-radius: 11px;                     
	border-radius: 11px;
}
.leftnav_title a:link, .leftnav_title a:visited{
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.leftnav_title a:hover{
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #191C1F;
	text-decoration: none;
}
.leftnav ul{
	width: 94%;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 3% 20px 3%;
	list-style-type: none;
}
.leftnav li{
	width: 94%;
	height: auto;
	background: url(../images/general/leftnavbullet1.jpg) left no-repeat;
	border-bottom: 1px #999999 dashed;
	float: left;
	margin: 0 3%;
	padding: 0;
}
.leftnav li a{
	display: block;
	padding: 8px 0px 8px 20px;
	background: none;
	text-transform: none;
}
.leftnav li a:link, .leftnav li a:visited{
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #191C1F;
}
.leftnav li a:hover{
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #66CCFF;
}
.leftnav ul.featuredcourses{
	margin: 0;
	padding: 7px 0px 0px 0px;
}
.leftnav li.featuredcourses{ 
	width: 100%;
	height: auto;
	background: none;
	border: none;
	float: left; 
	text-align: left;
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
}
.leftnav li.featuredcourses img{ 
	width: 35px;
	height: auto;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 0px 5px 0px 0px
}

.rightnav{
	width: 196px;
	height: auto;
	border: 2px #67CCFF solid;
	border-top: none;
	float: left;
	margin: -3px 0 0 0;
	padding: 0;
	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px;                     
    border-radius: 12px;
}
.rightnav span{
	width: 100%;
	height: auto;
	background: #333333;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 12px; 
    -moz-border-top-left-radius: 12px;                     
    border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px; 
    -moz-border-top-right-radius: 12px;                     
    border-top-right-radius: 12px;
}
.rightnav span img{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	-webkit-border-top-left-radius: 12px; 
    -moz-border-top-left-radius: 12px;                     
    border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px; 
    -moz-border-top-right-radius: 12px;                     
    border-top-right-radius: 12px;
}
.rightnav ul{
	margin: 0;
	padding: 0;
}
.rightnav li{
	width: 94%;
	height: auto;
	float: left;
	margin: 0;
	padding: 3%;
}
.rightnav li img{
	width: 60px;
	height: auto;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/* END OF MENUS */

/* LISTS */

.footerlist1{
	width: 500px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;	
}
.footerlist1 span{
	width: 500px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
	color: #00CCFF;
	font-size: 13px;
	font-weight: bold;
}
.footerlist1 ul{
	margin: 0;
	padding: 0;
}
.footerlist1 li{
	width: 117px;
	height: auto;
	background: url(../images/general/footerbullet1.jpg) left no-repeat;
	float: left;
	text-align: left;
	line-height: 15px;
	margin: 0;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
}

.footerlist2{
	width: 300px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;	
}
.footerlist2 span{
	width: 300px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
	color: #00CCFF;
	font-size: 13px;
	font-weight: bold;
}
.footerlist2 ul{
	margin: 0;
	padding: 0;
}
.footerlist2 li{
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	list-style-type: none;
}
.footerlist2 li a:link, .footerlist2 li a:visited{
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footerlist2 li a:hover{
	font-weight: normal;
	color: #00CCFF;
	text-decoration: none;
}
.footerlist2 li.siteMapInfo{display: none;}

.imglist ul{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 0px 0px 0px;
}
.imglist li{
	width: 100px;
	height: 70px;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0;
	text-align: left;
	display: inline;
	list-style-type: none;
	overflow: hidden;
}

.HP_feature_list{
	width: 278px;
	height: auto;
	border: 1px #67CCFF solid;
	float: left;
	margin: 5px 0;
	padding: 0 0 10px 0;
	-webkit-border-radius: 12px; 
    -moz-border-radius: 12px;                     
    border-radius: 12px;
}
.HP_feature_list_title{
	width: 265px;
	height: 29px;
	float: left;
	text-align: left;
	background: #67CCFF;
	margin: 0 0 5px 0;
	padding: 5px 0 0 15px;
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	-webkit-border-radius: 11px; 
    -moz-border-radius: 11px;                     
    border-radius: 11px;
}
.HP_feature_list_title a:link, .HP_feature_list_title a:visited{
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.HP_feature_list_title a:hover{
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	color: #191C1F;
	text-decoration: none;
}
.HP_feature_list span{
	width: 220px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 11px;
}
.HP_feature_list ul{
	margin: 0;
	padding: 0;
}
.HP_feature_list li{ 
	width: 260px;
	height: auto;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}
.HP_feature_list li div{ 
	width: 35px;
	height: auto;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 0 5px 0 0;
}
.HP_feature_list li div img{ width: 100%;}
.HP_feature_list li span{ 
	width: 210px;
	height: auto;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 5px 0px 0px 0px;
	color: #006699;
	font-size: 12px;
}

.HP_socialmedia{
	width: 300px;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 0px 0px 0px;
}
.HP_socialmedia ul{
	margin: 0;
	padding: 0;
}
.HP_socialmedia li{ 
	width: 300px;
	height: auto;
	float: left; 
	text-align: center;
	margin: 0;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
}

.HP_extras{
	width: 100%;
	height: auto;
	border-top: 1px #67CCFF solid;
	float: left;
	margin: 30px 0 0 0;
	padding: 20px 0;
}
.HP_extras ul{
	margin: 0;
	padding: 0;
}
.HP_extras li{
	width: 32%;
	height: auto;
	float: left;
	margin: 0 1% 0 0;
	padding: 0;
	list-style-type: none;
}
.HP_extras li.HPEnomargin{margin: 0;}
.HP_extras li span{ 
	width: auto;
	height: 65px;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #888888;
}
.HP_extras li span strong{ color: #00CCFF;}
.HP_extras li div.HPEdiv1{ 
	width: 100%;
	height: auto;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 0;
}
.HP_extras li div.HPEdiv1 img{width: 100%;}
.HP_extras li div.HPEdiv2{ 
	width: 50%;
	height: auto;
	float: left; 
	text-align: center;
	margin: 60px 0 0 0;
	padding: 0;
}
.HP_extras li div.HPEdiv2 img{width: 90%;}

.list1{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.list1 ul{
	margin: 0;
	padding: 0;
}
.list1 li{ 
	width: 100%;
	height: auto;
	border-bottom: #0099CC 1px dotted;
	float: left; 
	text-align: left;
	margin: 0;
	padding: 10px 0;
	font-weight: bold;
	list-style-type: none;
}

.list2 {
	width: 520px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.list2 ul{
	margin: 0;
	padding: 0;
}
.list2 li { 
	width: 520px;
	height: auto;
	background: url(../images/general/courseslistbg1.jpg) left top repeat-y;
	border-top: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0;
	list-style-type: none; 
}
.list2 li span{ 
	width: 210px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0px 0px 0px 1px;
	padding: 20px;
}
.list2 li div{ 
	width: 240px;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 10px 10px 10px 19px;
	color: #FFFFFF;
}
.list2 li div h2{
	margin: 0;
	color: #FFFFFF;
}
.list2 li div span{
	float: right;
	text-align: right;
	padding: 0;
}
.list2 li div span a:link, .list2 li div span a:visited{
	font-weight: bold;
	color: #66CCFF;
	text-decoration: none;
}
.list2 li div span a:hover{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.list3 {
	width: 478px;
	height: auto;
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 0;
}
.list3 ul{
	margin: 0;
	padding: 0;
}
.list3 li{ 
	width: 478px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	list-style-type: none; 
}
.list3 li img{ 
	width: 30px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 5px 0px 0px;
}
.list3 li a:link, .list3 li a:visited{
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.list3 li a:hover{
	font-size: 15px;
	color: #0099FF;
	text-decoration: underline;
}

.list4 {
	width: 520px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.list4 ul{
	margin: 0;
	padding: 0;
}
.list4 li { 
	width: 520px;
	height: auto;
	float: left;
	list-style-type: none; 
	text-align: left;
	margin: 0;
	padding: 0px 0px 10px 0px;
	border-bottom: #0099CC 1px dotted;
}

.list5{
	width: 520px;
	height: auto;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0;
}
.list5 ul{
	margin: 0;
	padding: 0;
}
.list5 li{ 
	width: 520px;
	height: auto;
	border-bottom: 1px #0099CC dotted;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 0px 10px 0px;
	list-style-type: none; 
}
.list5 li img{ 
	margin: 0px 0px 10px 10px;
	padding: 0;
	list-style-type: none; 
}
.list5 li embed{width: 100%;}
.list5 li h3{ 
	margin: 5px 0px 10px 0px;
	padding: 0;
}
.list5 li ul li{ 
	border: none;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 30px;
	padding: 0px 0px 5px 0px;
	list-style-type: circle; 
}

/* END OF LISTS */

/* TABLES */

.course_table{
	border-collapse: collapse;
	margin: 0px 0px 1em 0px;
	font-size: 12px;
}
.course_table th, td{
	text-align: left;
	padding: 10px 4px 10px 4px;
	border-bottom: 1px solid #66CCFF;
}
.course_table th{
	background: #66CCFF;
	color: #333333;
	text-transform: capitalize;
}
.course_table th.thcenter{
	background: #66CCFF;
	color: #333333;
	text-transform: capitalize;
	text-align: center;
}
.course_table td{
	background: #333333;
	color: #FFFFFF;
	padding: 7px 4px 3px 4px;
}
.course_table td a, .course_table td a:link, .course_table td a:visited{ 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.course_table td a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

/* END OF TABLES */

/* FORMS */

.searchform1{
	width: 276px;
	height: auto;
	float: left;
	margin: 0;
	padding: 12px 0px 0px 82px;
}
.searchform1 input{
	width: 210px;
	height: 20px;
	background: url(../images/general/coursesearchformbg1.jpg) left top no-repeat;
	float: left;
	border: 0;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	font-size-adjust: none;
	color: #333333;
}
.searchform1 input.button{
	width: 46px;
	height: 30px;
	background: url(../images/general/coursesearchformbuttonbg1.jpg) left top no-repeat;
	float: left;
	text-align: left;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.newsletterform{
	width: 280px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.newsletterform div{
	width: 220px;
	height: auto;
	background: url(../images/general/newsletterbg1.jpg) left top no-repeat;
	float: left;
	margin: 0;
	padding: 30px 0px 0px 60px;
}
.newsletterform div.divspan{
	width: 110px;
	height: auto;
	background: none;
	float: left;
	margin: 0;
	padding: 2px 0px 0px 0px;
	font-size: 11px;
}
.newsletterform span{
	width: 280px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #006699;
}
.newsletterform input.inputfield{
	width: 164px;
	height: 12px;
	background: url(../images/general/newsletterformbg1.jpg) left top no-repeat;
	float: left;
	border: 0;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-size-adjust: none;
	color: #333333;
}
.newsletterform input.button{
	width: 36px;
	height: 22px;
	background: url(../images/general/newsletterformbuttonbg1.jpg) left top no-repeat;
	float: left;
	text-align: left;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.quicklinkform{
	width: 520px;
	height: auto;
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 0;
	display: block;
}
.quicklinkform label{
	width: 155px;
	height: auto;
	float: left;
	text-align: right;
	margin: 0px 5px 0px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.quicklinkform select{
	width: 250px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	display: block;
}

.searchcoursesform{
	width: 518px;
	height: auto;
	background: #333333;
	border: 1px #333333 solid;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
.searchcoursesform h2{
	width: 498px;
	height: auto;
	background: #FFFFFF;
	float: left;
	margin: 0;
	padding: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #66CCFF;
}
.searchcoursesform div.divsearchcoursesform{
	width: 400px;
	height: auto;
	background: #66CCFF;
	float: left;
	margin: 0px 39px 0px 39px;
	padding: 20px;
}
.searchcoursesform span.spansearchcoursesform{
	width: 380px;
	height: auto;
	background: #66CCFF;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
}
.searchcoursesform span{
	width: 300px;
	height: auto;
	background: #FFFFFF;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
}
.searchcoursesform label{
	width: 380px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 2px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
	color: #333333;
}
.searchcoursesform select{
	width: 300px;
	height: auto;
	background: url(../images/general/inputbg2.jpg) left top repeat-x;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1px;
	display: block;
	color: #333333;
}
.searchcoursesform br{clear: left;}

.contactusform{
	width: 520px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
.contactusform span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}
.contactusform span ul{
	width: 96%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 2%;
}
.contactusform span ul li{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-type: none;
}
.contactusform span ul li input{
	width: auto;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 3px 5px 0 0;
	padding: 0;
	list-style-type: none;	
}
.contactusform label{
	width: 150px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	font-weight: bold;
}
.contactusform label.CFlabelwide{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	font-weight: bold;
}
.contactusform input{
	width: 354px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.nostyle input{
	width: 30px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
	list-style-type: none;	
}
.nostyle ul{
	list-style-type: none;	
}
.contactusform textarea{
	width: 354px;
	height: 60px;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.contactusform textarea.CFtextareaWide{
	width: 95%;
	height: 60px;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 2%;
}
.contactusform br{
	clear: left;
}

.bookingform{
	width: 720px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
.bookingform span{
	width: 720px;
	height: auto;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.bookingform label{
	width: 150px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.bookingform input{
	width: 354px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.bookingform input.inputyellow{
	width: 354px;
	height: auto;
	background: #FFEE53;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.bookingform select{
	width: auto;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.bookingform select.selectyellow{
	width: auto;
	height: auto;
	background: #FFEE53;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.bookingform textarea{
	width: 354px;
	height: 60px;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 3px;
}
.bookingform br{
	clear: left;
}

.postfeedbackform{
	width: 520px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
.postfeedbackform h2{
	width: 510px;
	height: auto;
	background: #333333;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 5px;
	color: #FFFFFF;
	font-size: 13px;
}
.postfeedbackform div.postone{
	width: 500px;
	height: auto;
	background: #66CBFF;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 10px;
}
.postfeedbackform div.postone label{
	width: 150px;
	height: auto;
	float: left;
	text-align: right;
	margin: 0px 5px 5px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.postfeedbackform div.postone input{
	width: 334px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.postone select{
	width: 342px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.postone textarea{
	width: 334px;
	height: 60px;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.posttwo{
	width: 500px;
	height: auto;
	background: #66CBFF;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 10px;
}
.postfeedbackform div.posttwo label{
	width: 500px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.postfeedbackform div.posttwo span{
	width: 80px;
	height: auto;
	background: #EEEEEE;
	border: 1px #999999 solid;
	float: left;
	text-align: center;
	margin: 0px 1px 5px 0px;
	padding: 2px 0px 0px 0px;
	font-size: 11px;
}
.postfeedbackform div.posttwo span input{
	width: auto;
	height: auto;
	margin: 5px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.postthree{
	width: 500px;
	height: auto;
	background: #66CBFF;
	float: left;
	margin: 15px 0px 5px 0px;
	padding: 10px;
}
.postfeedbackform div.postthree label{
	width: 370px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.postfeedbackform div.postthree span{
	width: 60px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0px 1px 5px 0px;
	padding: 0;
	font-weight: bold;
}
.postfeedbackform div.postthree span input{
	width: auto;
	height: auto;
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.postfour{
	width: 500px;
	height: auto;
	background: #66CBFF;
	float: left;
	margin: 15px 0px 5px 0px;
	padding: 10px;
}
.postfeedbackform div.postfour label{
	width: 500px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.postfeedbackform div.postfour textarea{
	width: 492px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform div.postfive{
	width: 500px;
	height: auto;
	background: #66CBFF;
	float: left;
	margin: 15px 0px 5px 0px;
	padding: 10px;
}
.postfeedbackform div.postfive label{
	width: 500px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	display: block;
	font-weight: bold;
}
.postfeedbackform div.postfive span{
	width: 490px;
	height: auto;
	background: #EEEEEE;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 2px 4px 2px 4px;
	font-size: 13px;
}
.postfeedbackform div.postfive span input{
	width: auto;
	height: auto;
	margin: 5px 0px 5px 0px;
	padding: 3px;
}
.postfeedbackform br{
	clear: left;
}
.postfeedbackform input.inputgeneric{
	width: 492px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.postfeedbackform textarea.textareageneric{
	width: 492px;
	height: auto;
	background: url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* END OF FORMS */

input.submit, a.submit, a.submit:link, a.submit:visited{color:#FFFFFF; background:#333333; border:none; text-transform:capitalize; font-size:11px; font-weight:bold; padding:3px 7px 3px 7px; cursor:pointer; text-decoration:none; width:auto;} 
a.submit:hover, input.submit:hover{color:#333333; background:#FFFFFF; border:none; text-transform:capitalize; font-size:11px; font-weight:bold; padding:3px 7px 3px 7px; cursor:pointer; text-decoration:none; width:auto;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited{color:#006699; background:url(../images/general/submitbg2.jpg) left top no-repeat; border:none; font-family:Verdana; font-size:12px; font-weight:bold; padding:5px 5px 10px 25px; cursor:pointer; text-decoration:none; text-transform:none; width:auto; height:20px; //float:left;} 
a.submit2:hover, input.submit2:hover{color:#333333; background:url(../images/general/submitbg2.jpg) left top no-repeat; border:none; font-family:Verdana; font-size:12px; font-weight:bold; padding:5px 5px 10px 25px; cursor:pointer; text-decoration:none; text-transform:none; width:auto; height:20px; //float:left;}
	
h1{
	font-family: Verdana;
	font-size: 18px;
	text-transform: none;
	color: #0099CC;
	font-weight: bold;
	text-align: left;
	border: none;
}
h1.h1sub{
	font-family: Verdana;
	font-size: 20px;
	text-transform: none;
	color: #333333;
	font-weight: bold;
	text-align: left;
	border: none;
	margin-top: 0;
	padding-top: 0;
}
h2{
	font-family: Verdana;
	font-size: 16px;
	text-transform: none;
	color: #0099CC;
	font-weight: bold;
	text-align: left;
	border: none;
}
h3{
	font-family: Verdana;
	font-size: 14px;
	text-transform: none;
	color: #333333;
	font-weight: bold;
	text-align: left;
	border: none;
}

hr{
	height: 1px;
	background-color: #66CBFF;
	color: #66CBFF;
	width: 100%;
	border: 0;
}

a, a:link, a:visited, a:active {
	color: #0099FF;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
}
a:hover {
	color: #333333;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
}
.footertext { 
	font-family: Verdana, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
a.footertext:link, a.footertext:visited, a.footertext:active  {
	text-decoration: underline;
	font-weight: normal;	
	color: #FFFFFF;
}
a.footertext:hover {
	text-decoration: underline;
	font-weight: normal;	
	color: #0099FF;	
}
.sitetext {
	font-family: Verdana;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	list-style-type: square;
}
a.sitetext:link, a.sitetext:visited, a.sitetext:active  {
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;	
	color: #0099FF;
}
a.sitetext:hover {
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	color: #333333;
}

.imagespacer {
	background: #FFFFFF;
	margin: 10px;
	padding: 5px;
}
.imagespacer1 {
	margin: 0px 10px 0px 0px;
}
.imagespacer2 {
	height: 70px;
	float: left;
	margin: 0px 20px 0px 0px;
}

.imagespacerLeft{
	width: 200px;
	float: left;
	margin: 20px;
}
.imagespacerRight{
	width: 200px;
	float: right;
	margin: 20px;
}

blockquote {
	text-align: justify;
	font-family: Verdana;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4;
	margin-right: 1.5em;
	margin-left: 1.5em;
	padding-right: 1em;
	padding-left: 1em;
	background: url(../images/general/quoteup.gif) no-repeat;
	padding-top: 1em;
	margin-top: 1.8em;
	color: #333333;
}
blockquote span.quote {
	text-align: right;
	font-weight: bold;
	background: url(../images/general/quotedown.gif) no-repeat right bottom;
	line-height: 1.2;
	padding-bottom: 1em;
	display: block;
	padding-top: 1em;
	padding-right: 0;
	color: #0099CC;
	font-style: normal;
	display:none;
}
.tickbox {
	width: 50px;
	float: left;
	height: 20px;
}

.generictable1{
	width: 100%;
	float: left;
	border: none;
	border-collapse: collapse;
	font-size: 12px;
}
.generictable1 td img{
	width: auto;
	max-width: 100%;
}

@media only screen and (min-width:0px) and (max-width:767px){

	body{
		background: #FFFFFF;
		-webkit-text-size-adjust: 100%;
	}
	
	#container{
		width: 100%;
		height: 100%;
		margin: 0;
	}
	
	#header{
		width: 100%;
		height: auto;
	}
	.header_left{
		width: 36%;
		height: 106px;
		padding: 30px 2% 8px 2%;
	}
	.header_left img{width: 100%;}
	.header_middle{
		width: 58%;
		background: url(../images/general/coursesearchbg1Responsive.jpg) left top no-repeat #66CBFF;
		margin: 15px 2% 0 0;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.header_right{
		width: 58%;
		margin: 10px 2% 0 0;
		padding-bottom: 15px;
	}
	.headercontact{
		width: 95%;
		height: 55px;
		background: #66CBFF;
		padding: 0 2.5%;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.headercontact div{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0;
		padding: 17px 0 0 0;
		font-family: Verdana;
		font-size: 14px;
		color: #FFFFFF;
	}
	.headercontact div img{
		width: 28px;
		height: auto;
		float: left;
		text-align: left;
		margin: -4px 2px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 1.5%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
		display: none;
	}
	.headercontact span.HCspanResponsive{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 3%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
		display: block;
	}
	.headercontact span.HCspanResponsive img{
		width: 28px;
		height: auto;
		float: left;
		text-align: left;
		margin: 1px 2px 0 0;
		padding: 0;
		display: block;
	}
	.header_bottom{display: none;}
	.header_bottomResponsive{
		width: 100%;
		height: auto;
		background: #333333;
		float: left;
		text-align: left;
		margin: 0;
		padding: 0%;
		display: block;
	}
	
	#maincontent{
		width: 100%; 
		min-height: 0;
	}
	
	.banner{display: none;}
	
	#HP_feature{width: 100%;}
	.HP_feature_left{
		width: 80%;
		margin: 0 10%;
	}
	.HP_feature_left_1{width: 100%;}
	.HP_feature_left_1 div{
		width: 93%;
		height: auto;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_1 span{width: 100%;}
	.HP_feature_left_1 div.HPL1button{
		width: 93%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_left_2{width: 100%;}
	.HP_feature_left_2 div{
		width: 93%;
		height: auto;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_2 span{width: 100%;}
	.HP_feature_left_2 div.HPL1button{
		width: 93%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_left_3{
		width: 100%;
		margin: 25px 0;
	}
	.HP_feature_left_3 div{
		width: 93%;
		height: auto;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_3 span{width: 100%;}
	.HP_feature_left_3 div.HPL1button{
		width: 93%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_right{
		width: 80%;
		text-align: center;
		margin: 25px 10% 10px 10%;
	}
	
	.latest_news{
		width: 50%;
		height: 58px;
		margin: 0 3%;
		padding: 10px 4% 12px 40%;
	}
	
	#footer{
		width: 96%;
		padding: 2%;
	}
	#bottom_footer{
		width: 100%;
		min-height: 240px;
	}
	
	.footerlist1{display: none;}
	.footerlist2{width: 90%; margin: 10px 5% 0 5%;}
	.footerlist2 span{
		width: 100%;
		text-align: center;
	}
	.footerlist2 li{
		width: 100%;
		text-align: center;
	}
	.footerlist2 li.siteMapInfo{display: block;}
	.footer_image{
		width: 90%;
		margin: 10px 5% 0 5%;
		text-align: center;
	}
	.footer_image img{width: auto;}
	
	#facilities{
		width: 94%;
		min-height: 410px;
		background: url(../images/general/facilitiesbg1Responsive.jpg) left top repeat-x;
		padding: 3%;
		-webkit-border-top-left-radius: 12px; 
		-moz-border-top-left-radius: 12px;                     
		border-top-left-radius: 12px;
		-webkit-border-top-right-radius: 12px; 
		-moz-border-top-right-radius: 12px;                     
		border-top-right-radius: 12px;
	}
	.facilities_left{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.facilities_left img{width: 100%;}
	.facilities_right{
		width: 100%;
		padding: 0;
	}
	.facilities_right ul{
		margin-left: 25px;
		padding-left: 0;
	}
	
	#courses{width: 99%;}
	.courses_top{
		width: 96%;
		padding: 2%;
	}
	.courses_bottom{
		width: 94%;
		padding: 3%;
	}
	
	.search_header{width: 100%;}
	
	.search_detail{width: 100%;}
	
	#courses_table{width: 100%;}
	.courses_table_top{
		width: 95%;
		padding: 2%;
	}
	.courses_table_middle{width: 100%;}
	.courses_table_bottom{width: 100%;}
	
	.cell_full{width: 100%;}
	.cell_left{display: none;}
	.cell_leftResponsive{
		width: 100%;
		height: auto;
		float: left;
		margin: 0;
		padding: 0;
		display: block;
	}
	.cell_middle{
		width: 94%;
		padding: 3%;
		word-wrap: break-word;
	}
	.cell_middle iframe{
		width: 100%;
	}
	.cell_middle img{
		max-width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}
	.cell_right{
		width: 80%;
		padding: 3% 10%;
		text-align: center;
		display: block;
	}
	.cell_right_full{
		width: 94%;
		padding: 3%;
		word-wrap: break-word;
	}
	.cell_right_full img{
		width: auto;
		max-width: 100%;
	}
	
	.cell_full_HP{width: 80%; margin: 0 10%;}
	.cell_left_HP{width: 100%;}
	.cell_middle_HP{
		width: 100%;
		padding: 15px 0 0 0;
	}
	.cell_middle_HP img{width: 100%;}
	.cell_right_HP{width: 100%;}
	
	#topnav{display: none;}
	
	#mainnav{display: none;}
	
	.leftnav{width: 98%;}
	
	.rightnav{width: 98%;}
	.rightnav span{width: 100%;}
	.rightnav li{
		width: 94%;
		padding: 3%;
	}
	.rightnav li img{
		width: 100%;
		margin: 0;
	}
	
	.HP_feature_list{width: 99%;}
	.HP_feature_list_title{
		width: 97%;
		padding: 5px 0 0 3%;
	}
	.HP_feature_list span{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.HP_feature_list li{ 
		width: 96%;
		padding: 5px 2%;
	}
	.HP_feature_list li div{
		width: 20%;
		padding: 0 3% 0 0;
	}
	.HP_feature_list li div img{width: 100%;}
	.HP_feature_list li span{width: 77%;}
	
	.HP_socialmedia{
		width: 100%;
		margin-top: 18px;
	}
	.HP_socialmedia li{width: 50%;}
	
	.HP_extras{
		width: 100%;
		margin: 30px 0 0 0;
	}
	.HP_extras li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.HP_extras li span{
		height: auto;
		margin: 0 0 5px 0;
	}
	.HP_extras li.HPEnomargin{margin: 0 0 20px 0;}
	.HP_extras li div.HPEdiv2{margin: 10px 0 0 0;}
	
	.list2{width: 100%;}
	.list2 li{
		width: 99%;
		background: none;
		border: 1px #333333 solid;
	}
	.list2 li span{ 
		width: 94%;
		background: #FFFFFF;
		margin: 0;
		padding: 3%;
	}
	.list2 li div{ 
		width: 94%;
		background: #333333;
		padding: 3%;
	}
	
	.list3{width: 100%;}
	.list3 li{width: 100%;}
	
	.list4{width: 100%;}
	.list4 li{width: 100%;}
	
	.list5{width: 100%;}
	.list5 li{width: 100%;}
	.list5 li img{
		width: auto;
		max-width: 100%;
		margin: 0 0 10px 0; 
	}
	.list5 li embed{width: 100%;}
	.list5 li ul{width: 80%;}
	
	.imglist ul{
		width: auto;
		height: auto;
		float: left;
		margin: 0;
		padding: 10px 0px 0px 0px;
	}
	.imglist li{
		width: 105px;
		height: 100px;
		float: left;
		margin: 0px 5px 5px 0px;
		padding: 0;
		text-align: left;
		display: inline;
		list-style-type: none;
		overflow: hidden;
	}
	
	.contactusform{width: 100%;}
	.contactusform span{width: 100%;}
	.contactusform label{
		width: 100%;
		margin: 0 0 5px 0;
	}
	.contactusform input{
		width: 96%;
		margin: 0 0 10px 0;
		padding: 1.5%;
	}
	.contactusform textarea{
		width: 96%;
		margin: 0 0 10px 0;
		padding: 1.5%;
	}
	.contactusform input.CFbutton{
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	.bookingform{width: 100%;}
	.bookingform span{width: 100%;}
	.bookingform label{
		width: 100%;
		margin: 0 0 5px 0;
	}
	.bookingform input{
		width: 96%;
		padding: 1.5%;
		margin: 0 0 10px 0;
	}
	.bookingform input.inputyellow{
		width: 96%;
		padding: 1.5%;
		margin: 0 0 10px 0;
	}
	.bookingform select{
		width: 99%;
		padding: 1.5%;
		margin: 0 0 10px 0;
	}
	.bookingform select.selectyellow{
		width: 99%;
		padding: 1.5%;
		margin: 0 0 10px 0;
	}
	.bookingform textarea{
		width: 96%;
		padding: 1.5%;
		margin: 0 0 10px 0;
	}
	.bookingform input.BFinputButton{
		width: auto;
		padding: 1.5%;
		margin: 0;
	}
	
	.postfeedbackform{width: 100%;}
	.postfeedbackform h2{
		width: 96%;
		padding: 2%;
	}
	.postfeedbackform div.postone{
		width: 94%;
		padding: 3%;
	}
	.postfeedbackform div.postone label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.postfeedbackform div.postone input{
		width: 96%;
		padding: 1.5%;
	}
	.postfeedbackform div.postone select{
		width: 99%;
		padding: 1.5%;
	}
	.postfeedbackform div.postone textarea{
		width: 96%;
		padding: 1.5%;
	}
	.postfeedbackform div.posttwo{
		width: 94%;
		padding: 3%;
	}
	.postfeedbackform div.posttwo label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.postfeedbackform div.postthree{
		width: 94%;
		padding: 3%;
	}
	.postfeedbackform div.postthree label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.postfeedbackform div.postthree textarea{
		width: 96%;
		padding: 1.5%;
	}
	.postfeedbackform div.postfour{
		width: 94%;
		padding: 3%;
	}
	.postfeedbackform div.postfour label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.postfeedbackform div.postfour textarea{
		width: 96%;
		padding: 1.5%;
	}
	.postfeedbackform div.postfive{
		width: 94%;
		padding: 3%;
	}
	.postfeedbackform div.postfive label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.postfeedbackform div.postfive span{
		width: 93%;
		padding: 2% 3%;
	}
	.postfeedbackform div.postfive textarea{
		width: 96%;
		padding: 1.5%;
	}
	.postfeedbackform input.inputgeneric{
		width: 93%;
		padding: 3%;
	}
	.postfeedbackform textarea.textareageneric{
		width: 93%;
		padding: 3%;
	}
	
	.searchcoursesform{width: 99%;}
	.searchcoursesform h2{
		width: 96%;
		padding: 2%;
	}
	.searchcoursesform div.divsearchcoursesform{
		width: 74%;
		margin: 0 8%;
		padding: 5%;
	}
	.searchcoursesform span.spansearchcoursesform{
		width: 96%;
		padding: 0 2%;
	}
	.searchcoursesform span{
		width: 100%;
		background: none;
		margin: 0 0 0 0;
	}
	.searchcoursesform label{width: 100%;}
	.searchcoursesform select{
		width: 96%;
		background: #FFFFFF;
		padding: 1.5%;
	}
	
	.quicklinkform{width: 100%;}
	.quicklinkform label{
		width: 100%;
		text-align: left;
		margin: 0 0 5px 0;
	}
	.quicklinkform select{
		width: 99%;
		padding: 1.5%;
	}
	
	.searchform1{
		width: 70%;
		padding: 12px 0 0 30%;
	}
	.searchform1 input{
		width: 65px;
		padding: 5px;
	}
	
	.newsletterform{width: 100%; margin-top:10px;}
	.newsletterform div{
		width: 75%;
		background: url(../images/general/newsletterbg1Responsive.jpg) left top no-repeat;
		padding: 30px 0 0 25%;
	}
	.newsletterform div.divspan{
		width: 49%;
		margin: 0 1% 0 0;
		font-size: 8px;
	}
	.newsletterform span{width: 100%;}
	.newsletterform input.inputfield{width: 160px;}
	
	input.submit2, a.submit2, a.submit2:link, a.submit2:visited{background: none; padding:5px;} 
	a.submit2:hover, input.submit2:hover{background: none; padding:5px;}
	
	.imagespacerLeft{
		width: 94%;
		float: left;
		margin: 3% 0;
	}
	.imagespacerRight{
		width: 94%;
		float: left;
		margin: 3% 0;
	}
	
	.tableResponsive{
		overflow-x: scroll;
		overflow-y: hidden;
		padding: 0;
		width: 100%;
	}
	.course_table {
		border-collapse: collapse;
		margin: 0;
		font-size: 12px;
	}

}

@media only screen and (min-width:0px) and (max-width:319px){

	#header{
		width: 100%;
		height: auto;
	}
	.header_left{
		width: 60%;
		height: auto;
		padding: 5% 20% 2% 20%;
	}
	.header_left img{width: 100%;}
	.header_middle{
		width: 80%;
		background: url(../images/general/coursesearchbg1Responsive.jpg) left top no-repeat #66CBFF;
		margin: 0 10%;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.header_right{
		width: 80%;
		margin: 10px 10% 0 10%;
	}
	.headercontact{
		width: 95%;
		height: 55px;
		background: #66CBFF;
		padding: 0 2.5%;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.headercontact div{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0;
		padding: 17px 0 0 0;
		font-family: Verdana;
		font-size: 14px;
		color: #FFFFFF;
	}
	.headercontact div img{
		width: 28px;
		height: auto;
		float: left;
		text-align: left;
		margin: -4px 2px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 1.5%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
		display: none;
	}
	.headercontact span.HCspanResponsive{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 3%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
		display: block;
	}
	.headercontact span.HCspanResponsive img{
		width: 28px;
		height: auto;
		float: left;
		text-align: left;
		margin: 1px 2px 0 0;
		padding: 0;
		display: block;
	}
	.header_bottom{display: none;}
	.header_bottomResponsive{
		width: 100%;
		height: auto;
		background: #333333;
		float: left;
		text-align: left;
		margin: 0;
		padding: 0%;
		display: block;
	}
	
	.HP_feature_left{
		width: 90%;
		margin: 0 5%;
	}
	.HP_feature_right{
		width: 90%;
		text-align: center;
		margin: 25px 5% 10px 5%;
	}
	
	.latest_news{
		width: 55%;
		height: 58px;
		background: url(../images/general/latestnewsbg1Responsive.jpg) left top no-repeat;
		margin: 0 3%;
		padding: 10px 4% 12px 35%;
	}
	
	.HP_socialmedia li{width: 100%;}
	
	.newsletterform{width: 100%; margin-top:10px;}
	.newsletterform div{
		width: 77%;
		background: url(../images/general/newsletterbg1Responsive.jpg) left top no-repeat;
		padding: 30px 0 0 23%;
	}
	.newsletterform div.divspan{
		width: 49%;
		margin: 0 1% 0 0;
		font-size: 8px;
	}
	.newsletterform span{width: 100%;}
	.newsletterform input.inputfield{width: 100px;}

}

@media only screen and (min-width:0px) and (max-width:479px){
	
	.cell_middle img{
		width: auto;
		max-width: 100%;
		margin: 10px 0;
		padding: 10px 0;
	}

}

@media only screen and (min-width:480px) and (max-width:767px){

	#header{
		width: 100%;
		height: auto;
	}
	.header_left{
		width: 36%;
		height: auto;
		padding: 30px 2% 8px 2%;
	}
	.header_left img{width: 100%;}
	.header_middle{
		width: 58%;
		background: url(../images/general/coursesearchbg1ResponsiveLrg.jpg) left top no-repeat #66CBFF;
		margin: 30px 2% 0 0;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.header_right{
		width: 58%;
		margin: 20px 2% 0 0;
		padding-bottom: 15px;
	}
	.headercontact{
		width: 94%;
		height: 55px;
		background: #66CBFF;
		padding: 0 3%;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.headercontact div{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0;
		padding: 17px 0 0 0;
		font-family: Verdana;
		font-size: 16px;
		color: #FFFFFF;
	}
	.headercontact div img{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: -7px 3px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 3%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
		display: block;
	}
	.headercontact span img{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: -3px 3px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span.HCspanResponsive{display: none;}
	.header_bottom{display: none;}
	.header_bottomResponsive{
		width: 100%;
		height: auto;
		background: #333333;
		float: left;
		text-align: left;
		margin: 0;
		padding: 0%;
		display: block;
	}
	
	.cell_right{
		width: 50%;
		padding: 3% 25%;
		text-align: center;
		display: block;
	}
	
	.imglist ul{
		width: auto;
		height: auto;
		float: left;
		margin: 0;
		padding: 10px 0px 0px 0px;
	}
	.imglist li{
		width: 100px;
		height: 70px;
		float: left;
		margin: 0px 5px 5px 0px;
		padding: 0;
		text-align: left;
		display: inline;
		list-style-type: none;
		overflow: hidden;
	}
	
	.searchform1{
		width: 75%;
		padding: 12px 0 0 25%;
	}
	.searchform1 input{
		width: 150px;
		padding: 5px;
	}
	
	.imagespacerLeft{
		width: auto;
		float: left;
		margin: 2% 3%;
	}
	.imagespacerRight{
		width: auto;
		float: right;
		margin: 2% 3%;
	}

}

@media only screen and (min-width:768px) and (max-width:1023px){
	
	body{background: #FFFFFF;}
	
	#container{
		width: 98%;
		height: 100%;
		margin: 0 1%;
	}
	
	#header{
		width: 100%;
		height: 170px;
	}
	.header_left{
		width: 22%;
		height: 106px;
		padding: 15px 1% 8px 0;
	}
	.header_left img{width: 100%;}
	.header_middle{
		width: 36%;
		margin: 50px 1% 24px 0;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.header_right{width: 40%;}
	.headercontact{
		width: 94%;
		height: 55px;
		background: #66CBFF;
		padding: 0 3%;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;                     
		border-radius: 12px;
	}
	.headercontact div{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0;
		padding: 15px 0 0 0;
		font-family: Verdana;
		font-size: 19px;
		color: #FFFFFF;
	}
	.headercontact div img{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: -5px 3px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: 0 0 0 3%;
		padding: 13px 0 0 0;
		font-family: Verdana;
		font-size: 11px;
		white-space: nowrap;
	}
	.headercontact span img{
		width: auto;
		height: auto;
		float: left;
		text-align: left;
		margin: -3px 3px 0 0;
		padding: 0;
		display: block;
	}
	.headercontact span.HCspanResponsive{display: none;}
	.header_bottom{width: 100%;}
	.header_bottomResponsive{display: none;}
	
	#maincontent{
		width: 100%; 
		min-height: 300px;
	}
	
	#HP_feature{width: 100%;}
	.HP_feature_left{
		width: 73%;
		margin: 0 2% 0 0;
	}
	.HP_feature_left_1{width: 32%;}
	.HP_feature_left_1 div.divtitle1{height: 60px;}
	.HP_feature_left_1 div{
		width: 92%;
		height: 289px;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_1 span{width: 100%;}
	.HP_feature_left_1 div.HPL1button{
		width: 92%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_left_2{width: 32%;}
	.HP_feature_left_2 div.divtitle2{height: 60px;}
	.HP_feature_left_2 div{
		width: 92%;
		height: 290px;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_2 span{width: 100%;}
	.HP_feature_left_2 div.HPL1button{
		width: 92%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_left_3{
		width: 32%;
		margin: 0 2%;
	}
	.HP_feature_left_3 div.divtitle3{height: 60px;}
	.HP_feature_left_3 div{
		width: 92%;
		height: 290px;
		margin: 0;
		padding: 10px 3% 20px 3%;
	}
	.HP_feature_left_3 span{width: 100%;}
	.HP_feature_left_3 div.HPL1button{
		width: 92%;
		margin: -3px 0 0 0;
		padding: 25px 3% 15px 3%;
	}
	.HP_feature_right{width: 25%;}
	
	.latest_news{
		width: 74.9%;
		height: 58px;
		padding: 10px 5% 12px 20%;
	}
	
	#footer{
		width: 96%;
		padding: 2%;
	}
	#bottom_footer{
		width: 100%;
		min-height: 140px;
	}
	
	.footerlist1{width: 45%;}
	.footerlist1 span{width: 100%;}
	.footerlist1 li{
		width: 31%;
		padding: 0 0 0 2%;
	}
	.footerlist2{width: 30%;}
	.footerlist2 span{width: 100%;}
	.footerlist2 li{width: 100%;}
	.footer_image{
		width: 15%;
		margin: 10px 5% 0 5%;
	}
	.footer_image img{width: 100%;}
	
	#facilities{
		width: 94%;
		min-height: 410px;
		background: url(../images/general/facilitiesbg1.jpg) left top no-repeat;
		padding: 3%;
	}
	.facilities_left{width: 50%;}
	.facilities_right{
		width: 45%;
		padding: 0 0 0 5%;
	}
	
	#courses{width: 99%;}
	.courses_top{
		width: 96%;
		padding: 2%;
	}
	.courses_bottom{
		width: 94%;
		padding: 3%;
	}
	
	.search_header{width: 100%;}
	
	.search_detail{width: 100%;}
	
	#courses_table{width: 100%;}
	.courses_table_top{
		width: 95%;
		padding: 2%;
	}
	.courses_table_middle{width: 100%;}
	.courses_table_bottom{width: 100%;}
	
	.cell_full{width: 100%;}
	.cell_left{width: 25%;}
	.cell_middle{
		width: 70%;
		padding: 0 2.5%;
	}
	.cell_middle img{
		width: auto;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
	.cell_right{display: none;}
	.cell_rightResponsive{
		width: 100%;
		height: auto;
		float: left;
		margin: 10px 0;
		padding: 0;
		display: block;
	}
	.cell_right_full{
		width: 70%;
		padding: 0 2.5%;
	}
	.cell_right_full img{
		width: auto;
		max-width: 100%;
	}
	
	.cell_full_HP{width: 100%;}
	.cell_left_HP{width: 40%;}
	.cell_middle_HP{
		width: 35%;
		padding: 15px 2% 0 3%;
	}
	.cell_middle_HP img{width: 100%;}
	.cell_right_HP{width: 20%;}
	
	#topnav{
		width: 100%;
		padding: 20px 0 14px 0;
	}
	#topnav li{padding: 0 5px;}
	
	#mainnav{
		width: 97%;
		padding: 10px 0 0 3%;
	}
	#mainnav li{
		margin: 0;
		padding: 0 22px 0 0;
		font-size: 13px;
	}
	#mainnav li.mainnavhome a, #mainnav li.mainnavhome a:link, #mainnav li.mainnavhome a:visited{padding: 0 0 0 25px;}
	#mainnav li.mainnavhome a:hover{padding: 0 0 0 25px;}
	
	.leftnav{width: 98%;}
	
	.rightnav{width: 98%;}
	.rightnav span{width: 100%;}
	.rightnav li{
		width: 94%;
		padding: 3%;
	}
	.rightnav li img{
		width: 100%;
		margin: 0;
	}
	
	.HP_feature_list{width: 99%;}
	.HP_feature_list_title{
		width: 97%;
		padding: 5px 0 0 3%;
	}
	.HP_feature_list span{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.HP_feature_list li{ 
		width: 96%;
		padding: 5px 2%;
	}
	.HP_feature_list li div{
		width: 20%;
		padding: 0 3% 0 0;
	}
	.HP_feature_list li div img{width: 100%;}
	.HP_feature_list li span{width: 77%;}
	
	.HP_socialmedia{
		width: 100%;
		margin-top: 18px;
	}
	.HP_socialmedia li{width: 100%;}
	
	.HP_extras li span{ 
		height: 35px;
		font-size: 11px;
	}
	
	.bookingform{width: 100%;}
	.bookingform span{width: 100%;}
	.bookingform label{
		width: 27%;
		margin: 0 3% 0 0;
	}
	.bookingform input{
		width: 66%;
		padding: 1% 1.5%;
	}
	.bookingform input.inputyellow{
		width: 66%;
		padding: 1% 1.5%;
	}
	.bookingform select{
		width: 69.4%;
		padding: 1% 1.5%;
	}
	.bookingform select.selectyellow{
		width: 69.4%;
		padding: 1% 1.5%;
	}
	.bookingform textarea{
		width: 66%;
		padding: 1% 1.5%;
	}
	
	.searchcoursesform{width: 99%;}
	.searchcoursesform h2{
		width: 96%;
		padding: 2%;
	}
	.searchcoursesform div.divsearchcoursesform{
		width: 74%;
		margin: 0 8%;
		padding: 5%;
	}
	.searchcoursesform span.spansearchcoursesform{
		width: 96%;
		padding: 0 2%;
	}
	.searchcoursesform span{
		width: 80%;
		background: none;
		margin: 0 3% 0 0;
	}
	.searchcoursesform label{width: 100%;}
	.searchcoursesform select{
		width: 96%;
		background: #FFFFFF;
		padding: 1.5%;
	}
	
	.quicklinkform{width: 100%;}
	.quicklinkform label{
		width: 155px;
		margin: 0 5px 0 0;
	}
	.quicklinkform select{
		width: 250px;
		background: #FFFFFF;
	}
	
	.searchform1{
		width: 100%;
		padding: 12px 0 0 82px;
	}
	.searchform1 input{
		width: 120px;
		padding: 5px;
	}
	
	.newsletterform{width: 100%;}
	.newsletterform div{
		width: 75%;
		background: url(../images/general/newsletterbg1Responsive.jpg) left top no-repeat;
		padding: 30px 0 0 25%;
	}
	.newsletterform div.divspan{
		width: 49%;
		margin: 0 1% 0 0;
		font-size: 8px;
	}
	.newsletterform span{width: 100%;}
	.newsletterform input.inputfield{width: 80px;}
	
	input.submit2, a.submit2, a.submit2:link, a.submit2:visited{background: none; padding:5px;} 
	a.submit2:hover, input.submit2:hover{background: none; padding:5px;}

}