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-size:11px; font-family: Arial;}

sup { font-size:8px; font-family:Arial; vertical-align:middle; position:relative; top:-3px;}
h2 sup { font-size:12px; top:-5px; }

a {color:#00205f; text-decoration:none; }
a:hover {text-decoration:underline; }

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

p{ line-height:14px; padding-bottom:10px; text-align:justify; }


/*------------------------------------------------
	Structure
------------------------------------------------*/

#body { width:976px; margin:0 auto; }
#main { float:left; width:976px; margin-top:10px; }
#contentholder { float:left; margin-left:10px; width:772px; }

#header { height:127px; width:976px; float:left; background:#fff url(images/header-bg.jpg) 0 0 no-repeat; }
#header .top { height:21px; float:left; width:100%; }
#header .top .time { float:left; margin:5px 0 0 5px; }
#header .top .flag { background:url(images/mexico-flag.jpg) no-repeat; width:21px; height:31px; display:block; float:right; margin:5px 14px 0 0; }

#header h1 { float:left; width:333px; height:86px; margin:12px 0 0 15px; }
#header h1 a{ display:block; text-indent:-9999px; width:333px; height:86px; }

#header fieldset { margin-top:10px; width:210px; float:right; border:0; margin-right:10px;}
#header fieldset legend { display:none; visibility:hidden; text-indent:-9999px;}
#header fieldset input { border:1px solid #1f3b72; float:left; line-height:16px; font-size:10px; height:16px; width:180px; color:#a1a1a1;}
#header fieldset input.search { cursor:pointer; border:0; background:url(images/search.png) no-repeat; width:16px; height:13px; text-indent:-9999px; margin-left:5px; margin-top:3px; }


#left{ width:192px; float:left; border:1px solid #d5d5d5; background:#f6f8ff; margin-top:2px; min-height:488px; }


/* begin left menu */
#menu { width:184px; float:left; margin:7px 0 10px 5px;}
#menu div { float:left; width:184px; }
#menu .header { width:184px; height:25px; background:url(images/menu-bg.png) no-repeat; float:left; }
#menu .header a { width:184px; height:25px; display:block; color:#00205f; font-size:11px; font-weight:bold; line-height:25px; text-indent:10px; }
#menu ul { margin:5px 0 0 10px; }
#menu ul li { background:url(images/submenu-bg.png) no-repeat; height:25px; *margin-top:-3px; }
#menu ul li a { line-height:25px; text-indent:10px; font-size:10px;  display:block;}
#menu a:hover { color:#8a0e0e; text-decoration:none; }
#about-us-content, #academics-content, #admissions-content,
#our-school-content,#athletics-content, #student-life-content, #contact-content { display:none; margin-bottom:5px; }

/*end left menu*/


/* News */

#left #newscontent { width:184px; height:250px; float:left; margin:5px 0 10px 5px; *padding-bottom:10px; background:url(images/newsletter-bg.png) 0 0 no-repeat; }
#left #newscontent h3 { display:none; }
#left #newscontent h4 { margin-bottom:4px; }
#left #newscontent img { margin:4px 0; }
#left #newscontent marquee { width:160px; height:160px; float:left; margin:40px 0 0 12px; }
#left #newscontent .more { float:right; color:#830d0d; text-decoration:underline; margin:38px 5px 0 0; }

/* Boxes */

#boxes { width:770px; height:230px; float:left; margin:8px 0 0 2px; }
#boxes .sections { width:574px; height:255px; float:left;}
#boxes .sections a{ width:273px; height:90px; float:left; display:block; margin:18px 0 10px 8px;  }
#boxes .sections a span { float:left; display:block; font-weight:bold; }
#boxes .sections a span.club { margin:20px 0 0 100px; }
#boxes .sections a span.cafeteria { margin:20px 0 0 100px; }
#boxes .sections a span.gladiator { margin:20px 0 0 100px; }
#boxes .sections a span.backpack { margin:20px 0 0 100px; }
#boxes .sections span:hover { text-decoration:underline; }


/* Calendar  Home */
#boxes #calendar {background:url(images/calendar.png) no-repeat;  width:194px; height:227px; float:left; margin-left:2px;}
#boxes #calendar h3 { display:none; }


#boxes #calendar .events{ width:180px; height:30px; display:block; float:left; margin:10px 0 0 7px; text-indent:-9999px; }

#boxes #calendar .CalendarDiv { height:131px; width:165px; overflow:hidden; background-color:#fff; margin:48px 0 0 13px; }
#boxes #calendar .CalendarDiv *{	font-size:9px; }
#boxes #calendar .CalendarDiv table { width: 100%; }
#boxes #calendar .CalendarDiv a { color:#000; display:block; text-decoration: none; }
#boxes #calendar .CalendarDiv select { width:65px; height:18px; margin:1px 1px; }
#boxes #calendar .CalendarDiv img { cursor:pointer; }

#boxes #calendar #CalBody { height:106px;  background:url(images/calendar-bg.png) no-repeat; border:1px solid #000; }
#boxes #calendar #CalBody th { background-color:#c1c1c1; color:#023454; text-align:center; margin-bottom:1px;  }
#boxes #calendar #CalBody td { padding:0px; }

#boxes #calendar .CalHeader { width:163px; background-color:#c1c1c1; margin-bottom:3px; padding-left:3px; }


#boxes #calendar .CalReg { text-align:center; }
#boxes #calendar .CalReg a:hover{ background-color:#830d0d; color:#fff; }
#boxes #calendar .CalCurrent { text-align:center; }
#boxes #calendar .CalCurrent a { font-weight:bold; color:#fff; background:#830d0d; text-decoration:none; }

#boxes #calendar .CalHasEvent { text-align:center; }
#boxes #calendar .CalHasEvent a { color: #000; border:1px solid #830d0d; background:#fff; }

#boxes #calendar .CalReg a,#boxes #calendar  .CalCurrent a { display:block; padding:2px;}

#boxes #calendar #PopupInfo{ top:0px; left:0px; margin-top:-10px; width:265px; height:150px; display:block; position:absolute; 
                             background: url(images/popupinfo_bg.gif) top left no-repeat; visibility:hidden; padding:15px 0px 0px 20px;
                             font-size:10px; overflow:hidden; z-index:1000; }
