/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a{text-decoration:none;color:#5d5c61;}
li{list-style:none;}

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
}
#faux {
 margin-bottom: 0px;
 overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 width: 880px;
 padding: 10px;
 height: 217px;
 margin: 10px 0px 0px 0px;
 
}
#navigation {
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: #017bc4;
 padding-top: 6px;
 height: 18px;
 color: white;
}
#navigation ul li { padding: 0 11px 0px 11px;float:left;list-style-type: none;height:28px;}
#navigation ul li a { font-size: 11px; text-decoration: none;color:#FFF; }
#navigation ul li#btnOurProgram:hover { background: url(images/btnOver.jpg) no-repeat center 22px; }
#navigation ul li#btnFacilities:hover { background: url(images/btnOver.jpg) no-repeat center 22px; }
#navigation ul li#btnHowto:hover { background: url(images/btnOver.jpg) no-repeat center 22px; }
#navigation ul { width:auto;display: block; width: auto; float: right; }

#leftcolumn { 
 display: inline;
 color: #333;
 padding: 0px;
 width: 367px;
 float: left;
 height: 427px;
 position: relative;
}
#rightcolumn { 
 float: right;
 color: #444;
 padding: 30px;
 padding-top: 14px;
 padding-bottom: 10px;
 width: 472px; /* 473px */
 display: inline;
 position: relative;
 background: url(images/smallPlane.jpg) no-repeat 17px 42px;
 overflow: hidden;
 height: 400px;
}

#rightcolumn h1, p, ul, span { margin-left: 15px; }
#rightcolumn h1 { font-size: 18px;font-weight: normal;}
#rightcolumn h2#quickPhoto { font-size: 11px;font-weight:normal;margin-top: 30px;margin-bottom:10px;margin-left:3px;letter-spacing: 0.4px }
#rightcolumn p {
 margin-top: 15px;
 font-size: 100%;
}
#rightcolumn ul { margin-left: 15px; }
#rightcolumn ul li {
 margin-top: 15px;
 font-size: 100%;
 list-style: circle;
}
#footer { 
 width: 882px;
 clear: both;
 color: #333;
 /* background: #ABBEBE; */
 border-top: solid 1px #CCC;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-size: 10px;color: #AAA;letter-spacing: 0.5px;text-align: center;
}
.clear { clear: both; background: none; }

a.specialHyperlink { text-decoration: none;font-size: 11px;color: #444;margin-right: 8px;margin-left: 15px; }
a.specialHyperlink:hover { color: #d84a3c }
#rightcolumn .homeIntro { font-size: 10.5px;color: #DDD;margin-top: 0px;margin-bottom: 7px;margin-left: 3px; }
#rightcolumn .ulCurriculum { margin-top: 10px }
#rightcolumn .ulCurriculum li { list-style: none;margin-top: 0px }
#rightcolumn .ulCurriculum .ulCurriculumPoint { margin-bottom: 10px }
#rightcolumn .ulCurriculum .ulCurriculumPoint ul li { list-style: circle;margin-left: 15px; }
#rightcolumn table.feeTable { margin-left: 15px;width: 500px; }
#rightcolumn table.feeTable td.firstCol { width: 400px; }

#rightcolumn table#howtoTable { font-size: 10px;width: auto;margin-left: 10px;margin-top:21px;margin-bottom: -10px; }
#rightcolumn table#howtoTable th { font-weight: bold }
#rightcolumn table#howtoTable th, #rightcolumn table#howtoTable td { padding: 5px;vertical-align: middle;border-right:1px solid #C39A68; }
#rightcolumn table#howtoTable th.last, #rightcolumn table#howtoTable td.last { border-right:0px }
#rightcolumn table#howtoTable th.number, td.number { text-align: center }
#rightcolumn table#howtoTable li { margin-top: 0px;list-style: circle }

#rightcolumn #ulReq { margin-left:35px;margin-top: 10px }
#rightcolumn #ulReq li { list-style: decimal }

#rightcolumn #divArrows { text-align: right;  }

#rightcolumn #photoGallery ul li { list-style: none;display: block; float: left; margin-right: 20px;margin-bottom: 0px;  }
#rightcolumn #photoGallery ul li img { border: 1px solid #666; }

#tblContactNumber { padding-left: 15px }


/* DROP DOWN */

#navigation #ourProgramMenuGroup {
 position: absolute;
 margin-left: -23px;
 margin-top: 8px;
 background: #FFF;
 border:1px solid #DDD;
 border-top: none;
 border-bottom: none;
 font-size: 2.7mm;
 color: #666666;
 display: none;
 z-index: 9999;
 width: 120px;
}
#navigation #ourProgramMenuGroup li { border-bottom: 1px solid #DDD; width: 98px;height: 22px;display: block;vertical-align: middle;padding-top: 8px }
#navigation #ourProgramMenuGroup li a {color: #555; }
#navigation #ourProgramMenuGroup li a:hover { color: #d84a3c; }
#navigation #ourProgramMenuGroup li:hover { background: white !important; }

#navigation #facilitiesMenuGroup {
 position: absolute;
 margin-left: -23px;
 margin-top: 8px;
 background: #FFF;
 border:1px solid #DDD;
 border-top: none;
 border-bottom: none;
 font-size: 2.7mm;
 color: #666666;
 display: none;
 z-index: 9999;
 width: 120px;
}
#navigation #facilitiesMenuGroup li { border-bottom: 1px solid #DDD; width: 98px;height: 22px;display: block;vertical-align: middle;padding-top: 8px }
#navigation #facilitiesMenuGroup li a {color: #555; }
#navigation #facilitiesMenuGroup li a:hover { color: #d84a3c; }
#navigation #facilitiesMenuGroup li:hover { background: white !important; }

#navigation #howtoMenuGroup {
 position: absolute;
 margin-left: -23px;
 margin-top: 8px;
 background: #FFF;
 border:1px solid #DDD;
 border-top: none;
 border-bottom: none;
 font-size: 2.7mm;
 color: #666666;
 display: none;
 z-index: 9999;
 width: 130px;
}
#navigation #howtoMenuGroup li { border-bottom: 1px solid #DDD; width: 108px;height: 22px;display: block;vertical-align: middle;padding-top: 8px }
#navigation #howtoMenuGroup li a {color: #555; }
#navigation #howtoMenuGroup li a:hover { color: #d84a3c; }
#navigation #howtoMenuGroup li:hover { background: white !important; }
