html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}


body {background:url(images/body-bg.jpg) top center; font-family: georgia; font-size:12px; color:#5f626b; }


sup { font-size:8px; font-family:Arial; vertical-align:middle; position:relative; top:-3px;z-index:0;}
a {color: #881111;text-decoration:none;}
a:hover {text-decoration:underline;}

strong { font-weight:bold; }
em { font-style:italic; }

input {font-family:Times New Roman}

/*------------------------------------------------
	Structure
------------------------------------------------*/
div#main {width:1000px;margin:auto;border:0px solid red;}
div#main a.logo {width:375px;height:150px;text-indent:-9999px;display:block;position:absolute;z-index:0}
div#main h1 {background:url(images/logo.png); width:397px;height:311px;position:absolute;z-index:0 }

/* header */
.header {height:85px;background: url(images/header-bg.jpg) no-repeat bottom;}
.header ul {float:right;margin-top:15px;}
.header ul li {color:#bcc1d0;float:left;margin:0 3px;}
.header ul li a {color:#bcc1d0;}

/* middle (wide image) */

.middle {min-height:200px;background:#fff;float:left}
.middle .image {height:323px;}
.home .middle .image {height:364px; float:left;}
.home .attention-parents { margin-top:-289px; width:515px; height:290px; background:url(images/attention-parents.png) no-repeat; float:right; position:relative; }

.middle .left {width:271px;float:left}

div.search {background:#a6a6a6;height:29px;padding:3px 3px 4px 4px;}
div.search input {line-height:29px;border:0;background:#F2F2F2;color:#881111;padding-left:5px;width:225px;font-size:14px;height:29px;font-weight:bold;}
div.search button {margin-left:2px;text-indent:-99999px;border:0;background:url(images/go.png);width:29px;height:29px;}

.left .empty {}
.left h3 {height:21px;background:#B2B3B5;color:#fff;font-weight:bold;font-size:17px; line-height:21px;}
.left h3 span {float:left;background:#000; display:block; width:188px;padding-left:10px; height:21px}
.left h3 sup { font-size:11px; top:-5px; }
.left h3 div {float:right;width:73px;height:21px;}
.left dl {padding:10px;font-family:Verdana;font-size:11px;height:100px;}
.left dt {font-weight:bold;color:#881111;font-style:italic}
.left dd {margin-bottom:10px;}


.calendar dt span {text-align:center;padding-top:3px;width:29px;height:19px;background:url(images/calendar-circle.png);display:block;float:left;margin-right:10px;}
a.download { font-weight:bold; display:block;text-align:right;padding-right:20px;background:url(images/arrow-down.png) no-repeat top right;margin-right:10px;padding-bottom:5px;font-size:11px;}


.center {width:729px;float:left}

.center .menu {height:76px;background:url(images/menu-bg-left.png) repeat-y left;padding-left:3px;}

.menu ul {overflow:hidden;background:#CDD977;height:35px;}
.menu ul li {float:left;border:0px solid red;background:url(images/menu-active-bg.gif) no-repeat 0 -300px;}
.menu ul li.first {background-position:0 0;}
.menu ul li.last {width:111px;}
.menu ul li.last a{background:none;}
.menu ul li a {background:url(images/menu-sep.png) no-repeat right;font-family:georgia;text-decoration:none;color:#000;font-size:11px;font-weight:bold;display:block;padding:13px 10px 8px 5px;}

.menu .sub {background-color:#F3F8CF;height:40px;overflow:hidden;position:absolute;width:726px;}
.menu .sub ol {margin:5px 15px 0px 5px;border:0px solid red;height:40px;}
.menu .sub ol li {float:left;display:block;white-space:nowrap;margin:0px 0 3px}
.menu .sub ol li a {color:#686B75;font-family:Verdana;font-size:11px;}
.menu .sub ol li a:hover {color:#880000;}

.menu ul li ol {position:absolute;display:none;}

div.empty-space {height:15px;background:url(images/empty-space.jpg)}

div.text { float:left; background:url(images/text-left-bg.jpg) repeat-y; padding-left:25px;color:#393a3e;padding-bottom:10px;min-height:312px;}


/*text */
.text h2 {color:#000;padding:10px 0;font-size:18px;}
.text p, .text ul, .text ol {font-family:Verdana;font-size:11px;}
.text p {margin:5px 10px 5px 0}
.text ul {margin:5px 0;padding:0 15px;}
.text ol {margin:5px 0;padding:0 15px;}
.text ul li {list-style:disc; padding-bottom:5px;}
.text ol li {list-style:decimal; padding-bottom:5px; }
.text ol li li {list-style:none}
.text p { line-height:16px; padding-bottom:10px; }

.home .news {width:685px;height:118px;background:url(images/news-bg.jpg) no-repeat;padding:0 20px 0 25px;}
.home .news h3, .home .news h4 {color:#d5dea1;font-weight:bold;padding:10px 0 2px;font-size:18px;}
.home .news h4 {font-size:12px;padding:2px 0;font-family:Verdana;}
.home .news p {color:#fff;font-family:Verdana;font-size:11px;text-align:justify}
.home .news a.more {color:#d5dea1;float:right}

/* footer */
.footer {color:#000;font-family:verdana;font-size:10px;float:left;width:729px;padding-left:271px;background:url(images/footer-bg.jpg) no-repeat;height:60px;}
.footer div {float:left;width:620px;}
.footer ul {margin-bottom:5px;}
.footer a {color:#000;}
.footer div p {text-align:center;clear:both;margin:3px;}
.footer ul {margin:auto;width:375px;margin-top:10px;}
.footer ul li {float:left;margin:0 3px;}

.footer a.sabis {float:right;display:block;}




p.info {font-style:italic}
.nav {height:30px;padding-right:10px;}
.nav a {display:block;border:1px solid #e8e8e8;background:#f6f6f6;padding:6px 15px;font-weight:bold; float:right;}
.nav a:hover {text-decoration:none;border-color:#ccc;}

.application-form {width:720px; font-family:Verdana, arial, tahoma; }

.application-form fieldset { padding:20px 5px; border:1px solid #c1c1c1; margin:15px 0; width:670px; display:none}
.application-form fieldset legend, .student-enrollment fieldset legend {color:#881111;font-weight:bold}


.application-form input, .application-form textarea {border:1px solid #999;}
.application-form input.noborder{border:1px solid #fff}

.application-form fieldset textarea {width:660px;}

.application-form div.name {height:40px;margin:10px 0;}
.application-form div.name label {width:200px;float:left;text-align:center;margin:0 10px;}
.application-form div.name label input {margin-top:2px;width:200px;}

.application-form div.address {height:50px;margin:10px 0;}
.application-form div.address label {width:150px;float:left;text-align:center;margin:0 5px;}
.application-form div.address label input,
.application-form div.address label select {margin-top:2px;width:150px;}

.application-form div.phone label {width:150px;float:left;margin:0 5px; }
.application-form div.phone label input {margin-top:2px;width:150px;}

.application-form div.position-time {margin:10px 0;height:20px;}
.application-form div.position-time label {width:150px;float:left;}

.teaching-position h5 {margin:5px 0;}
.teaching-position {width:600px;margin-top:10px;}
.teaching-position b {text-decoration:underline}
.teaching-position label {width:250px;float:left;margin:3px 0;}

.subject label {width:150px;}

.application-form table input{width:115px;bordeR:1px solid #fff}
.application-form table td {border:1px solid black;margin:0;padding:4px;border-bottom:0px;border-right:0px;}
.application-form table td.lastcol {border-right:1px solid black;}
.application-form table tr.lastrow td {border-bottom:1px solid black;}

.application-form p, .application-form h5{margin:5px;}

.education {width:670px;}
.application-form fieldset .education textarea {border:1px solid #fff;width:94px;overflow:auto;height:50px;}

table.ref input {width:150px}

.emp {width:670px}
.emp table td,.emp tr.lastrow table td {border:0}
.emp table input, .emp table textarea {border:1px solid #999;}

table.emp input {border:1px solid #999}
.warningtext {display:none}
.warningtext b {color:Red}

.student-enrollment { font-family:Verdana, arial, tahoma; font-size:11px; }

.student-enrollment label input.inputText { text-indent:2px; height:18px; line-height:16px; border:1px solid #777777;} 

.student-enrollment fieldset { padding:20px 10px; border:1px solid #c1c1c1; margin:15px 0; width:660px;}

.student-enrollment label { float:left; text-align:center; margin:0 0 15px 10px; }


.student-enrollment div.section-1 fieldset { padding:20px 10px; }
.student-enrollment div.section-4 fieldset { border:0px; }
.student-enrollment div.section-6 fieldset { border:0px; }

.student-enrollment div.section-2 label { margin:0 0 0 10px; float:none; }
.student-enrollment div.section-5 select { float:left; margin:13px 0 0 0; height:18px; }

.student-enrollment input.submit { height:22px; width:64px; border:0; float:right; cursor:pointer;}


.announcement {border:1px double #CDCDCD;padding:0px;background-color:#f5f5f5;color:#0E445C}
.announcement h3 {background-color:#CDF310;margin-bottom:3px;padding:5px;}
.announcement a {color:#9D393A;float:right;margin-right:5px;}
.announcement p {margin:5px;color:#555;}

a.button{ color:#fff; width:120px; display:block; border:3px solid #ccc; background:#000; padding:6px 15px; font-weight:bold;}
a.button:hover {text-decoration:none;}




.home .text {min-height:312px;}

ul.site-map li {list-style:none}
ul.site-map h6 {font-size:14px;}
ul.site-map ol {margin:10px;}
ul.site-map ol li {list-style:disc;margin-left:20px;}


.text h3, .news-side h4 {color:#881111;font-family:Verdana;}
a.read-more {float:right;margin-right:10px; font-weight:bold; font-size:11px; }


div.news-side {width:264px;height:145px;border:0px solid red;overflow:hidden}
div.news-side p{width:250px;font-family:Verdana;font-size:11px;margin:10px 5px;border:0px solid red;}
div.news-side ul li {height:170px;padding:5px;border:0px solid red;}
div.news-side h4 {font-family:verdana;font-size:12px;color:#880000;margin:10px 5px;border:0px solid red;}
div.news-side a.read-more {floaT:right;margin-top:10px;color:#880000; font-weight:bold; }
div.news-side sup {*position:static}


.text .archive { width:250px; color:#fff; float:right; margin-bottom:0px; *margin-top:-30px; text-align:right; font-size:12px; }
.text .archive a { font-weight:bold;  float:right;margin-right:15px; }
.text div.news { margin-top:0px; float:left; width:700px; }
.text div.news div { clear:both; margin:10px 0;}
.text div.news img { float:left; margin-right:15px; }
.text div.news hr { border:0px; border-bottom:1px solid #979797; height:1px; width:80%; clear:both; padding:5px 0; }
.text div.news p { margin-bottom:5px;}
.text div.news a.read-more{  font-size:11px; float:right; font-weight:bold; }
.text div.news h3 { margin:10px 0; }
.text div.news h4 {color:#881111;}

.text div.news .news-image-list {float:left; margin:0 15px 10px 0; width:240px; height:220px; clear:left; }
.text div.news .news-image-list img { position:absolute; }


div.video { font-size:11px;font-family:Verdana;width:264px; background:url(images/video.png) 90% 50px no-repeat; min-height:150px; }
div.video p{ margin:10px; text-align:justify; color:#393a3e; }
div.video ul { margin:10px; }
div.video ul li { float:left; clear:both; width:150px; line-height:22px; height:30px; }
div.video ul li span { background:url(images/video-nb.png) no-repeat; padding:0px 0 0 10px; font-weight:bold; font-style:italic; width:22px; height:22px; display:block; float:left; margin:0 0px 0 0; }
div.video a { color:#393a3e; }
div.video span,div.video b { color:#000; }


dl.definitions {margin:10px 0}
dl.definitions dt {font-weight:bold;}
dl.definitions dd {margin:10px;font-family:Verdana;font-size:11px;}