@font-face {
  font-family: 'CenturyGothic';
  src: 	url('font/GOTHIC.TTF') format('embedded-opentype'), 
		url('font/GOTHIC.TTF') format('truetype');
  font-weight: normal; font-style: normal;
}
body {FONT-FAMILY: Tahoma; margin:0px; FONT-SIZE: 9pt; background-size:100%; background:url(images/background.jpg) repeat 0 0; background-color:transparent; COLOR: #666666; LINE-HEIGHT: normal; TEXT-DECORATION: none; FONT-STYLE: normal;}
form{margin:0px}
#banner {height:120px; background:url(images/header.jpg) repeat-x;}

select,input[type="text"],textarea{FONT-FAMILY: Helvetica; FONT-SIZE: 10pt; Background-color: #ffffff; COLOR: #333333; border:1px solid #99CC99; border-radius:3px; box-shadow: 0 0 0px #999999; padding: 2px;}
.franchisee {FONT-FAMILY: Helvetica; FONT-SIZE: 10pt; Background-color: #BADE79; COLOR: #000; border:2px solid #669900; border-radius:3px; box-shadow: 0 0 0px #3399FF; padding: 2px;}
input[type="button"]{FONT-WEIGHT: bold; FONT-FAMILY: Helvetica; CURSOR: hand; FONT-SIZE: 8pt; Background-color: #C8682C; COLOR: #ffffff; border:1px solid #000000; border-radius:3px; height:25px}
input[type="submit"]{FONT-WEIGHT: bold; FONT-FAMILY: Helvetica; CURSOR: hand; FONT-SIZE: 8pt; Background-color: #C8682C; COLOR: #ffffff; border:1px solid #003300; border-radius:3px; height:25px}
input[type="reset"]{FONT-WEIGHT: bold; FONT-FAMILY: Helvetica; CURSOR: hand; FONT-SIZE: 8pt; Background-color: #499341; COLOR: #ffffff; border:1px solid #003300; border-radius:3px; height:25px}

input[type=text]:focus{background:#F4DEB0; color:#000000}
textarea:focus {background-color:#F4DEB0; color:#000000}

A:link {FONT-SIZE: 9pt; COLOR: #CC3300; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 9pt; COLOR: #CC3300; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none}
A:active {FONT-SIZE: 9pt; COLOR: #800080; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none}

A.amenu {FONT-WEIGHT: bold; FONT-FAMILY: CenturyGothic; FONT-SIZE: 11pt; COLOR: #0099FF; TEXT-DECORATION: none}
A.amenu:hover {FONT-WEIGHT: bold; FONT-FAMILY: CenturyGothic; FONT-SIZE: 11pt; COLOR: #0099FF; TEXT-DECORATION: underline}

A.news {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #CC3300; TEXT-DECORATION: none}
A.news:hover {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #CC3300; TEXT-DECORATION: underline}

A.footer {FONT-SIZE: 10pt; COLOR: #ffffff; TEXT-DECORATION: none}
A.footer:hover {FONT-SIZE: 10pt; COLOR: #ffffff; TEXT-DECORATION: underline}

.div_border {border-radius: 0px 0px 0px 0px;	box-shadow: 0 0 10px #999999; margin:0; padding:0; width:1100px;}
.menu {float:left; FONT-WEIGHT: normal; text-align:center; width:100%; height:30px; FONT-SIZE: 8pt; COLOR: #000; Background-color:#CBF2FA; margin:0; padding:6px 0 0px 0;}
.header {text-align:none; FONT-WEIGHT: normal; width:1100px; height:120px; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; COLOR: #ffffff; Background-color:tranasparent; position:fixed; z-index:99; top:0;}
.top_header {height:2px; Background-color:transparent;}
.body {text-align:none; FONT-WEIGHT: normal; width:100%; FONT-SIZE: 10pt; COLOR: #333333; background-color:#ffffff; position:relative; padding-top:120px; z-index:98;}
.content {margin:12px 24px 12px 24px; text-align:justify; min-height:525px;}
.footer {FONT-WEIGHT: normal; width:100%; height:100px; FONT-SIZE: 8pt; FONT-FAMILY: tahoma; COLOR: #000000; Background-color:#2657A3;}

td {FONT-SIZE: 9pt; COLOR: #000000; Background-color:transparent; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none}

#title {height:40px; margin:0 0 0px 24px; border-bottom:0px solid #CDD3AB; padding-top:24px;}
h1.title {float:left; FONT-FAMILY:CenturyGothic; FONT-WEIGHT: normal; FONT-SIZE: 18pt; FONT-VARIANT: normal; color:#0066CC; margin:0;}
h1.TitleNotice {float:left; FONT-FAMILY: CenturyGothic; FONT-WEIGHT: bold; FONT-SIZE: 15pt; color:#0099FF; text-shadow: 0 0 0px #F3A237; margin:0 0 10 0;}

h3.titleleft {FONT-FAMILY: CenturyGothic; FONT-WEIGHT: normal;; FONT-SIZE: 14pt; color:#0099FF; padding:0 0 10px 0; margin:0px;}
h3.titlecenter {text-align:center; FONT-FAMILY: CenturyGothic; FONT-WEIGHT: bold; FONT-SIZE: 15pt; color:#0099FF; padding:0; margin:12px;}

.titletab {FONT-FAMILY: Tahoma; FONT-WEIGHT: bold; FONT-SIZE: 10pt; TEXT-DECORATION: underline}
.login {background: url('images/login.png') left no-repeat; margin:0px 0 0 14px; padding-left:24px;}
.enquiry {background: url('images/franchisee.png') left no-repeat; padding-left:32px;}

.tdtitle {FONT-WEIGHT: bold; text-align:center; height:25px; FONT-SIZE: 10pt; FONT-FAMILY: Tahoma; COLOR: #000000; Background-color: transparent;}

td.TitleLeft {padding:4; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #333333; Background-color: #CBD691; border: 1px dotted #CCB159;}
td.Left {text-align:left; padding:4; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #990000; Background-color: transparent; border: 1px dotted #CCB159;}
td.LeftNormal {text-align:left; padding:4; FONT-SIZE: 9pt; COLOR: #000; Background-color: transparent; border: 1px dotted #CCB159;}

td.TitleCenter {text-align:center; padding:2; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #333333; Background-color: #a4b25b; border: 1px dotted #CCB159;}
td.CenterBold {text-align:center; padding:3; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #990000; Background-color: transparent; border: 1px dotted #CBD691;}
td.CenterNormal {text-align:center; padding:4; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #990000; Background-color: transparent;}
td.Center {text-align:center; padding:3; FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #333333; Background-color: transparent; border: 1px dotted #CBD691;}
td.justify {text-align:justify; padding:6; FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #333333; Background-color:transparent; border: 1px dotted #CCB159;}
td.message {text-align:center; FONT-WEIGHT:bold; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; COLOR: #cc3333; padding-top:10px;}

.table_red {text-align:center; padding:6; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #990000; Background-color: #F8E9C0; border: 1px dotted #CCB159;}
td.RedLeft {text-align:left; padding:4; FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #990000; Background-color: #F8E9C0; border: 1px dotted #CCB159;}

.frmtableleft{text-align:left; padding:2; FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: Tahoma; COLOR: #000000; Background-color:transparent;}
.frmtablecenter{text-align:center; padding:2; FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: Tahoma; COLOR: #000000; Background-color:transparent;}
.frmtableright {text-align:right; FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: Tahoma; COLOR: #000000; Background-color:transparent;}

.success {text-align:center; padding:1px 0 0 0; FONT-WEIGHT: bold; FONT-FAMILY: arial; FONT-SIZE: 11pt; COLOR: #333399; Background-color:transparent;}
.success img {border-radius: 50%; box-shadow: 0 0 1px #333333; padding:2px; margin:2px;}
h1.success.course {width:auto; text-align:center; COLOR: #CC3333; margin-top:16px;}

.contact {text-align:left; padding: 0 0 10 0; FONT-SIZE: 10pt; COLOR: #000000; Background-color:transparent;}
.contactmsg {text-align:center; height:25px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003300; Background-color:transparent;}
.style {text-align:center; FONT-WEIGHT: bold; FONT-SIZE: 9pt; FONT-FAMILY: COLOR: #2E72E1; Background-color:transparent;}
.star {text-align:center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: verdana; COLOR: #990000; Background-color:transparent;}
.small {FONT-SIZE: 7pt; COLOR: #666666;}
.SmallRight {float:right; FONT-SIZE: 8pt; COLOR: #666666;}
.note {text-align:justify; padding-top: 10px; FONT-SIZE: 8pt; COLOR: #666666; font-style:italic;}
.filesize {float:right; margin-top:6px; FONT-SIZE: 7pt; COLOR: #666666; Background-color:transparent;}

.TheCode{float:left; font-weight:bold; padding:3px 5px; border:1px solid #000; border-radius:2px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.code1{float:left;}

.ArrowSign{text-align:center; background: url('images/arrow.png') left no-repeat; padding-left:24px; line-height:18px;}
.CircleSign{text-align:center; background: url('images/circle.png') left no-repeat; padding-left:24px; line-height:18px;}
.CourseSign{FONT-SIZE: 10pt; FONT-FAMILY: CenturyGothic; font-weight:bold; text-align:center; background: url('images/course.png') left no-repeat; padding-left:36px; line-height:30px;}
.map_border {float:right; width:600px; border-radius: 0px; box-shadow: 0 0 4px #999999; padding:4; margin-left:36px;}
#map-canvas {margin: 0; padding: 0; height:490px;}

.msg {FONT-WEIGHT: bold; padding: 3 0 3 10; FONT-SIZE: 11pt; COLOR: #CC0000; Background-color:transparent}
.clear {clear:both;}

#img_gallery img {border:0px solid #c0c0c0;}
.trans {Background-color: transparent; color:#fff;}

.home_left {Background-color:transparent; width:318px; height:275px; margin:24px 0 24px 24px; padding-right:24px; text-align:justify; float:left; border-right: 1px dotted #C8682C;}
.home_right {Background-color:transparent; width:318px; height:200px; margin:24px 0 24px 24px; padding-right:24px; text-align:right; float:left; border-right: 0px dotted #C8682C;}
.static_border {border-right: 1px dotted #C8682C;}
.img_gallery img {border: 0px solid #A9CE1C; border-radius:4px; box-shadow: 0 0 1px #333333; margin:12 12 18 17; padding:1px;}

img.Left{margin:0 0 0 0; padding: 0px; float:left;}
img.Right{margin:0 0 0 0; padding: 0px; float:right;}
img.Left-Border{border-radius: 0 0 4px 4px; box-shadow: 0 0 1px #000000; margin:0 12 0 0; padding: 1px; float:left;}
img.Right1{text-align:center; border-radius: 0 0 4px 4px; box-shadow: 0 0 1px #000000; margin:0 0 0 12; padding: 1px; float:right;}