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; font-size:10px; color:#000; background:#dee9e3 url(images/gradient.jpg) repeat-x;}

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

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

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


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

#body {width:1000px; margin:0px auto; }
#main { width:1000px; float:left; background:#fff;}
#header { width:1000px; height: 133px;background:url(images/header.jpg) no-repeat;}
#contentholder { width:1000px; float:left;background:#fff }
#left { margin:1px 0 0 1px; width:180px; float:left; }
#footer { width:795px; margin:1px 0 0 193px; float:left; height:20px; *margin-top:0; }

.homecontent { margin:0px 12px; width:795px; float:left; }
.content { width:779px; margin-left:22px; float:left; }

/* Header */
#header h1 { width:254px; height:68px; margin:28px 0 0 20px; float:left;}
#header h1 a {display:block; width:254px; height:68px; text-indent:-9999px; }

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

#header div.sabis { width:90px; height:65px; float:left; margin:15px 0 0 538px; }
#header div.sabis a{ display:block; width:90px; height:65px; text-indent:-9999px;}

#header div.topmenu ul { float:right; clear:both; color:#fff; margin:10px 12px 0 0; font-size:9px; }
#header div.topmenu ul li {float:left; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 2px; padding:0 5px;  }
#header div.topmenu ul li.first { border-left:0; }
#header div.topmenu ul li.last { border-right:0; }

#header div.topmenu ul li a { color:#fff; text-decoration:none; }
#header div.topmenu ul li a:hover { text-decoration:underline; }


/*------------------------------------------------
	Left
------------------------------------------------*/


/* Menu */

#menu { background:#8ba397 url(images/menu-bg.jpg) no-repeat;  }

#menu #accordianmenu { margin:0 5px; width:170px;}

#menu .menuheader { text-align:left; padding:2px 0 2px 0px; }
#menu .menuheader a{  margin:1px 0 0 10px; line-height:21px; display:block; color:#fff; text-decoration:none; }
#menu .menuheader a:hover { color:#192b21; }

#menu .sep { height:1px; border-bottom:1px solid #fff; margin-left:5px; width:95%;}

/* Menu Subs */

#menu ul.sub-menu { overflow:hidden; display:block; line-height:20px; position:relative; margin:0px 0 10px 10px; }
#menu ul.sub-menu li { color:#fff; }
#menu ul.sub-menu li a { text-decoration:none; color:#fff; }
#menu ul.sub-menu li a:hover{ color:#cc2b00; }

#menu ul.sub-menu ul { margin:0 0 10px 15px; }

#aboutsuleimaniah-header, 
#schoolacademics-header, 
#admissionprocedures-header,
#fee-header,
#contact-header
{ border-top:1px solid #fff;}


#worldofsabis-content,
#aboutsuleimaniah-content, 
#schoolacademics-content, 
#admissionprocedures-content,
#sabis-educational-system-content,
#approach-to-education-content
{
	position:relative; 
	display:none;
}


/* Box */

.box { margin-top:5px; float:left; }
.box h3 { text-indent:-9999px; width:180px; height:28px; display:block; }
.box-content { background:#d9dad9; float:left; width:156px; padding:14px 12px 0px 12px; margin-top:1px; }


div.school-events h3 { background:url(images/school-events-header.jpg) no-repeat;}
div.school-events a { text-decoration:none; color:#000; }
div.school-events a:hover p b { text-decoration:underline; }
div.school-events p { margin:10px 0; } 
div.school-events marquee { height:140px; }
div.school-events sup { *position:static; }
div.school-events p b { color:#cc2b00; }
div.school-events a.more { float:right; margin-top:10px; color:#cc2b00; text-decoration:underline;}
div.school-events a.more:hover {text-decoration:none;}

div.newsletter h3 { background:url(images/newsletter-header.jpg) no-repeat; }
div.newsletter img { float:left;  }
div.newsletter a.archive { float:right; color:#1c2f25; }
div.newsletter a.download { float:right; margin-top:50px; width:100px; }

div.school-events .box-content { height:170px; } 
div.newsletter .box-content { background:#d9dad9; float:left; width:156px; padding-right:5px; padding-bottom:10px; width:163px; }


/*------------------------------------------------
	Content
------------------------------------------------*/

.homecontent, .content { font-size:11px; line-height:16px; }

.homeimg { margin:12px 0 5px 0px; }

.homecontent div { float:left; }
.homecontent div h2 {margin:10px 0; color:#cc2b00; border-bottom:1px solid #cc2b00; padding:5px 0;}
.homecontent div p { text-align:justify; margin-top:8px;}
.homecontent div a { float:right; font-weight:bold; font-size:10px;}

div.welcome { margin-left:3px;width:460px; }
div.mission { width:300px; float:right; }

/* History */

#history {margin:12px 0px 5px 0px;  color:#395145; font-size:10px; margin-top:5px; border-bottom:1px solid #395145; height:18px; }

div.history { float:left; }
div.history span { color:#cc2b00; }
div.history a { color:#395145; text-decoration:none; } 
div.history a:hover { text-decoration:underline; } 

div.history-home { background:url(images/home-icon.png) no-repeat; float:right; padding-left:20px;  }
div.history-home a { text-decoration:none; }
div.history-home a:hover { text-decoration:underline; }

/* Default Content */

.content h2 { margin:10px 20px 0 0px;  color:#cc2b00; font-size:13px;}
.content p { text-align:justify; margin:8px 0px 15px 0px;}

.content ul { margin-left:30px; margin-bottom:15px; }
.content ul li { list-style:disc; }

/* News */

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

div.news .news-image-list {float:left; margin:0 15px 10px 0; width:300px; height:220px; }
div.news .news-image-list img { position:absolute; }
div.news .news-image-list div.loop{ position:relative; margin:185px 0 0 260px; background:url(images/loop.png) no-repeat; width:36px; height:38px; cursor:pointer; }

/* Form */

.form { margin:12px; }
.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 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:350px; padding-top:2px; height:90px; line-height:14px; }
.form dl dd input.submit { width:60px; background: #192b21; color: #fff; border:0; height:22px; float:right; cursor:pointer; padding:0; margin:0 0 10px 0; }
.form span { color:Red; }

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

/* Site Map */

.site-map { height:300px; }
.site-map div {float:left;  margin:10px 0 0 0; }
.site-map div.world-sabis,
.site-map div.about-isc,
.site-map div.school-academics,
.site-map div.admission-procedures { float:left; margin-right:15px;height:220px; }
.site-map div.admission-procedures { margin-right:0px;}

.site-map div.fee-structure {  margin-right:20px; }
.site-map div.contact-us { margin-right:20px; }
.site-map div.news-archive {  margin-right:20px; }

/* Albums */

.albums-list div h4 { margin:5px 0; }
.albums-list div { float:left; margin:10px 0; text-align:center; }

.albums ul { margin-left:0px; }
.albums ul li { list-style:none; text-align:center; margin: 10px 0 0 6px; padding:4px; float:left; }
.albums ul li a {width:130px; height:100px; display:block;  padding:4px; border:1px solid #c1c1c1;}
.albums ul li a img {}

/*------------------------------------------------
	Footer
------------------------------------------------*/
#footer {margin-top:10px; border-top:1px solid #a3a3a3; color:#a3a3a3; text-align:right; }
#footer p { padding-top:5px; }
#footer a { font-weight:bold; text-decoration:none; color:#a3a3a3;  }
#footer a:hover { text-decoration:underline; }