/*reset*/
*
{
    margin: 0;
    padding: 0;
}

.clearfix{}
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.red {color:#f00;}

a
{
    color: #00aef1;
    text-decoration: none;
}

:focus
{
    outline: none;
}

ul
{
    margin: 0;
    padding: 0;
}

li
{
    list-style: none;
}

address
{
    font-style: normal;
    margin-bottom: 12px;
}
/*<!--reset-->*/


body
{
    background: #fff url(../Images/body_bg.gif?nocache=true) repeat-x;
    color: #000;
    font-family: Arial;
    margin: 0;
}

h1, h2, h3
{
    color: #00aef1;
}

div#container
{
    margin: 0 auto;
    width: 1001px;
}


div#header
{
    height:auto !important;
    height:165px;
    min-height:165px;
}


div#globalnav ul
{
    float: right;
    height: auto !important;
    height: 35px;
    min-height: 35px;
}

div#globalnav li
{
    float: left;
}

div#globalnav li a
{
    display: block;
    padding: 7px 15px 8px;
}

div#globalnav li.selected
{
    background: #03abeb url(../Images/globalnav_selected_bg.gif) repeat-x;
}

div#globalnav li.selected a
{
    color: #fff;
}


div#contact
{
    font-size: 12px;
    float: right;
    line-height: 16px;
    margin: 38px 40px 0 0;
    width: 230px;
}

div#contact span
{
    color: #0ab0ed;
}

div#contact a
{
    color: #000;
}




/* Main Content */
div#main
{
    float: left;
    width: 660px;
}

div#main h2
{
    color: #09f;
    font-size: 24px;
    margin: 12px 0;
}


div#main li
{
    list-style: circle inside;
}

div#main li,
div#main p
{
    font-size: 14px;
}

div#main p
{
    margin: 12px 0;
}

div#main p.large
{
    font-size: 18px;
}

div#main div.padding
{
    padding: 0 10px;
}

div#main div.pager a
{
    padding: 5px;
}

div#main div.pager .button
{
    margin-right: 5px;
    padding: 5px;
}

div#main div.pager a.button
{
    border: 1px solid #999;
    -moz-border-radius: 3px;
}


/* Main News */
div#news h2
{
    margin: 10px 0;
}

div#news img
{
    border: 1px solid #ccc;
    float: right;
    margin-left: 10px;
    padding: 5px;
}

div#news a.button
{
    display: inline;
    float: left;
    margin-right: 55px;
}

div#news a.button img
{
    border: none;
    float: none;
    margin: 0;
    padding: 0;
}

div#news em.date
{
    color: #999;
    display: block;
    font-size: 12px;
}

div#news p
{
    margin: 10px 0;
}

div#news a.more
{
    display: block;
    font-weight: bold;
    margin: 5px 0px;
    text-align: right;
}

div#news a.courses
{
    float: left;
}

div#news hr
{
    background-color: #ccc;
    border: none;
    height: 1px;
    margin: 20px auto;
    width: 100%;
}

div#news a.arrownext
{
    float: right;
}


/* RHS */
div#rhs
{
    float: right;
    width: 331px;
}


/* RHS Courses */
div#courses
{
    background: #f9f9f9 url(../Images/rhs_courses_box_bg.gif) no-repeat;
    color: #333;
    width: 328px; height: 136px;
}

div#courses div.inner
{
    padding: 20px 15px;
    position: relative;
}

div#courses h2
{
    color: #00aef1;
    font-size: 24px;
}

div#courses h2,
div#courses p
{
    margin: 0;
}

/**
/*==================================
remove default focus style
====================================*/
.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
.newListSelected {width:285px; color:#000; padding:3px 0 0 6px; float:left; background:url(select-bg.png) no-repeat;}
.newListSelected span {width:284px; display:block;}
ul.newList li {padding:3px 8px;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}
/**/

div#courses div.newListSelected
{
    background: #fff url(../Images/rhs_courses_box_arrow.gif) no-repeat 100%;
    border: 1px solid #ccc;
    color: #00aef1;
    cursor: pointer;
    padding: 0;
    width: 190px;
}

div#courses div.selectedTxt
{
    float: left;
    line-height: 41px;
    overflow: hidden;
/*    margin-right: 30px;
    padding: 11px 30px 11px 11px;*/
    padding: 0 30px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    -moz-user-select: none;
}

div#courses ul.newList
{
    background: #fff;
    border: 1px solid #ccc;
    color: #00aef1;
    font-size: 14px;
    left: -1px !important; top: 46px !important;
    overflow: auto;
    position: absolute;
    width: 340px;
    z-index: 9999;
}

div#courses div.newListSelHover
{
}

div#courses li.newListHover,
div#courses li.hiLite:hover
{
    color: #000;
}

div#courses li.hiLite
{
    background-color: #00aef1;
    color: #fff;
}

div#courses input.button
{
    float: right;
}


/* RHS Latest News */
div#mininews
{
    margin-left: 6px;
}

div#mininews h3
{
    color: #0099ff;
    font-weight: normal;
    font-size: 18px;
    margin: 11px 0 21px;
}

div#mininews ul
{
    border-top: 1px dotted #696969;
    width: 316px;
}

div#mininews li
{
    border-bottom: 1px dotted #696969;
    font-size: 12px;
    padding: 13px 1px 14px;
}

div#mininews div
{
    margin-left: 92px;
}

div#mininews a
{
    float: left;
}

div#mininews a img
{
    border: none;
    display: block;
    width: 75px; height: 75px;
}

div#mininews h4
{
    color: #000;
    font-weight: bold;
}

div#mininews a
{
    font-weight: bold;
}

div#rhs div.title h2
{
    color: #999;
    float: right;
    font: 36px Times New Roman;
    padding: 20px;
}


/* Footer */
div#footer div
{
    font-size: 12px;
    margin: 0 10px;
}

div#footer div div
{
    margin: 0;
}

div#footer div.left
{
    float: left;
    width: 500px;
}

div#footer div.right
{
    float: right;
    text-align: right;
}

div#footer div a
{
    color: #000;
}


div#list2form_bookingform
{
    margin-top: 20px;
}

.generalform
{
    padding: 0 !important;
}

div#map iframe
{
    border: 1px solid #63615d;
}
























/****/
#courses select
{
    color: #909;
    font-family: Arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    border: 1px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    overflow: visible;
}















html, body{overflow-x:hidden;}



/*        a:link{color:#00AEF1;}
        a:visited{color:#00AEF1;}
        a:hover{color:#00AEF1;}
        a:active {color:#00AEF1;}
		
*/
.banner
{
    background:transparent url(../Images/banner1.png) no-repeat scroll 0 0;
    font-family:Georgia;
    font-size:30px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:226px;
    line-height:normal;
    margin-bottom:37px;
    position:relative;
}


.banner em {
    display:block;
    left:455px;
    position:absolute;
    top:55px;
}

#footer address {font-style:normal;}




.pager
{
    line-height:2em;
}


body .ui-widget {
    font-size:0.7em;
}


div#footer div
{
font-size:12px;
margin:0 10px;
}

div#footer .left
{
float:left;
width:500px;
}

div#footer .right
{
    float: right;
    text-align:right;
    
}








#theform h2 {white-space: nowrap;}

.generalform
{
	clear:both;
	width:444px;
	margin:0;
	padding:10px 10px 10px 0; /* 20px;*/
}

.generalform div
{
	padding-top:8px;
	clear:both;
}

.wrap .generalform .chk
{
	padding-top:0;
}

.wrap .generalform .chk label
{
	padding-top:0;
}

.generalform p
{
	margin-left:0;
}

.generalform .buttondiv
{
    padding-top:0; 
}

.generalform .description
{
    margin: 12px 0;
}

.generalform .description h2
{
    margin: 0 !important;
}

.generalform label
{
	float:left;
	clear:left;
	width:140px;
	padding-top:4px;
}

.generalform select,
.generalform input,
.generalform textarea
{
	float:right;
	width:280px;	
	border:1px solid #999999;
	padding:3px;
}

.generalform select
{
    width: 288px;
}

.generalform textarea
{
	height:220px;   
	margin-bottom:10px;
}

.generalform .chk input
{
	border:none;
	width:auto;
	float:none;
	vertical-align:middle;
	margin-right:3px;
}

.wrap .generalform .chk div
{
	float:right;
	width:285px;
	clear:none;
	padding:0;
}
.generalform .chk div label
{
	float:none;
}

.generalform .button
{
	width:auto;
	float:right;
	clear:both;
	margin:0;
	font-size: 14px;
	overflow:visible;
	border:1px solid #076cc7;
	cursor:pointer;
	
	background:#0099FF url(../Images/button_bg_small.gif) repeat-x;
	color:#fff;
    -moz-border-radius: 2px;
}

.validation
{
    border: 1px solid #d1d1d1;
	color: #0099ff;
	background:#f8f8f8;
	padding:5px 10px !important;
    -moz-border-radius: 2px;
}

.validation a
{
	color:#fff;
}

.validation ul li,
.validation p
{
	/*color:#fff;
	background:#ED229C;
	font-weight:bold;
	padding:5px 10px;	*/
}

.success
{
    background:#E7E7E7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:15px;
    font-weight:bold;
    font-size:110%;
    color:#0099FF;
}

/*error*/
#error
{
	padding-bottom:30px;
}

#error .button
{
	text-align:center;
	font-weight:bold;
	padding:5px;
	overflow:visible;
	color:#fff;
	background:#0099FF;
	border:none;
	cursor:pointer;	
}

#error .button:hover
{
	color:#FFCFED;
	
}

#yahoosearch
{
	border:1px solid #ccc;
	padding:5px;
	margin-right:3px;
}































#footer {

    height:auto !important;
    height:50px;
      min-height:100px;
	 margin-bottom:30px;
}

#footer a:hover {color:#666;}

div#footer span.left {
float:left;
width:500px;
}