#boxes #calendar #PopupInfo h2 { font-weight:bold; margin-bottom:0px; color:#830d0d; font-size:12px;margin-bottom:5px;}
#boxes #calendar #PopupInfo h3 {display:block!Important;font-weight:bold!Important;font-size:11px!Important;}
#boxes #calendar #PopupInfo div.details { height:80px; width:245px; margin-top:10px; overflow:auto;border:0px solid red;}
#boxes #calendar #PopupInfo p { margin:0px; line-height:14px; }
#boxes #calendar #PopupInfo .info {color:#8f8f8f;font-style:italic;padding-left:5px;}
#boxes #calendar #PopupInfo div.close { background:url(images/popup-close.gif) no-repeat; position:absolute; cursor:pointer; width:21px; height:21px; margin-left:230px;margin-top:-25px;}
#boxes #calendar #PopupInfo div.close img { width:21px; height:21px; }


/* Gallery */

#galleryholder { background:url(images/gallery-holder.jpg) no-repeat; width:775px; height:281px; float:left; }
#gallery { float:left; width:758px; height:266px; margin:8px 0 0 9px; position:relative; }
#gallery span { float:left; position:absolute; }
#gallery span.show { z-index:500; }
#gallery .caption { z-index:600; background:url(images/gallery-bg.png); color:#ffffff; height:50px; width:100%; position:absolute; bottom:0; }
#gallery .caption .gallerycontent { margin:5px; margin-left:20px; font-size:18px;}

/* Content */

#contentholder .homecontent { background:url(images/content-bg.png) no-repeat; float:left; width:534px; height:220px; margin:0px 0 0 0px; padding:20px; }
#contentholder .content { float:left; width:770px; background:url(images/grey.gif) 0 24px repeat-x; }
#contentholder .content .text { float:left; width:765px; }
#contentholder .content .floatleft { float:left; margin:0 15px 10px 0px ; }

