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 { font-family: Verdana, tahoma; font-size:10px; text-decoration:none; color:#676767; background:#f1f1f1; }
sup { font-size:8px; font-family:Arial; vertical-align:middle; position:relative; top:-3px;*top:-1px;}
sub {font-size:9px; width:12px; margin-right:2px; margin-left:2px; }
a { color:#2D648C; text-decoration:undeline; }
a:hover, #footer a:hover { text-decoration:underline; }
p.info {font-size:smaller;color:#888}
.hidden {display:none}
.margin-bottom{margin-bottom:10px;}
button.submit {border:0px!important;width:90px;height:23px;text-indent:-9999px;background:url(images/login.png); cursor:pointer;}
/*------------------------------------------------
Structure
------------------------------------------------*/
#main{width:948px; margin:19px auto;}
#container {width:948px;bordeR:1px solid #00b193;background-color:#e4f2e9;float:left;}
#body {float:left;width:712px;background:#fff url(images/body-fade.jpg) no-repeat left top;}
/*------------------------------------------------
Footer
------------------------------------------------*/
/* graphics in footer to stick in the right bottom corner */
#footer {float:left;font-size:10px;padding-top:4px;width:946px;text-align:right; font-family:Verdana;}
#footer a {text-decoration:none}
#footer .graphics {margin-left:678px;*margin-left:-30px;margin-top:-120px;width:272px;height:116px;background: url(images/graphics.png);position:absolute;}
#footer a { color:#808080 !important; font-weight:bold; }
#footer .links { width:419px; height:37px; background:url(images/footer-links.png) no-repeat; float:left; text-align:left; }
#footer .links a{ float:left; display:block; height:37px; text-indent:-9999px; }
#footer .links .sabis { width:62px; }
#footer .links .sabiscareers { width:98px; margin-left:20px; }
#footer .links .webschool { width:79px; margin-left:20px; }
#footer .links .sabisuniversity { width:120px; margin-left:20px; }
/*------------------------------------------------
Right
------------------------------------------------*/
/* right */
.right {width:236px;float:right;}
.right .logo {float:right;display:block;width:219px;height:201px;text-indent:-9999px;margin-right:10px;}
.logo-2010 {float:right;background:url(images/logo-2010.jpg);display:block;width:219px;height:201px;text-indent:-9999px;margin-right:10px;}
.right .menu-box {background-color:#dadddb;border:1px solid #b3b7b5;border-top:0;float:right;width:207px;margin:0 14px 12px 0;}
.y2012 .right .logo {background:url(images/logo2012.jpg);}
.y2012 .right-login .logo {background:url(images/logo-logged-2012.jpg);}
.y2011 .right .logo {background:url(images/logo2011.gif);}
.y2011 .right-login .logo {background:url(images/logo-logged-2011.gif);}
.y2010 .right .logo {background:url(images/logo2010.jpg);}
.y2010 .right-login .logo {background:url(images/logo-logged-2010.jpg);}
/* login */
.right .menu-box fieldset {border:0;padding:15px 17px 10px 10px;}
.right .menu-box fieldset legend { display:none; text-indent:-9999px; position:absolute; }
.right .menu-box fieldset dl * {float:left;width:100px;}
.right .menu-box fieldset dt {width:75px;padding-top:6px;}
.right .menu-box fieldset dd {padding-top:4px;}
.right .menu-box fieldset button.submit {margin:10px 0 0;float:right;}
.right .menu-box input, .right .menu-box select {border:1px solid #b3b7b5;width:75px!Imporant;}
/* options */
.right fieldset.options {line-height:14px;border:0;float:right;width:209px;height:164px;background:url(images/options.gif);margin:0 14px 12px 0;}
.right fieldset.options legend {display:none; text-indent:-9999px; position:absolute; }
.right fieldset.options dl{margin:52px 10px 0 48px;}
.right fieldset.options dt {color:#07683d;font-weight:bold;}
.right fieldset.options dd {margin-bottom:7px;line-height:12px;}
.right div .Error { text-align:center; color:Red; margin-bottom:4px; height:20px; }
/*------------------------------------------------
Right Logged In
------------------------------------------------*/
.right-login {width:236px;float:right; }
.right-login .logo {float:right;background:url(images/logo-logged.gif);display:block;width:219px;height:201px;text-indent:-9999px;margin-right:10px;}
.right-login .menu-box {background-color:#dadddb; border:1px solid #b3b7b5;border-top:0;float:right;width:207px;margin:0 14px 12px 0;}
.right-login .logout { float:right; margin-top:5px; margin-right:5px;}
.right-login ol {float:left;width:120px;}
.right-login ol.menu-right {margin:10px 0 10px 5px;}
.right-login ol.menu-right li {list-style:disc; list-style-position:outside; margin-left:20px; line-height:18px; font-weight:bold; color:#2D648C;width:150px;}
.right-login ol.menu-right li a { text-decoration:none; }
.right-login ol.menu-right li a:hover { text-decoration:underline; }
.right-login ol.menu-right li ol { margin-left:0px; }
.right-login ol.menu-right li ol li{list-style:square; list-style-position:outside; }
.right-login .parental { background:url(images/parental.png) no-repeat; width:209px; height:82px; float:right; margin:0 14px 0 0; }
.right-login .parental a { text-indent:-9999px; display:block; width:209px; height:82px; }
/*------------------------------------------------
Menu
------------------------------------------------*/
/*
main menu top horizontal
menu is based on sprite images/sprite.gif
vertical seperation: 30px;
horizontal
home: 60
about-sabis: 99
academic offerings: 147
sports and activities: 147
culture: 67
accomodation: 100
contact us: 92
*/
ol.menu {width:710px;float:left;height:28px;margin:11px 1px 0;padding-bottom:2px;}
ol.menu li {float:left}
ol.menu a {text-indent:-9999px;display:block;height:23px;background: url(images/menu.png);}
ol.menu a.home {width:52px;}
ol.menu a.about-sabis {width:93px;background-position:-58px 0;}
ol.menu a.academic-offerings {width:148px;background-position:-151px 0;}
ol.menu a.sports-activities {width:146px;background-position:-299px 0;}
ol.menu a.culture {width:67px;background-position:-445px 0;}
ol.menu a.accomodation {width:109px;background-position:-512px 0;}
ol.menu a.contact-us {width:90px;background-position:-621px 0;}
/*hover */
ol.menu a.home:hover {background-position:0 -30px;}
ol.menu a.about-sabis:hover {background-position:-58px -30px;}
ol.menu a.academic-offerings:hover {background-position:-151px -30px;}
ol.menu a.sports-activities:hover {background-position:-299px -30px;}
ol.menu a.culture:hover {background-position:-445px -30px;}
ol.menu a.accomodation:hover {background-position:-512px -30px;}
ol.menu a.contact-us:hover {background-position:-621px -30px;}
/* sis-uk */
a.sis-uk { z-index:100; text-indent:-9999px; width:127px; height:48px; display:block; position:absolute; margin-top:247px; margin-left:575px; *margin-left:-137px; *margin-top:-81px; background:url(images/sis-uk.png) no-repeat; }
a.sis-uk:hover {background:url(images/sis-uk-hover.png) no-repeat; }
/*------------------------------------------------
Content
------------------------------------------------*/
/*
title
sprite: titles.gif
split: 50px
*/
h2 {margin-left:15px;background:url(images/titles.gif) no-repeat;height:45px;text-indent:-9999px;margin-top:5px;}
h2.contact-us {background-position:0 -50px;}
h2.accomodation {background-position:0 -100px;}
h2.culture {background-position:0 -150px;}
h2.sports-activities {background-position:0 -200px;}
h2.academic-offerings {background-position:0 -250px;}
h2.about-sabis {background-position:0 -300px;}
h2.location {background-position:0 -350px;}
h2.chargeable-activities {background-position:0 -400px;}
h2.activities {background-position:0 -450px;}
h2.photo-gallery {background-position:0 -500px;}
h2.parental {background-position:0 -400px;}
/* home */
.home p{margin:0 20px; text-align:justify}
.home-image {float:right;margin:36px 13px 0px 20px;}
.home h2 { width:342px; }
/* horizontal brief boxes */
.home-boxes {height:120px;background:url(images/home-boxes.jpg) no-repeat top;margin:20px 0 10px 10px; }
.home-boxes li {float:left;width:162px;padding:27px 8px 0 8px;}
.home-boxes li h3 {display:none}
.home-boxes p {margin:0px;}
.home-boxes li img {float:right;margin:5px;border:1px solid}
.home-boxes li a {position:absolute;margin-top:75px;}
/*different colors*/
.home-boxes li.location img {border-color:#F2A90B;}
.home-boxes li.location a {color:#F2A90B;}
.home-boxes li.academic {padding:27px 5px 0 6px;}
.home-boxes li.academic img {border-color:#2D648C;}
.home-boxes li.academic a {color:#2D648C;}
.home-boxes li.sports {padding:27px 3px 0 7px;}
.home-boxes li.sports img {border-color:#9e1b35;}
.home-boxes li.sports a {color:#9e1b35;}
.home-boxes li.cultural {width:161px;padding:27px 0px 0 10px;}
.home-boxes li.cultural img {border-color:#00b193;}
.home-boxes li.cultural a {color:#00b193;}
/*google map requires pre defined height */
.map{height:600px;}
.default .content {min-height:250px;clear:both;}
.default p {margin:10px 40px 10px 20px;line-height:14px;font-size:11px;}
.default ul {margin-left:40px;}
.default ul li {list-style:disc;padding-left:5px;}
.default .content dl.contact {margin-left:30px;}
.default .content dl.contact dt {font-weight:bold;}
.default .content dl.contact dd {margin-left:20px;margin-bottom:5px;}
.default .content dl.activities {margin-left:30px; line-height:16px;}
.default .content dl.activities dt {font-weight:bold; float:left; clear:both; width:300px;}
.default .content dl.activities dd {margin-left:20px;margin-bottom:5px; float:left;}
/* photo gallery */
.default div.albums-list {margin-left:20px; margin-bottom:10px;}
.default div.albums-list a img {float:left;padding:4px; border:1px solid #c1c1c1; }
.default div.albums-list p {height:100px;}
.default div.albums-list div { text-align:center; float:left; margin:18px; margin-bottom:18px; }
.default div.albums-list h4 { padding-bottom:5px; }
.default div.albums{ margin-left:10px; text-align:center;}
.default div.albums a {float:left; margin: 10px 0 10px 10px; padding:4px; float:left; height:100px; width:150px; vertical-align:middle;text-decoration:none!Important;color:#0D5C4F;font-weight:bold;}
.default div.albums a img {margin-bottom:3px; padding:4px; border:1px solid #c1c1c1;text-decoration:none!Important;}
.default div.gallery { margin-left:35px; }
.news {margin:20px 30px;float:left;width:645px;min-height:350px;border:0px solid red;}
.news h3 a {color:#07683D;text-decoration:none;font-size:14px;}
.news h4 {color:#07683D;font-size:14px;}
.news div {min-height:120px;border:0px solid red;}
.news h3 a:hover {text-decoration:underline;}
.news p {margin-left:0;}
.news p img {float:left;margin-right:10px;position:relative;top:-10px;}
.news .read-more {float:right;}
.news-image-list {float:left; margin:0 15px 10px 0; width:300px; height:220px; overflow:hidden;text-align:center;}
.news-image-list img { position:absolute; max-height:220px;max-width:380px;}
.newscontent {}
.pager { margin:15px 0 20px 0; }
.pager a { font-weight: bold; margin:10px 0; padding: 2px 5px; }
.pager a.paging-current { color:Red !important; text-decoration:none; cursor:default; }
.newscontent h6 {font-size:12px;color:#3C8866;margin:0 30px 20px;}
#gallery { height:287px; z-index:10; margin-bottom:40px;}
#gallery .slideshow { overflow:hidden; height:287px; width:712px;clear:both; }
#gallery .slideshow img {position:absolute; z-index:1}
.default .survey { margin-left:30px; font-size:11px; line-height:18px;}
.default .survey th { font-weight:bold; }
.default .survey label { cursor:pointer; }
.default .survey input { position:relative; }
.default .survey textarea { font-family:Verdana; width:500px; height:150px; }
.default .survey .submit { background:#18481d; font-size:11px; width:60px; color: #fff; border:0; height:22px; float:right; cursor:pointer; padding:0; margin:0 0 10px 0;}