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

* { margin:0; padding:0; }

html { height:100%; margin-bottom:1px; }
body { background:#14351A url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; }

a { color:#AA0201; text-decoration:none; outline: none;}
a:hover { text-decoration:underline; }

h1 { float:right; background:url(../images/sub_txt.jpg) no-repeat; width:423px; height:24px; text-indent:-5000px; margin:10px 0 25px;  } 
h2 { width:319px; height:19px; text-indent:-5000px; margin:0 0 5px 0;  }
h2.welcome { background:url(../images/welcome_txt.gif) no-repeat;}
h2.timetables { background:url(../images/timetables2.gif) no-repeat;}
h2.testCentre { background:url(../images/test_centre.gif) no-repeat;}
h2.contactUs { background:url(../images/contact_us.gif) no-repeat;}
h3 { background:url(../images/timetable.gif) no-repeat; width:94px; height:15px; text-indent:-5000px; margin:20px 20px 22px; }

img { border: 0; }

p, li { color:#666; }
p { font-size:12px; line-height:22px; margin:0 0 30px 0; }

#container-top { background:url(../images/txt_top.gif) 2px bottom no-repeat; width:937px; height:6px; margin:10px auto 0;  }
#container-middle { width:883px; margin:0 auto; background:#FFF; overflow:hidden; background:url(../images/txt_mid.gif) repeat-y; padding:12px 25px 10px 25px; }
#container-btm { background:url(../images/txt_bottom.gif) 2px top no-repeat; width:937px; height:6px; margin:0 auto 10px;  }

#header { width:900px; }
#header img { float:left; margin:0 0 0 28px; }

#header-right { float:right; margin:10px 20px; }
#header-right p { background:url(../images/tel_num.jpg) no-repeat; width:143px; height:44px; float:right; text-indent:-5000px; }

#nav { width:220px; height:212px; background:url(../images/menu_bg.gif) no-repeat; padding:0 3px; float:left; margin:0px 0 20px 0; }
#nav ul { list-style-type:none; }
#nav li {  }
#nav li a { width:210px; display:block; text-indent:-5000px; position:relative; z-index:100; }
#nav li a.home { background:url(../images/nav_home.gif) no-repeat; height:53px; margin-top:3px; }
#nav li a.timetables { background:url(../images/nav_timetable.gif) no-repeat; height:52px; }
#nav li a.testcentre { background:url(../images/nav_testCentre.gif) no-repeat; height:52px; }
#nav li a.contactUs { background:url(../images/nav_contact.gif) no-repeat; height:39px; }
#nav li a.home:hover, #nav li a.timetables:hover, #nav li a.testcentre:hover, #nav li a.contactUs:hover { background-position:right; }
#nav li a.select { background-position:right; }

#text { width:585px; float:left; }

#timetable { width:266px; height:296px; float:right; background:url(../images/timetable_bg.gif) no-repeat; }
#timetable ul { list-style-type:none; margin:0 20px; }
#timetable li { background:url(../images/bullet_g.gif) 200px 8px no-repeat; font-size:12px; line-height:20px; margin:10px 0; font-weight:bold; cursor: pointer; }
#timetable a { color:#666; text-decoration:none; }
#timetable a:hover { color:#AA0201; }
#timetable p.more { text-transform:lowercase; text-align:right; margin:7px 25px; font-size:11px; }
#timetable .viewAll { width: 148px; height: 27px; border: 0; outline: none; display: block; background: url(../images/timetables_btn.jpg) no-repeat; margin-left: 62px; }

#timetables a { font-size: 12px; color: #AA0201; }
#timetables img { padding-left: 15px; }

#contact { width:330px; float:left; }
#contact ul { list-style-type:none; } 
#contact form label { font-size:12px; float:left; width:80px; }
#contact form label.required { width:212px; color:#666;}
#contact form input { padding:3px; border:0; width:170px; margin:3px; background:url(../images/box1.jpg) top no-repeat; width:212px; height:24px; }
#contact form textarea { font-size:12px; padding:1px; width:216px; margin:3px; background:url(../images/box2.jpg) no-repeat; height:113px; border:0; }
#contact form input.sub_btn { background:url(../images/submit_btn.gif) center top no-repeat;  height:28px; width:89px; border:0; display:block; padding:28px 0 0 0; cursor:pointer; }

#contact-map { float:right; width:218px;  }
#contact-map p { margin:4px 0; text-align:center; }

#validation-msg { color:#666; font-size:12px; line-height:22px; margin:0 0 15px 0; }
#validation-msg p.success { color:#20552B; }

#footer { border-top:1px #CCC solid; margin:20px 0 0 0; padding:5px 0; }
#footer p { font-size:11px; margin:0; padding:0 0 0 3px; }
#footer p a { color:#666; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }

.clear { clear:both; }
.mainImg { float:right; margin:0px 0 0 0; }
.timetableTitle { width:165px; }
.required { color:#F00; }