#contentholder h2 { color:#00205f; font-size:20px; margin-bottom:10px; }
#contentholder h3 { font-size:15px; }
#contentholder ul li { padding-left:10px; line-height:14px; padding-bottom:10px; text-align:justify; background:url(images/red-bullet.png) 0 5px no-repeat; }
#contentholder a { color:#830d0d; }

#contentholder .content table { margin:10px 0 15px;}
#contentholder .content td { padding:5px; }
#contentholder .content ul { margin:10px 0 10px 10px; }
#contentholder .content .download { text-align:center; margin-top:10px; }

/* Calendar  Inside */

#contentholder .content #calendar {font-size:10pt;width:760px;margin-top:25px; position:relative; }
#contentholder .content #calendar h3{ height:32px;width:177px;text-indent:-9999px;}
#contentholder .content #calendar select {height:18px;width:100px;margin-right:10px;}
#contentholder .content #calendar .h { height:18px; border:1px solid #304867; margin:5px 0px 5px 15px;}
#contentholder .content #calendar .h { text-align:center;}
#contentholder .content #calendar .h div {float:left;width:713px;}
#contentholder .content #calendar .h .l {cursor:pointer; width:15px; height:18px; background: #830d0d url(images/arrow-left.jpg) no-repeat center;float:left;}
#contentholder .content #calendar .h .r{cursor:pointer; width:15px; height:18px; background: #830d0d url(images/arrow-right.jpg) no-repeat center;float:left;}

#contentholder .content #calendar table{margin-left:10px;width:98%; }
#contentholder .content #calendar table tr td, 
#contentholder .content #calendar table	th {text-align:center; padding:1px;}
#contentholder .content #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}
#contentholder .content #calendar table tr td span.day-no{font-weight:bold;font-size:9pt;}
#contentholder .content #calendar table	th {border-bottom:1px solid #efefef;color:#84090b;font-weight:bold;padding-bottom:5px;}
#contentholder .content #calendar table a { width:100px;display:block;border:1px solid #f3f3f3;height:50px;margin:1px}
#contentholder .content #calendar table tr td.CalHasEvent a {color: #ee0000;font-weight:bold;overflow:hidden;}
#contentholder .content #calendar table tr td.CalHasEvent a span.day-no {background-color:#efefef;color:Red;}
#contentholder .content #calendar .info {width:540px;display:none;margin:5px 3px 1px 0; padding:3px; padding-left:10px; background: #627894;color:#fff}
#contentholder .content #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;}
#contentholder .content #calendar .f {margin:10px;width:760px; padding-top:3px;background-color: #84090b;height:25px; text-align:center;}
#contentholder .content #calendar .f select {width:100px;margin:2px 5px 2px 14px; font-size:10px;}
#contentholder .content #calendar table a:hover {text-decoration:none}
#contentholder .content #PopupInfo{ top:0px; left:0px; margin-top:-10px; width:265px; height:150px; display:block; position:absolute; 
                             background: url(images/popupinfo_bg.gif) top left no-repeat; visibility:hidden; padding:15px 0px 0px 20px;
                             font-size:10px; overflow:hidden; z-index:1000; }
#contentholder .content #PopupInfo .title { font-weight:bold; margin-bottom:0px; color:#830d0d; cursor:move; }
#contentholder .content #PopupInfo div.text { height:154px; width:155px; margin-top:10px; overflow:hidden;}
#contentholder .content #PopupInfo p { margin:0px; line-height:16px; }
#contentholder .content #PopupInfo div.close { background:url(images/popup-close.gif) no-repeat; position:relative; cursor:pointer; width:21px; height:21px; left:225px; top:-60px; border:0px solid #ff0000; }
#contentholder .content #PopupInfo div.close img { width:21px; height:21px; }

/* Form */

