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: Comic Sans MS, arial, tahoma; font-size:13px; text-decoration:none; color:#000; background:#f2dd97; }
h1 { display:none; }
sup { font-size:9px; font-family:Arial;vertical-align:middle;position:relative;top:-5px;}
sub {font-size:9px; width:12px; margin-right:2px; margin-left:2px; }
a { color:#0d80a9; text-decoration:none; }
a:hover { text-decoration:underline; }
p.info {font-size:smaller;color:#888}
.hidden {display:none}
.margin-bottom{margin-bottom:10px;}
/*------------------------------------------------
Structure
------------------------------------------------*/
#body { width:100%; min-width:1000px; margin:0px auto; background: url(images/body-bg.png) no-repeat top center; }
#main{ width:1000px; margin:auto;}
#header { background:url(images/header-bg.png) no-repeat; height:269px; }
#content { width:1000px; background:url(images/content-bg.png) repeat-y; min-height:850px; float:left; }
#footer { background:url(images/footer-bg.png) no-repeat; height:91px; clear:both; }
.home-content{ float:left; width:558px; margin-left:20px; margin-right:12px; }
/*------------------------------------------------
Header
------------------------------------------------*/
.logo{ height:100px; position:absolute; }
/* download newsletter */
.newsletter{ background:url(images/newsletter.png) no-repeat; width:228px; height:114px; position:absolute; margin-left:640px; }
.newsletter a { display:block; margin-left:60px; margin-top:60px; height:20px; width:160px; text-indent:-9999px; }
/* Search */
.search-form { background-color:Red; margin-top:228px; margin-left:17px; }
.search-form input { float:left; padding-top:4px; font-size:10px; line-height:16px; border:0; height:16px; width:140px; }
.search-form button { float:left; background:transparent; margin-left:12px; width:40px; height:30px; text-indent:-9999px; cursor:pointer; border:0; }
/* Top Menu */
#menuposition { position:absolute; margin-top:185px; margin-left:170px;z-index:200}
#menu {height:40px; float:left; }
#menu ul {position:absolute; left:-9999px; top:-9999px;visibility:hidden;z-index:9999}
#menu li {float:left; margin-bottom:0px; }
#menu li a { font-size:13px; font-weight:bold; border:1px solid #a4a4a4; border-top:0; border-bottom:0; margin-left:2px; display:block; float:left; color:#f80000; height:30px; padding:0 5px 0 0; line-height:38px; text-decoration:none;}
#menu li:hover { position:relative; z-index:9999;}
#menu a:hover { position:relative; z-index:9999; color:#144964;}
#menu li:hover > a { color:#144964;}
#menu li:hover ul { left:0; top:26px; z-index:300; width:200px; padding-top:4px;visibility:visible}
#menu li:hover ul li a { height:20px; width:200px; padding:0 0 0 10px; line-height:18px; background:#fff; color:#144964; border:1px solid #afb2b3; font-size:12px;}
#menu li:hover ul li a.arrow { background:#fff url(images/arrow.gif) no-repeat right center;}
#menu li:hover ul li.sub-end { height:3px; width:200px; padding:0 0 0 10px; background:#f5187f; margin-left:2px; border:1px solid #afb2b3; }
#menu li:hover ul li a:hover { color:#ff8a00; background:url(images/menuhoverbg.gif) repeat-x; }
#menu li:hover ul li a:hover.arrow { background:url(images/arrow-hover.gif) no-repeat right center;}
#menu li:hover ul li:hover > a { color:#ff8a00;}
#menu li:hover ul li:hover > a.arrow { background:#fff url(images/arrow-hover.gif) no-repeat right center;}
#menu li:hover ul ul { position:absolute; left:-9999px; top:-9999px;z-index:9999}
#menu li:hover ul :hover ul { left:200px; top:0; padding:0; }
#menu li:hover ul :hover ul li a { background:#fff; color:#144964; border:1px solid #afb2b3; font-size:12px;}
#menu li:hover ul :hover ul li a:hover {color:#ff8a00; background:url(images/menuhoverbg.gif) repeat-x;}
#menu li.menu-sep{ background:url(images/trsp.png) repeat-x; width:202px; height:1px; }
/*------------------------------------------------
Left
------------------------------------------------*/
.left{ width:141px; height:500px; margin-left:13px; margin-top:-26px; float:left; }
.left>img { margin-bottom:10px; }
.left .calendar {color:#d30000;font-size:14px;padding-top:15px;text-align:center; background:url(images/events-bg.png) no-repeat; width:119px; height:254px; float:right; }
.left .calendar .Day {font-size:36px;line-height:36px;}
.left .calendar img {margin-top:15px;}
.left .calendar a{color:#d30000;font-weight:bold;margin-bottom:15px;display:block}
/*------------------------------------------------
Right
------------------------------------------------*/
.papertop{ background:url(images/papertop.png) no-repeat; height:269px; width:253px; float:right; }
.papercontent { background:url(images/papercontent.png) no-repeat; height:934px; width:253px; float:right; }
/* Gallery */
.home-gallery{ height:300px; margin-top:10px; }
.home-gallery .mask {position:absolute;z-index:11;margin:17px 0 0 5px;}
.home-gallery h3{ display:block; text-indent:-9999px; }
.home-gallery div.gallery {z-index:10; position:absolute;height:215px; margin:5px 0 0 13px;width:205px;overflow:hidden; }
.home-gallery div.gallery img { position:absolute; margin-top:26px;z-index:9;}
.home-gallery .g-pages { margin-left:5px; margin-top:215px;height:20px;width:215px;}
.home-gallery .g-pages a {height:23px;text-indent:-9999px;width:30px;display:block;floaT:left;border:0px solid red;}
.home-gallery .g-pages a.album-title {text-align:center;text-indent:0px;font-weight:bold;color:#F664A0;width:155px}
.home-gallery .list-all {float:right;margin:10px 30px;display:block;text-indent:-9999px;width:80px;}
/* Right News */
.home-news { height:250px; margin-top:18px; }
.home-news h3 { padding-bottom:18px; display:block; text-indent:-9999px; }
.home-news .news-text { height:180px; overflow:hidden; }
.home-news .news-text p { width:190px; font-size:12px;margin-left:20px; margin-right:40px; text-align:justify; position:absolute; }
.home-news .news-text p a{ color:#5e5e5e; }
.home-news .n-pages { margin-left:15px; margin-top:5px;}
.home-news .n-pages a { background:url(images/news-paging.png) no-repeat 100% 100%; height:24px; text-align:center; line-height:21px; width:28px; display:block; float:left; color:#000;}
.home-news .n-pages a:hover, .home-news .n-pages a.ac {background:url(images/news-paging.png) no-repeat; text-decoration:none; }
.home-news .list-all{display:block;clear:both;float:right;margin:10px 30px;display:block;text-indent:-9999px;width:80px;}
/* Bookmark */
.bookmark { height:34px; width:185px; display:block; margin-top:30px;text-indent:-9999px;}
/* Right Site Map */
.home-site-map {margin-top:15px; height:34px; width:185px; display:block; text-indent:-9999px; }
/*------------------------------------------------
Footer
------------------------------------------------*/
#footer .links { width:481px; height:45px; background: url(images/footer-links.png) no-repeat; float:left; text-align:left; margin:60px 0 5px 30px; }
#footer .links a{ float:left; display:block; height:42px; text-indent:-9999px; }
#footer .links .sabisweb { 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; }
#footer .links .alumni { width:42px; margin-left:20px; }
#footer .copyright { font-family:Verdana; width:350px; height:33px; float:right; margin:68px 60px 0 0; }
#footer .copyright p { color:#818181; font-size:10px; line-height:14px; text-align:right; }
#footer .copyright p a { color:#818181; font-weight:bold; }
/*------------------------------------------------
Home Content
------------------------------------------------*/
.home-content .text { margin:10px; text-align:justify; }
.home-content .text h2 { color:#144964; font-size:15px; margin-bottom:10px; }
.home-content .text p { margin-bottom:10px; }
.home-content .text p b, .home-content .text p strong { color:#0d80a9; }
.home-content .text h4 { padding-bottom:10px; }
.home-content .text h5 { margin-bottom:5px; }
.home-content .sep { height:1px; background:url(images/sep.png) repeat-x; margin:10px;}
.home-content .most-read { margin:10px; font-size:11px; }
.home-content .most-read .article { background:url(images/article-bg.png) no-repeat; width:540px; height:105px; margin-top:10px; padding-top:45px; }
.home-content .most-read .article img { float:left; margin:0 10px 0 25px; }
.home-content .most-read .article p { width:360px; float:left;}
.home-content .most-read .article h4 { color:#fff; margin:-34px 0 0 20px; height:30px;}
.home-content .most-read .article a { color:#0d80a9; clear:both; display:block; width:45px; margin-left:475px; }
ol.numbered { margin-bottom:10px; list-style:decimal inside; }
ul.squared { margin-bottom:10px; margin-left:15px; list-style:disc; }
/* Table Fees */
table.fees { background-color:#f0debe; margin-bottom:10px; font-size:12px; width:550px;}
table.fees tr { background-color:#fff; }
table.fees tr th { font-weight:bold; padding:2px; }
table.fees tr td { padding:5px; }
/* Form */
.form dl { margin:20px 0 0 0; width:360px;}
.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, .form dl dd textarea, .form dl dd select {border:1px solid #848484}
.form dl dd input { width:175px; padding-top:2px; height:14px; line-height:14px;}
.form dl dd textarea { width:250px; padding-top:2px; height:90px; line-height:14px; }
.form dl dd input.submit { width:60px; background: #0d80a9; color: #fff; border:0; height:20px; float:right; cursor:pointer; }
.content dl {margin-top:0px;padding:5px;float:left;width:300px;}
.content dl dt {font-weight:bold;float:left;width:60px;height:20px;}
.content dl dd{padding-left:20px;float:left;width:220px;height:20px;}
.content div.hr {height:30px;background:url(images/seperator.png) no-repeat;bordeR:0px;width:580px;float:left;}
.directions {position:relative;top:-40px;background:url(images/map.png) -5px -25px no-repeat;float:right;display:block;width:120px;padding-top:80px;padding-left:10px;}
/* History Nav */
.history-nav { color:#0d80a9; margin-top:10px; padding-left:10px; font-size:11px; background: #e7f6fc; line-height:24px; font-weight:bold; }
.history-nav span { color:#ff7200; }
/* Table History Photo Gallery */
table.history-photogallery { font-size:12px; width:550px; text-align:center; }
table.history-photogallery th { font-weight:bold; text-align:center; font-size:15px; }
table.history-photogallery td { padding:10px; vertical-align:top; }
/* News List */
div.news-list p span{ float:left; }
div.news-list p img { margin-bottom:10px; padding:4px; border:1px solid #c1c1c1; }
div.news-details p img { float:right; margin:0 10px; padding:4px; border:1px solid #c1c1c1; }
ul.news-archive { line-height:22px; }
/* Albums List */
div.albums-list a img {float:left;padding:4px; border:1px solid #c1c1c1; }
div.albums-list p {height:100px;}
div.albums-list div { text-align:center; float:left; margin:12px; }
.albums{ width:550px; float:left;}
.albums ul li { text-align:center; margin: 10px 0 0 10px; padding:4px; float:left; height:100px; width:150px; vertical-align:middle}
.albums ul li a img { padding:4px; border:1px solid #c1c1c1;}
/* Site Map */
div.site-map h5 a{ color:#ff7200; }
ul.sitemap { font-size:12px; line-height:22px; list-style:disc inside; margin-bottom:10px;}
ul.sitemap li ul { padding-left:30px; list-style:circle inside; }
.map {height:375px;}
.virtual-tour .quick-time {height:316px;text-align:center; }
.virtual-tour .list {padding-left:15px;}
.virtual-tour a {display:block;width:120px;float:left;text-align:center;height:110px;margin:3px;}
.virtual-tour a img {width:110px;clear:both;border:1px solid #efefef;padding:2px;}
.virtual-tour a:hover img {border:1px solid #ccc;}
.virtual-tour a:hover {text-decoration:none;}
/* Calendar */
#calendar {font-size:10pt;width:550px;margin-top:25px;position:relative;left:-10px;}
#calendar h3{ height:32px;width:177px;text-indent:-9999px;}
#calendar select {height:18px;width:100px;margin-right:10px;}
#calendar .h { height:18px; border:1px solid #304867; margin:5px 0px 5px 15px;}
#calendar .h { text-align:center;}
#calendar .h div {float:left;width:503px;}
#calendar .h .l {cursor:pointer; width:15px; height:18px; background: #627894 url(images/arrow-left.jpg) no-repeat center;float:left;}
#calendar .h .r{cursor:pointer; width:15px; height:18px; 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;}
#calendar table tr td span {display:block;font-size:7pt;height:16px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #efefef;line-height:16px;text-indent:3px;color:#627894}
#calendar table tr td span.day-no{font-weight:bold;font-size:9pt;}
#calendar table th {border-bottom:1px solid #efefef;color:#D30000;font-weight:bold;padding-bottom:5px;}
#calendar table a {width:70px;display:block;border:1px solid #f3f3f3;height:50px;margin:1px}
#calendar table tr td.CalHasEvent a {color: #ee0000;font-weight:bold;overflow:hidden;}
#calendar table tr td.CalHasEvent a span.day-no {background-color:#efefef;color:Red;}
#calendar .info {width:550px;display:none;margin:5px 3px 1px 0; padding:3px; padding-left:10px; background: #627894;color:#fff}
#calendar .options {display:none;margin:10px;width:150px; cursor:pointer;line-height:18px;background:#304867 url(images/arrow-down.jpg) no-repeat 112px; color:white;padding-left:17px; font-weight:bold;}
#calendar .f {margin:10px;width:540px; padding-top:3px;background-color: #304867;height:25px;}
#calendar .f select {width:100px;margin:2px 5px 2px 14px; font-size:10px;}
#calendar table a:hover {text-decoration:none}
#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;
font-size:10px;
}
#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;
}
.liteweb-error {color:Red}
img.image-verfier {border:1px solid #efefef;padding:1px}
.sabis {padding:20px 40px;display:block;}
.careers {padding:20px 0 0 28px;display:block;}