div#footer span.right{text-align:right;}

div#footer div#footer_top h2
{
    color: #999;
    display:block;
    font: 36px Times New Roman;
    line-height: 65px;
}

.clear {clear:both;}

#homectas {margin:50px 0px 20px 0px;}

#homectas h2 {margin:10px 0px;}

#main #homectas p,#main #homectas li {font-size:12px;/*padding-right:10px;*/}

#homectas li  {color:#505050;padding:0px 0px 0px 15px;background: url(../images/bullet.gif) left 3px  no-repeat;}

#homecta1,#homecta2 {width:310px;padding:20px 0px;border-top:solid 3px #0099FF;border-bottom:solid 3px #0099FF;    height:auto !important;
    height:195px;
      min-height:195px;
	 margin-bottom:30px;}

#homecta1{float:left;}

#homecta2 {float:right;}
div#homecta2 ul li {list-style:none;}

a.arrownext {background:url(../images/linkarrow_right.gif) center left no-repeat;font-size:18px;color:#0099FF;padding:0px 0px 0px 15px;font-weight:bold;}
a.arrowback {background:url(../images/linkarrow_left.gif) center left no-repeat;font-size:18px;color:#0099FF;padding:0px 0px 0px 15px;font-weight:bold;}

div#main {margin-bottom:30px;}

div#footer div#footer_bottom
{
    margin-top: 27px;
}

div#news a.email
{
    float: right;
    margin-right: 0;
}

div#news a.arrownext,
div#news a.arrowback
{
    margin-top: 12px;
}