.form { margin:12px 0; float:left}
.form dl {width:500px;}
.form dl dt { float:left; width: 120px; padding: 4px 0 2px 0; clear:both; }
.form dl dd { float: left; width: 354px; padding: 4px 0 2px 0; padding-left: 6px;  }
.form input, .form textarea, .form select {border:1px solid #848484}
.form input { width:175px; padding-top:2px; height:14px; line-height:14px;}
.form input.checkbox {border:none;width:20px; }
.form dl dd textarea { width:350px; padding-top:2px; height:90px; line-height:14px; }
.form dl dd input.submit { background:#00205f; font-size:11px; width:60px; color: #fff; border:0; height:22px; float:right; cursor:pointer; padding:0; margin:0 0 10px 0; }
.form dl dd input.reset { background:#00205f; font-size:11px; width:60px; color: #fff; border:0; height:22px; float:right; cursor:pointer; padding:0; margin:0 0 10px 10px; }
.form span { color:Red; }

.form div.required { clear:both; font-size:10px; width:150px; float:left; }
.form div.required span { color:Red; }

/* News */

#contentholder div.news { margin-top:0px; float:left; width:100%; }
#contentholder div.news div { clear:both; margin:10px 0;}
#contentholder div.news img { float:left; margin-right:15px; }
#contentholder div.news hr { border:0px; border-bottom:1px solid #979797; height:1px; width:80%; clear:both; padding:5px 0; }
#contentholder div.news p { margin-bottom:5px;}
#contentholder div.news a.read-more{  font-size:9px; float:right; font-weight:bold; }
#contentholder div.news h3 { margin:10px 0; }

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

#contentholder .pager { margin:15px 0 20px 0; }
#contentholder .pager a { font-weight: bold; margin:10px 0; padding: 2px 5px; }
#contentholder .pager a.paging-current { color:Red !important; text-decoration:none; cursor:default; }

#contentholder .archive { margin-right:10px; width:100%;  color:#fff; float:left; margin-bottom:10px; text-align:right; font-size:12px; }

/* Site Map */

#sitemap div.one {  float:left; width:250px; }
#sitemap div.two {  float:left; width:250px; margin-left:20px; }
#sitemap div.header { margin-bottom:10px; }
#sitemap h4 { font-size:13px; }

/* Footer */

#footer { float:left; height:50px; width:976px; background:url(images/grey.gif) 0 4px repeat-x; }
#footer .links { width:282px; height:32px; float:left; background:url(images/footer-links.png) no-repeat; margin:9px 0 0 7px; }
#footer .links a{ float:left; display:block; height:32px; text-indent:-9999px;  }
#footer .links .sabis { width:56px; }
#footer .links .webparent { width:82px; margin-left:20px;  }
#footer .links .sabiscareers { width:100px; margin-left:16px; }

#footer .copyright { width:380px; height:32px; float:right; background:url(images/sabis-international-school.png) 100% 0 no-repeat; margin:9px 0 0; }
#footer .copyright p { color:#979797; font-size:10px; line-height:32px; text-align:right; float:right; margin-right:205px; }
#footer .copyright p a { color:#979797; }

/* Blast */

.archivelist { display:none; }


.disclaimer {width:750px;float:left;border-top:1px solid #efefef;padding-top:5px;color:#7f7f7f;margin-top:20px;}

.downloads {list-style:none;margin:50px 0 0 20px;}
.downloads li {background:none!Important;width:150px;float:left;padding-left:0!Important;list-style:none!Important;margin-left:0;}
.downloads li.last {border:1px solid red;padding-left:0!Important;list-style:none!Important;}
.downloads a.folder {display:block;background:url(images/folder.png) no-repeat left;padding-left:40px;font-weight:bold;line-height:32px;}
.downloads a.folders { width:50px; display:block;background:url(images/folders.png) no-repeat left;padding-left:40px;font-weight:bold;line-height:32px;}
.downloads a.pdf {display:block;background:url(images/pdf1.png) no-repeat left;padding-left:40px;font-weight:bold;line-height:32px;}
.files li {width:700px;}


.home-notice{ font-weight:bold; padding:10px 20px; float:left; width:740px; font-style:italic; color:#14316B;}