﻿/* General Tags */

body 
{
	margin: 0px;
	color: #000;
	background:url(images/gradient.jpg) repeat-x;
	background-color: #fff; /*#D7E9C2*/
	font-size:8pt;
}
*
{
	font-family:Verdana, arial, tahoma;
	border:0px;
	margin:0px;
	text-decoration:none;
	list-style:none;
}
option
{
	color: #4f4329;
}
select
{
	border:1px solid #4f4329;
}
ul,li
{
	padding:0;
}

td
{
	vertical-align:top;
}
p
{
	margin-top:5px;
	text-align:justify;
}
a
{
	color: #4f4329;
}
a:hover
{
	color: #118C42;
}
sup
{
	font-size:8px; font-family:Arial; vertical-align:middle; top:-3px; z-index:0
}
h1,h2,h3,h4,h5,h6, .sitemap .header
{
	font-size:9pt;
	font-weight:bold;
}
/* end general tags */
#Main
{
	margin:0px auto 20px;
	width: 1000px;
	background: #D7E9C2 url(images/main-bg.png) repeat-y;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

/*Header*/
#Header .north
{
	background: #fff url(images/north-bg.png) top repeat-x;
	padding-left:10px;
	height:29px;
}
#Header .north span
{
	line-height:25px;
}
#Header .north span
{
	float:left;
}
#Header .north a
{
	float:right;
	margin:6px 8px 0 0;
}
#Header .north img
{
	float:right;
}
#Header .center
{
	background: #fff url(images/header-center-bg.png) repeat-x;
	height: 117px;
}
a.logo
{
	display:block;
	height:116px;
	width:220px;
	float:left;
	background: transparent url(images/logo.png) no-repeat 20px 8px;
}
a.logo span
{
	display:none;
}
#Header .south
{
	height:16px;
	background: url(images/header-south-bg.png);
}
#Header .south li
{
	float:left;
	width: 80px;
	margin-left:10px;
}
#Header .south li a
{
	height:16px;
	display:block;
	line-height:16px;
	padding-left:20px;
	background-repeat:no-repeat;
	font-size:7pt;
}
#Header .south .left
{
	float:left;
}
#Header .south .right
{
	float:right;
}
li.home a
{
	background-image: url(images/home-icon.png);
}
li.contact a
{
	background-image: url(images/contact-icon.png);
}
li.sitemap a
{
	background-image: url(images/sitemap-icon.png);
}
li.bookmark a
{
	background-image: url(images/bookmark-icon.png);
}

/*End Header*/

/*Start Body*/
#Body
{
	display:inline-block
}
#Body .left
{
	float:left;
	width: 187px;
	border:0px solid red;
	background: transparent url(images/left-bg.png) no-repeat top;
	height:400px;
}
#Body .center
{
	float:left;
	width:627px;
	border:0px solid red;
}
#Body .right
{
	float:left;
	width:186px;
	border:0px solid red;
}

#Body .center sup
{
	position:relative;
}
#menu
{
	margin:7px;
	font-size:7pt;
	padding-bottom:10px;
	background: url(images/menu-border.png) 7px bottom no-repeat;
}
#menu .header
{
	height:20px;
	background: url(images/menu-header-bg.png) no-repeat;
	cursor:pointer;
	line-height:20px;
	padding-left:5px;
	letter-spacing:1px;
	font-weight:bold;
	margin-bottom:2px;
}
#menu .header sup
{
	font-size:6px;
}
#menu ul li a
{
	display:block;
}
#menu ul li
{
	background: url(images/menu-sub.png) no-repeat;
	width:165px;
	margin:1px 5px;
	line-height:20px;
	padding-left:5px;
}
#menu ul ul li
{
	background:none;
	height:16px;
	line-height:16px;
}
#menu ul ul
{
	margin:0px 0px 5px 5px;
	*display:inline-block;
}
#menu ul ul li a:hover
{
	text-decoration:underline;
}
#worldofsabis-content, #menu ul ul#educationservices, 
#ourschool-content, #academics-content, #menu ul ul#academics
{
	display:none;
}
/*search*/
#searchbox
{
	display:none;
	padding:6px;
	margin:0px;
}
fieldset#searchbox legend
{
	display:none;
}
#searchbox input.field
{
	float:left;
	margin:0 1px 0 0px;
	font-size:7pt;
	width:145px;
	height:15px;
	padding: 2px 3px 0px;
	background: url(images/search-box-bg.png) no-repeat;
}

/*right*/
.right .box
{
	margin-top:7px;
	width: 180px;
	background:url(images/right-box-bg.png) repeat-y;
}
.right .box h3
{
	padding-left:10px;
	line-height:25px;
}
.right .box h3 span, h3 span
{
	color:#A23131
}
.right .box h3 img
{
	float:right;
	margin-right:10px;
}
.right .box .n
{
	background:url(images/right-box-north.png) no-repeat;
	height:5px;
}
.right .box .s
{
	background:url(images/right-box-south.png) no-repeat;
	height:5px;
}
.box p
{
	margin: 5px 8px 10px 8px;
	font-size:7pt;
}
.box a.more, fieldset a.more, .newslist a.more
{
	text-decoration:underline;
	text-align:right;
	display:block;
	margin-right:8px;
	margin-top:5px;
	color:#7F8A73;
}
.box b
{
	color: #172F00;
}
.box p sup
{
	font-size:7px;
}
.box marquee
{
	height:100px;
	width:170px;
	padding-left:5px;
	margin-top:5px;
	*float:left;
}
/* End Body */

/*Start Footer*/
#Footer
{
	background: #fff url(images/footer-bg.png) top no-repeat;
	text-align:right;
	padding-top:18px;
	font-size:7pt;
	padding-right:5px;
	padding-bottom:5px;
	height:10px;
}
#Footer a
{
	font-weight: bold;
}

#Footer sup {font-size:xx-small !important; font-family:Arial !important; vertical-align:super !important; height:0 !important; line-height:1 !important; }

#Footer p{ float:right; text-align:right;font-size:10px; color:#000;}
#Footer p a { font-weight:bold; font-size:10px; color:#000 !important; }
#Footer p a:hover { color:#000;  text-decoration:underline; }

#Footer .links { width:481px; height:42px; background: url(../../styles/images/footer-links.png) no-repeat; float:left; text-align:left; margin:0px 0 0 10px; }
#Footer .links a{ float:left; display:block; height:37px; text-indent:-9999px; }
#Footer .links .sabisweb { width:62px; }
#Footer .links .sabiscareers { width:98px; margin-left:20px; }
#Footer .links .webparent { width:79px; margin-left:20px;  }
#Footer .links .sabisuniversity { width:120px;  margin-left:20px; }
#Footer .links .alumni { width:42px;  margin-left:20px; }

/* End Footer */

/*Calendar*/

.CalendarDiv
{
	width:165px;
	margin:10px 0px 3px 8px;
}
.CalHeader
{
	width:165px;
	background: #172F00;
	height:22px;
	text-align:center;
}
.CalHeader select
{
	width:60px;
	height:18px;
	line-height:16px;
	font-size:7pt;
	margin:2px 4px;
}
.CalHeader img
{
	vertical-align:top;
	position:relative;
	top:6px;
	margin:0px 2px;
	cursor:pointer;
}
.CalBody
{
	border:1px solid #8A9D77;
}
.CalBody table th
{
	border-bottom:1px solid #8A9D77;
}
.CalBody table
{
	width:100%;
}
.CalBody table td
{
	padding:1px;
}

.CalBody table a
{
	display:block;
	text-align:center;
	border:1px solid transparent;
}
.CalBody table td.CalHasEvent a:hover, .CalBody table a:hover
{
	background: #F3D6B8;
	color: #000
}
.CalBody table td.CalHasEvent a
{
	background: #D7E8C2;
	border:1px solid #8A9D77;
}
.CalBody table td.CalCurrent a
{
	background: #E9B27B;
	color:#000;
	font-weight:bold;
}
#PopupInfo
{
	padding:15px;
	width:206px;
	height:160px;
	background: url(images/Pop-Up-Calendar.png) no-repeat;
	position:absolute;
	visibility:hidden;
	top:0;
	left:0;
}
#PopupInfo .title
{
	font-weight:bold;
	color: #CC1738;
	font-size:7pt;
	letter-spacing:0px;
	margin-bottom:10px;
	cursor:move;
}
#PopupInfo p
{
	height:142px;
}
#PopupInfo .close
{
	display:block;
	width:18px;
	height:18px;
	float:right;
	position:relative;
	top:-165px;
	left:-3px;
	cursor:pointer;
}
#PopupInfo .close img
{
	width:15px;
	height:15px;
}

/*Content */
.Content
{
	width:590px;
	margin:20px;
}
.Content h2, .Content h3
{
	margin-bottom:10px;
	font-size:10px;
}
.Content h3
{
	margin-top:20px;
	background: url(images/home-h3-bg.png) 15px 8px repeat-x;
	height:20px;
	display:block;
}
.Content h3 div
{
	background-color: #F8F8F8;
	display:inline;
	padding-left:10px;
	padding-right:5px;
}
.Content h3 img
{
	float:left;
	position:relative;
	top:-3px;
}
.Content p
{
	margin:10px 0px;
	text-align:justify;
}
.Content .main-image
{
	float:left;
	margin:0px 15px 10px 0px;
}
.Content .homeimg
{
	background: url(images/home-image-bg.jpg);
}
.Content div.mainimage
{
	width:244px;
	height:157px;
	padding:5px;
	background: url(images/Frame.png) no-repeat;
	padding-top:9px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.Content img.mainimage
{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.Content div.mainimage img.mainimagenews
{
	float:left;
	margin-left:3px;
	margin-bottom:10px;
	width:238px;
	height:150px;
	position:absolute;
	*margin-top:10px;
}

/*most read */
.mostread
{
	margin-top:10px;
	page-break-before:inherit;
	float:left;
	width:590px;
	margin-left:5px;
	height:100px;
}
.mostread .left-box
{
	float:left;
	background: url(images/most-read-left.jpg) no-repeat;
	height:84px;
	width:119px;
	padding:8px;
}
.mostread .right-box
{
	float:left;
	background: url(images/most-read-right.jpg) no-repeat;
	width:455px;
	height:100px;
}
.mostread fieldset
{
	margin:10px;
	text-align:justify;
	font-size:7pt;
	line-height:15px;
}
.mostread fieldset p, .mostread fieldset span
{
	margin:0;
	padding:0;
	font-size:7pt;
}
.mostread fieldset legend
{
	font-weight:bold;
	color:#224300;
}


/*titles*/
h6
{
	background: url(images/bg-title.jpg) repeat-x bottom;
	padding-top:8px;
	margin-left:1px;
	height:20px;
}
h6 span
{
	padding:0px 20px;
}
h5
{
	margin-left:20px;
	font-size:8pt;
	color:#A23131;
	margin-top:10px;
}
.Content
{
}
.Content ul 
{
	margin:10px;
	margin-left:5px;
	padding-left:15px;
	display:block;
	float:left;
}
.Content ul li
{
	padding-left:0px;
	list-style:disc;
}
.sitemap ul 
{
	float:none;
}

select.newsselect
{
	float:right;
	position:relative;
	top:-3px;
	*top:-16px;
	height:18px;
	font-size:7pt;
	margin-right:20px;
}
.newslist hr
{
	background-color:#ccc;
	height:1px;
	margin:10px;
}
.newsletter
{
	text-align:center;
	padding-bottom:5px;
}
.newsletter .slogo
{
	margin:10px 0 6px 20px;
}
.newsletter span img
{
	vertical-align:text-bottom;
	position:relative;
	top:5px;
}
.newsletter span
{
	line-height:30px;
}

/* Albums */

.albums-list div h4 { margin-bottom:5px; }
.albums-list div { float:left; margin:4px; text-align:center; }
.albums-list div img { padding:4px; border:1px solid #c1c1c1;}

.albums ul li { text-align:center; margin:0; padding:4px; float:left; list-style:none; }
.albums ul li a img { padding:4px; border:1px solid #c1c1c1;}

.archive{ float:right; position:relative; top:-3px; *top:-16px;	margin-right:20px; }
