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:'';}
* { font-family:Verdana, arial, tahoma; font-size:11px; text-decoration:none; color:#6c6c6c; }
h1 { display:none; }
sup { font-size:9px; font-family:Arial; vertical-align:super; }
/*------------------------------------------------
Structure
------------------------------------------------*/
#main { width:1000px; margin:0px auto; padding: 0px; }
#header, #content, #footer { float:left; width:1000px;}
#left{width:200px; float:left; }
#right{width:148px; float:right; margin-left:-17px;}
#content { background:url(images/borders.gif) repeat-y; }
#top { height:22px; background:url(images/top-bg.jpg) no-repeat; }
#footer { height:22px; background:url(images/footer-bg.jpg) no-repeat; }
a:hover{color:#BB051E;}
/*------------------------------------------------
Top
------------------------------------------------*/
#top #search-form { width:160px; float:left; margin-left:704px; }
#top #search-form input { float:left; padding-top:2px; *padding-top:2px; font-size:10px; line-height:16px; *line-height:16px; background:Transparent; border:0; height:16px; width:117px; text-indent:2px; }
#top #search-form button { float:left; background:transparent; width:12px; height:20px; text-indent:-9999px; cursor:pointer; border:0; }
#top .menu-links{ float:left; width:132px; margin-top:4px; position:relative; }
#top .menu-links a { color:#fff; }
#top .menu-links li { float:left; position:relative; color:#fff; }
#top .menu-links li.more-links { padding-right:10px; background: url(images/more-links-arrow.png) no-repeat 100%; cursor:pointer; }
#top .menu-links li.site-map img { float:left; margin-top:3px; margin-left:5px; }
#top .menu-links ul ul { visibility:hidden; position:absolute; width:112px; background:#fff; border:1px solid #b70928; line-height:24px; height:92px; }
#top .menu-links ul ul li { background:url(images/more-links-bg.gif) no-repeat; margin-left:10px; width:100px; padding-top:3px;}
#top .menu-links ul ul a,#top .menu-links ul ul a sup { font-size:9px; color:#b70928; }
#top .menu-links ul li:hover ul, #top .menu-links ul a:hover ul{ visibility:visible; }
/*------------------------------------------------
Left
------------------------------------------------*/
/* Logo */
.home-logo { margin-bottom:36px; }
.inside-logo { margin-bottom:15px; }
/* Menu */
#menu { margin-left:19px; text-align:right; margin-bottom:10px;}
#menu .menu-top { background:url(images/menu-header.jpg) no-repeat; height:27px; }
#menu .menu-middle { padding-bottom:5px; background:url(images/menu-left-border.jpg) no-repeat top left; min-height:175px; padding-right:6px; padding-top:14px }
#menu .menu-bottom { background:url(images/menu-bottom.jpg) no-repeat; height:5px; }
#menu .menu-top h3 { display:none; }
#menu .menu-middle .menuheader { text-align:left; padding:2px 0px; }
#menu .menu-middle .menuheader a,#menu .menu-middle .menuheader sup { color:#b30521; text-indent:4px; }
#menu .menu-middle .menuheader a:hover, #menu .menu-middle .menuheader a:hover sup ,
#menu .menu-middle .active a, #menu .menu-middle .active a sup { background-color:#b90325; color:#fff; }
#menu .menu-middle .sep { height:1px; border-bottom:1px solid #e5e5e4; margin-left:5px;}
/* Menu Titles */
#menu .menu-middle .worldofsabis-title { height:25px; background: url(images/menu-icons.png) no-repeat 6px -5px }
#menu .menu-middle .worldofsabis-title a { margin:2px 0 0 37px; padding:0 8px 0 0px; line-height:21px; display:block; }
#menu .menu-middle .schoolacademics-title { height:28px; background: url(images/menu-icons.png) no-repeat 6px -35px; }
#menu .menu-middle .schoolacademics-title a { margin:2px 0 0 37px; padding:0 8px 0 0px; line-height:21px; display:block; }
#menu .menu-middle .admissionprocedures-title { height:28px; background: url(images/menu-icons.png) no-repeat 6px -66px; }
#menu .menu-middle .admissionprocedures-title a { margin:2px 0 0 37px; padding:0 8px 0 0px; line-height:21px; display:block; }
#menu .menu-middle .ourschool-title { height:28px; background: url(images/menu-icons.png) no-repeat 6px -99px; }
#menu .menu-middle .ourschool-title a { margin:2px 0 0 37px; padding:0 8px 0 0px; line-height:21px; display:block; }
#menu .menu-middle .contact-title { height:28px; background: url(images/menu-icons.png) no-repeat 6px -130px; }
#menu .menu-middle .contact-title a { margin:2px 0 0 37px; padding:0 8px 0 0px; line-height:21px; display:block; }
/* Menu Subs */
#menu .menu-middle ul.sub-menu {overflow:hidden;display:block; line-height:20px; background-color:#e5e5e4; padding:3px 0 3px 0; margin:0px 0 5px 5px; position:relative; }
#menu .menu-middle ul.sub-menu li a { font-size:10px; padding-right:8px; }
#menu .menu-middle ul.sub-menu li a:hover{ text-decoration:underline; color:#BB051E;}
#menu .menu-middle ul.sub-menu li a:hover sup {color:#BB051E;}
#worldofsabis-content,
#schoolacademics-content,
#admissionprocedures-content,
#ourschool-content
{
position:relative;
display:none;
}
/*------------------------------------------------
Home Center
------------------------------------------------*/
.home-center { margin-left:-17px; width:680px; float:left; background:url(images/content-bg.png) repeat-y; position:relative; }
/* Header */
.home-center .header { background:url(images/header-home.png) no-repeat; height:245px; margin-left:11px; }
.home-center .header .testimonials {display:none;position:absolute; margin:30px 30px 0 0; left:315px; background:url(images/testimonials.png) no-repeat; width:345px; height:110px;}
.home-center .header .testimonials h3 { display:none; }
.home-center .header .testimonials p{ font-size:10px; margin:35px 20px 0 20px; height:60px; overflow:hidden}
.home-center .header .testimonials a:hover p{text-decoration:underline; cursor:pointer}
.home-center .header .testimonials a.close {width:10px; height:10px;position:absolute;top:10px;left:322px;cursor:pointer;}
.home-center .home-img { position:absolute; margin-left:-9px; margin-top:-22px;}
/* Text */
.home-center .home-content { float:right; width:342px; margin-right:30px; text-align:justify; }
.home-center .home-content h2 { color:#b30521; }
.home-center .home-content p { padding:14px 0 0 0;}
/* Join NewsLetter */
.home-center .newsletter {margin-left:-4px; margin-top:20px; background:url(images/newsletter.png) no-repeat; width:355px; height:140px; }
.home-center .newsletter p { font-size:10px; padding:36px 150px 7px 20px; }
.home-center .newsletter fieldset { border:0; }
.home-center .newsletter legend { display:none; text-indent:-9999px; position:absolute; }
.home-center .newsletter input {*padding-top:1px; margin-left:18px; float:left; font-size:10px; line-height:18px; background:transparent; border:0; height:18px; width:175px; text-indent:2px; }
.home-center .newsletter button { float:left; background:transparent; margin-left:1px; border:0; width:30px; height:20px; text-indent:-9999px; cursor:pointer; }
/*------------------------------------------------
Right
------------------------------------------------*/
.our-calendar{ width:125px; margin-top:30px;border-bottom:4px solid #627894; border-right: 4px solid #627894; padding-bottom:1px;}
.our-calendar h3 {background-color:#627894; color:#fff; line-height:24px; padding-left:9px; }
#CalContainer{ background:#fff; width:125px; padding-top:1px; }
.sabis{ float:right; margin-right:45px; margin-top:15px; }
/* start calendar box */
#calendar {width:115px;}
#calendar h3{ height:32px;width:177px;text-indent:-9999px;}
#calendar * {font-size:7pt;}
#calendar select {height:16px;}
#calendar .h { height:13px; border:1px solid #304867; margin:5px 0px 5px 15px;}
#calendar .h { text-align:center;}
#calendar .h div {float:left;width:70px;}
#calendar .h .l {cursor:pointer; width:14px; height:13px; background: #627894 url(images/arrow-left.jpg) no-repeat center;float:left;}
#calendar .h .r{cursor:pointer; width:14px; height:13px; background: #627894 url(images/arrow-right.jpg) no-repeat center;float:left;}
#calendar table{margin-left:10px;width:98%;}
#calendar table tr td,
#calendar table th {text-align:right;padding-right:1px;}
#calendar table th {color:#bd263f;font-weight:bold;padding-bottom:5px;}
#calendar table tr td.CalHasEvent a {color: #ee0000;font-weight:bold;}
#calendar .info {width:111px;margin:5px 3px 1px 0; padding:3px; padding-left:10px; background: #627894;color:#fff}
#calendar .options {width:107px; cursor:pointer;line-height:18px;background:#304867 url(images/arrow-down.jpg) no-repeat 112px; text-align:right;color:white;padding-right:17px; font-weight:bold;}
#calendar .f {display:none;width:124px; padding-top:3px;background-color: #304867;height:45px;}
#calendar .f select {width:100px;margin:2px 5px 2px 14px;}
#PopupInfo
{
top:0px;
left:0px;
width:136px;
height:227px;
display:block;
position:absolute;
background: url(images/cal-bg.png) no-repeat;
visibility:hidden;
padding:40px 10px 5px 10px;
font-family:verdana;
z-index:1000;
overflow:hidden;
}
#PopupInfo .title
{
font-family:Arial;
color: #fff;
margin-bottom:0px;
cursor:move;
margin-bottom:22px;
font-size:10px;
}
#PopupInfo p
{
height:142px;
}
#PopupInfo p b
{
display:block;
}
#PopupInfo .close
{
display:block;
width:16px;
height:16px;
float:right;
position:relative;
top:-20px;
left:-0px;
cursor:pointer;
}
#PopupInfo .close img
{
width:15px;
height:15px;
padding:8px 0 0 8px;
cursor:pointer;
border:0px;
}
/* end calendar box */
/* News */
.news { width:129px; background-color:#304867; margin-top:30px; }
.news h3 { color:#fff; line-height:24px; padding-left:9px; }
.news p { padding:14px 6px 0px 6px; font-size:10px; }
.news .text{ background-color:White; width:120px; margin-left:4px; }
.news a.more { padding-right:20px; background:#98acc6 url(images/read-more-arrow.png) no-repeat 90% 50%; width:100px; line-height:18px; display:block; font-size:10px; color:#fff; text-align:right; margin-top:15px; }
/*------------------------------------------------
Footer
------------------------------------------------*/
#footer { padding-top:2px; }
#footer ul { float:left; margin:1px 0 0 15px; }
#footer ul li{ display:inline; color:#fff; }
#footer p { text-align:right; font-size:9px; color:#fff; margin-right:15px; }
#footer a:hover { text-decoration:underline; }
#footer ul li a,#footer p a, #footer p a sup{ color:#fff; font-size:9px; }
/*------------------------------------------------
Inside Center
------------------------------------------------*/
.inside-center { margin-left:-17px; width:685px; min-height:600px; float:left; background:url(images/content-bg.png) repeat-y; position:relative; }
.inside-center .inside-header { height:177px; margin-left:11px; }
.inside-center h2 {padding-left:20px; font-size:12px; background:#99999f; height:19px; margin-top:3px; *margin-top:5px; width:642px; margin-left:11px; color:#fff; padding-top:8px; }
.inside-center h2 div a {font-size:12px;}
.inside-center h2 div {float:left;color:White}
.inside-center h2 .right-link {width:100px;text-align:right;padding:0 10px 0 30px;line-height:24px;margin-top:-6px;float:right}
.inside-center h2 .interactive-map{width:105px;background:url(images/map.png) no-repeat left;}
.inside-center h2 span {background:url(images/title-bg.gif) no-repeat 0px 100%; width:238px; height:19px; float:left; display:block;position:relative;left:-20px;}
.inside-center sup { color:#fff; vertical-align:super; }
.inside-center p sup { vertical-align:super; }
.inside-center h2 a { text-decoration:none; color:#fff;}
.inside-center h2 a:hover { text-decoration:underline; }
.inside-center h2 a.no-link:hover { text-decoration:none; }
.inside-center div.no-menu { float:left; position:relative; margin-top:-25px; margin-left:-8px; }
/* Sub Menu */
.inside-center div.sub-sub-menu { float:left; margin-left:20px; margin-top:-25px; background:url(images/notebook.png) no-repeat; position:relative; width:229px; height:296px; }
.inside-center div.sub-sub-menu ul { width:130px; height:150px; margin-top:125px; margin-left:70px; line-height:24px; }
.inside-center div.sub-sub-menu ul li {border-bottom:1px solid #e5e5e4; }
.inside-center div.sub-sub-menu ul li a{text-decoration:none; padding-left:5px; color:#304867; display:block}
.inside-center div.sub-sub-menu ul li a:hover,
.inside-center div.sub-sub-menu ul li a:hover sup{color:#BB051E;}
.inside-center div.sub-sub-menu ul li a sup { color:#304867; vertical-align:super; }
.inside-center div.sub-sub-menu ul li.here { background-color:#e5e5e4; }
/* History */
.inside-center div.nav-history { text-indent:8px; line-height:16px; background-color:#e5e5e4; width:420px; float:right; margin-right:12px; font-size:9px; height:22px; margin-top:7px; color:#627894; *padding-top:2px; }
.inside-center div.nav-history a, .inside-center div.nav-history sup { font-size:9px; color:#627894; }
.inside-center div.nav-history a:hover { text-decoration:underline; }
.inside-center div.nav-history span { font-size:9px; color:#bd263f; }
.inside-center div.content { line-height:16px; width:385px; float:right; margin-right:30px; margin-bottom:15px; }
.inside-center div.content p { margin-top:15px; }
.inside-center div.content sup { color:#6c6c6c; }
.inside-center ul { margin:10px 0 0 0px; }
.inside-center ol.numbered { list-style:lower-latin; margin:10px 0 0 30px; }
.inside-center ol.numbered li { margin-bottom:10px; }
.inside-center ol.numbered li p { margin-left:-30px; }
.inside-center ol.numbered li ul { margin-left:20px; list-style:disc; }
.inside-center div.empty-content { line-height:16px; margin:20px 30px 15px 30px; }
.inside-center hr { border:0px; border-top:1px solid #666666; height:0px; }
/* form */
.form dl { margin:20px 0 0 0; width:450px; }
.form dl dt { float:left; width: 100px; padding: 4px 0 2px 0; }
.form dl dd { float: left; width: 250px; padding: 4px 0 2px 0; padding-left: 6px; }
.form dl dd input { width:175px; padding-top:2px; height:14px; line-height:14px; border:1px solid #E9E9E9; }
.form dl dd textarea { width:250px; padding-top:2px; height:90px; line-height:14px; border:1px solid #E9E9E9; }
.form dl dd input.submit { width:60px; background: #b90325; color: #fff; border:0; height:20px; float:right; cursor:pointer; }
/* referform */
.referform dl { margin:20px 0 0 0; width:450px; }
.referform dl dt { float:left; width: 120px; padding: 4px 0 2px 0; }
.referform dl dd { float: left; width: 250px; padding: 4px 0 2px 0; padding-left: 6px; }
.referform dl dd input { width:175px; padding-top:2px; height:14px; line-height:14px; border:1px solid #E9E9E9; }
.referform dl dd textarea { width:250px; padding-top:2px; height:90px; line-height:14px; border:1px solid #E9E9E9; }
.referform dl dd input.submit { width:120px; background: #b90325; color: #fff; border:0; height:20px; float:right; cursor:pointer; }
textarea.link { width:100%; margin-top:10px; height:75px; }
/* News */
.news-list { padding-bottom:10px; }
.news-list h4 { height:25px; padding-bottom:5px;}
.news-list h4 a:hover{ text-decoration:underline; }
.news-list sup { color:#6c6c6c; }
.news-list span { display:block; margin-top:10px; margin-bottom:10px; clear:both; }
.news-image-list {float:right;margin:0 0 10px 15px; width:400px; height:300px;}
.news-image-list img { position:absolute; }
.news-list p { margin:5px 0 10px 0; }
.news-list p a { color:#BB051E; }
.news-list p a:hover { color:#6c6c6c; }
ul.news-archive { line-height:20px; list-style:disc; }
ul.news-archive li a:hover { text-decoration:underline; }
/* Site Map */
.sitemap h5 { margin-bottom:10px; }
.sitemap ul { margin-bottom:10px; padding-left:10px; float:left; width:195px;}
.sitemap ul ul { list-style:disc inside; }
.sitemap a:hover { text-decoration:underline; }
.sitemap a sup { color:#6c6c6c; vertical-align:super; }
.albums{width:625px;margin:0px 30px;float:left;}
.albums ul li {margin: 10px 0 0 10px;padding: 4px;float:left;height:75px;vertical-align:middle}
.albums ul li a img {background: url(images/shadowimg.png) no-repeat bottom right;margin: 10px 0 0 15px;padding:0 4px 4px 0;float:left;}
.inside-center a{ text-decoration:underline; }
.inside-center a:hover { text-decoration:underline }
dl.text {}
dl.text dt{font-weight:bold;margin-top:10px;}
dl.text dd{margin-left:20px;}