@charset "utf-8";
/* CSS Document */

/*-----Reset----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 12px;
}
body {
	line-height: 1.8em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: none;}

.clear {clear: both; height: 1px;}

/*-----End of Reset----*/

body#home {background: url(images/home_bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #474747; behavior:url("csshover3.htc");}
body {background: url(images/home_bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #474747; behavior:url("csshover3.htc");}

address {white-space: pre; font-style: normal}

p {margin: 1.4em 0;}

.header {width: 960px; margin: 0 auto 1em;}
.header h1 {text-indent: -9999px; margin: -1.8em 0 0; padding: 0;}
.logo {margin-top: 32px; float: left; width: auto;}

.nav_top {width: 630px; float: right; margin-top: 50px;}
.nav_btm {width: 753px; float: right; margin-top: 5px; margin-bottom: 1em; margin-left: 0; }
.nav_top li, .nav_btm li {display: inline; font-family: "Times New Roman", Times, serif;}
.nav_top li a, .nav_btm li a{color: #ffffff; text-decoration: none;}
.nav_top li a {font-size: 1.6em; margin-left: 0.7em;}
.nav_btm li a {font-size: 1.2em; margin-left: 0.7em;}

.nav_top ul {display: none; position: absolute; margin-top: -0.2em; background: #003272; padding: 0.4em 0.4em; border-top: 1px solid #004092; border-bottom: 2px solid #002759; z-index: 9999;}
.nav_top ul a {font-size: 1.2em; padding: 0.4em 0.5em; margin: 0;}
.nav_top ul ul {display: none; position: absolute; margin: -1.5em 0em 0 90%; background: #003b85; padding: 0.2em 0.4em; border-top: 1px solid #00449a; border-bottom: 2px solid #003374; z-index: 9999; width: 110px}
.nav_top ul li {display: block}
.nav_top ul ul a {font-size: 1em; height: 1.6em; margin: 0 0.5em; padding: 0.4em 0;}
.nav_top li:hover ul {display: block;}
.nav_top li:hover ul li ul{display: none;}
.nav_top li:hover ul li:hover ul{display: block;}
.nav_top #programmes {margin-left: 26.8em;}
.nav_top #apply {margin-left: 40.3em; padding: 0.4em 0;}


.contact_us a{text-indent: -9999px; background: url(images/contact.png) no-repeat; display: inline-block; width: 87px; height: 21px;} 

.content {clear: both; width: 913px; margin: 0 auto; min-height: 600px;}

.pitch {margin: 2em 0 3.5em;}

.pitch p {width: 60%; font-family: "Times New Roman", Times, serif; font-size: 1.55em; float: left; color: #00396a; line-height: 1.6em; margin-top: 0.8em; margin-bottom: 0;}
.pitch p span {color: #ad0000; font-weight: bold; font-size: 1em;}
.pitch img {width: auto; float: right; margin-right: 5px;} 

.excerpts {width: 23%; float: left; padding: 0 0.7em;}
.excerpts .head {border-top: 1px solid #ad0000; border-bottom: 1px solid #ad0000; padding: 0.5em 0 0.5em 0.4em; margin-bottom: 0.8em;}
.excerpts .head img{width: auto; float: left; padding-right: 0.4em;}
.excerpts .head h2 {font-family: "Times New Roman", Times, serif; font-size: 1.35em; color: #ad0000; width: 62%; float: right; font-weight: bold; line-height: 1em; height: 47px; padding-top: 0;}
.excerpts .head h2 small {font-size: 0.75em; display: block; font-weight: normal; color: #000000}

.excerpts .body {padding-left: 0.4em;}
.excerpts .body p {font-size: 0.95em;}
.excerpts .body p a {font-size: 0.95em; color: #c67e00; text-decoration: none;}
.excerpts .body p a:hover {color: #ffb22c;}

.redline {border-top: 1px solid #750404; margin-top: 6em; background: none; border-bottom: none;}

.footer {width: 930px; margin: 0 auto; margin-top: 1em; height: 50px;}
.footer p {margin: 0;}
.contact {font-family: "Times New Roman", Times, serif; font-size: 20px; float: left; width: 49%;}
.contact .red {color: #ad0000; font-size: 20px; }
.contact .blue {color: #0097cf; font-size: 20px; }
.copyright {font-size: 0.9em; float: right; width: 49%; color: #767676; text-align: right; margin-top: 3px;}
.copyright a{font-size: 0.9em; color: #767676; text-decoration: none; font-style: italic;}
.copyright a:hover {text-decoration: underline; color: #2f2f2f;}

h2 {font-size: 2.6em; font-family: "Times New Roman", Times, serif; color: #ffffff; padding-top: 1em; font-weight: normal;}

blockquote {font-size: 1.6em; font-family: "Times New Roman", Times, serif; color: #999999; width: 200px;}
.bqleft {float: left; padding: 0 20px 10px 0;}
.bqright {float: right; padding: 0 0 10px 20px;}
blockquote small {font-style: italic;}
.startq {font-size: 5em; color: #ddd; float: left; margin: -0.29em 0 -0.5em -0.1em; padding-right: 0.05em; line-height: 1em;}
.endq {font-size: 5em; color: #ddd; float: right; margin: 0.3em -0.2em -0.4em 0; padding-right: 0.2em;}

.testimonial {font-size: 1.6em; font-family: "Times New Roman", Times, serif; line-height: 1.3em;}
.testimonial .name {font-size: 0.7em; font-style: italic; font-family: Arial, Helvetica, sans-serif; display: block; text-align: right}

.banner {clear: both; text-align: center; padding-top: 1.4em;}
.banner_home {clear: both; text-align: center; position: relative; z-index: 1;}

.breadcrumb {width: 99%; color: #ffffff; text-align: right; margin: 3.2em 0 0.8em;}
.breadcrumb a {color: #ad0000; text-decoration: none;}
.breadcrumb a:hover {color: #f30505;}

.content_main {width: 70%; float: left;}
.content_main_full {width: 98%; margin: 0 auto;}
.content_main p:first-child, .content_main_full p:first-child, h3+p {font-family: "Times New Roman", Times, serif; font-size: 1.7em; line-height: 1.4em; color: #0d3060; margin: 0.8em 0;}
.image {width: 25%;}
.image.left {float: left; margin-right: 2.5em;}
.image.right {float: right; margin-right: 0.4em;}
.image img {margin: 2em 0 0 0;}

.programmes p:first-child {font-family: Arial, Helvetica, sans-serif; color: #474747; font-size: 12px; line-height: 1.8em; margin-top: 0;}
.programmes h3 {font-family: "Times New Roman", Times, serif; font-size: 2em; line-height: 1.4em; color: #0d3060; margin: 1.8em 0 0.4em; font-weight: normal; border-bottom: 1px dotted #a70000; padding-bottom: 0.2em;}
.programmes dt, dt {font-weight: bold; font-size: 1.1em; color: #0d3060}
.programmes dd, dd {margin-bottom: 0.9em;}

h3 {font-family: "Times New Roman", Times, serif; font-size: 2em; line-height: 1.4em; color: #0d3060; margin: 0.9em 0 0.4em; font-weight: normal; border-bottom: 1px dotted #a70000; padding-bottom: 0.1em;}
h4 {font-family: "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.4em; color: #0d3060; margin: 0.9em 0 0.4em; font-weight: normal;}
h5 {font-weight: bold; color: #0d3060; margin: 0.9em 0 0.4em;}
h6 {margin: 0.9em 0 0.4em;}

ol {list-style: outside decimal; margin-left: 1.6em;}
ol li {margin: 1em 0;}
ol ul {list-style: outside disc; margin: 1.2em 0 1.2em 1.2em;}
ol ul li {margin: 0.2em 0;}
ul {list-style: outside disc; margin-left: 1.6em;}
ul li {margin: 0.2em 0;}

table {text-align: left; margin: 0 auto 1.6em; background: #f4f4f4}
table th{font-size: 1.1em; background: #0a85b2; padding: 0.2em 4%; border-right: 2px solid #ffffff; text-align: left; color: #FFFFFF;}
table tr:nth-child(even), table .even td {background: #ebebeb}
table tr td {padding: 0.2em 4%; border-right: 2px solid #ffffff;}
table ul {margin-left: 1em;}

.partners {clear: right; padding: 0.8em 0;}
.partners img {float: right; margin-left: 2em;}


.calendar {width: 20%; float: left; margin: 0 1.2%; padding: 0.8em;}
.calendar:hover {background: #e9e9e9;}
.calendar h3 {font-family: "Times New Roman", Times, serif; font-size: 1.3em; color: #0d3060; margin: 0.2em 0 0.4em; font-weight: normal; border-bottom: 1px dotted #a70000; padding-bottom: 0.1em;}
.calendar ol {list-style: none; margin: 0 auto; padding: 0; width: 100%;}
.calendar ol li {width: 14.2%; float: left; margin: 0; text-align: center}
.calendar ol li:nth-child(7n+1) {color: #bb0000}
.calendar .day {background: #dddddd;}
.calendar .sun {color: #bb0000}
.calendar .public, .legend .public {background: #FFCC33;}
.calendar .intake, .legend .intake {background: #A9FF53}
.calendar .sembreak, .legend .sembreak {background: #33CCFF}
.calendar .exams, .legend .exams {background: #FF8080}
.legend {margin: 3em 1.5em; overflow: hidden; width: 100%;}
.legend dt {display: block; height: 20px; width: 20px; margin-right: 0.8em;}
.legend dd {margin-right: 3em;}
.legend dt, .legend dd {float: left;}

.holidays {margin-left: 1.5em; margin-top: 2em; float: left; width: 30%;}
.holidays dt {float: left; width: 35%; font-weight: bold; border-top: 1px solid #ccc; padding: 2px;}
.holidays dd {border-top: 1px solid #ccc; padding: 2px; width: 60%; float: left;}


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:10px 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:220px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria_wrapper {background: #fff; border: 8px solid #ddd; width: 700px; height: 438px;}
* html .galleria li div span{width:400px} /* MSIE bug */

.days {background: url(images/edutourism_datebg.png) repeat-x; padding: 0em 1.2em; height: 34px; width: 63%; -webkit-border-top-right-radius: 1.2em; -moz-border-radius-topright: 1.2em; border-top-right-radius: 1.2em;-webkit-border-bottom-right-radius: 1.2em; -moz-border-radius-bottomright: 1.2em; border-bottom-right-radius: 1.2em; margin-left: 0;}
.days li {display: inline-block; line-height: 34px; margin: 0 0.4em; background: url(images/edutourism_arrow.png) right top no-repeat; height: 34px; }
.days li:last-child {background: none; padding-right: 0;}
.days li a {color: #fff; padding-right: 2em; height: 34px;}
.days li a:hover, .days li a:active {color: #ffc601}

.activities {width: 95%; margin: 2em auto; background: url(images/edutourism_contentbg.png) repeat-x #350f36; color: #fff; overflow: hidden; padding: 2em; line-height: 1.618em;}
.activities h3 {width: 64%; color: #fff; border: none; font-variant: small-caps; padding: 0; margin: 0;}
.activities img {float: right;}
.activities dl {width: 64%; float: left; overflow: hidden; border-top: 1px #ffae00 solid; border-bottom: 1px #ffae00 solid;}
.activities dt, .activities dd {float: left; padding: 0.2em 0;}
.activities dt {height: auto; width: 23%; clear: left; text-align: center; text-transform: uppercase; color: #d0d0d0}
.activities dd {width: 70%; border-left: 1px #ffae00 solid; padding-left: 0.5em;}
.activities dd ul {list-style: none;}
.activities dd ul li {margin: 0 0 0.4em;}

#apply {padding-top: 2.2em;}
#apply ol, #apply ul {list-style: none;}
#apply ol li {overflow: hidden}
#apply label {float: left; width: 300px; font-weight: bold;}
#apply fieldset {border: 1px dotted #a70000; margin: 2em 0;}
#apply fieldset fieldset {border: none; margin: 0 0 0 -5px;}
#apply fieldset fieldset label {font-weight: normal; width: 130px;}
#apply fieldset legend {font-size: 1.6em; font-family: "Times New Roman", Times, serif; padding: 0.5em 0.5em; color: #a70000; display: block; background: #fff}
#apply fieldset fieldset legend {font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #474747; font-weight: bold; float: left; line-height: 0.9em; width: 300px}
#apply textarea {width: 300px;}
#apply span {display: block; font-size: 0.9em; font-style: italic; font-weight: normal}
#apply input[type=text] {width: 300px;}

#apply table input[type=text], #apply table input[type=tel]{width: 200px;}
#apply .agree {width: 100%; text-align: center; font-weight: normal; padding: 2em 0;}
#apply table {width: 95%}
#apply input[type=submit]{margin: 0 auto; display: block; width: 100px;}

#agreement h3 + p {font-size: 1.2em;}
p.normal {font-family: Arial, Helvetica, sans-serif; color: #474747; font-size: 12px; line-height: 1.8em; margin-top: 0;}


.tableEnquiry {color: #333; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; background: #e5e5e5}
.tableLeft {float: left; width: 20%; }
.tableRight {float: right; width: 78%;}
.contacttableLeft {float: left; width: 50%; }
.contacttableRight {float: right; width: 48%;}
.enquirytableLeft {float: left; width: 44%;}
.enquirytableRight {float: right; width: 48%;}
.enquirytxtfill {background-color: #fff; width: 80%; min-height: 20px; font-size: 12px; color: #333; border: 1px solid #888; margin-bottom: 10px;}
.enquirytxtfill2 {background-color: #fff; width: 85%; min-height: 20px; font-size: 12px; color: #333; border: 1px solid #888; margin-bottom: 10px;}
.enquiryBtn { background: url(images/btn.jpg) no-repeat; border: none; width:77px; height:20px; color: #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; cursor: pointer}

.tableEnquiry_top {height: 5px;}
.tableEnquiry_middle {background: #e5e5e5}
.tableEnquiry_bottom {height: 5px;}
.tableEnquiry tr:nth-child(even), .tableEnquiry .even td {}

.required {color: #c00; display: inline}