/*** MAIN CLASSESS *************************************************************************/
html {overflow-y:scroll; overflow-x:auto}
html,body { padding:0; margin:0; width:100%; height:100%; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size:12px; }
body { background-color:#fff; }

div, p, ul, li { padding:0; margin:0; }

p { color:#574B36; line-height:1.6em; margin:1em 0; }
ul, li { color:#574B36; line-height:1.6em; margin:0 0 0 1em; }

h1, h2, h3, h4 { font-family: Arial,Tahoma,Helvetica,sans-serif; margin:0; }
h3 { margin:1em 0; font-size:17px; font-weight:normal; font-family: "Trebuchet MS",Arial,Tahoma,Helvetica,sans-serif; }

a { color:#3287B2; }
a:hover { text-decoration:none; }
a img { border:0; }

ul.ae li { list-style:none; background:transparent url(../img/layout/bullet.gif) no-repeat scroll left 8px; padding:5px 0 5px 25px; margin:0; }

#content-wrapper { clear:both; width:100%; background:#fff url(../img/layout/content-wrap-bg.gif) top center repeat-x;}
#header-wrapper { width:100%; background:#fff url(../img/layout/header-wrap-bg.gif) top center repeat-x; }
#header, #content, #footer { width:960px; margin:0 auto; }
#header { height:179px; background:transparent url(../img/layout/header-bg.gif) top center repeat-x; }
#footer-top { height:15px; width:800px; background:transparent url(../img/layout/footer-top-bg.gif) top center repeat-x; margin:20px auto 0; }
#footer p { text-align:center; padding:10px 0; }

/*** HEADERS IMAGES *****************************************************************************************************/
.page_header { overflow:hidden; text-indent:-5000px; margin:0; }
#home_header { width:438px; height:54px; background:transparent url(../img/headers/home.gif) top center no-repeat; }
#schools_header { width:60px; height:15px; background:transparent url(../img/headers/schools.gif) top center no-repeat; }
#corporate_header { width:174px; height:20px; background:transparent url(../img/headers/corporate.gif) top center no-repeat; }
#courses_header { width:62px; height:14px; background:transparent url(../img/headers/courses.gif) top center no-repeat; }
#performance_header { width:98px; height:15px; background:transparent url(../img/headers/performance.gif) top center no-repeat; }
#about_header { width:51px; height:15px; background:transparent url(../img/headers/about.gif) top center no-repeat; }
#contact_header { width:88px; height:14px; background:transparent url(../img/headers/contact.gif) top center no-repeat; }
#news_header { width:49px; height:15px; background:transparent url(../img/headers/news.gif) top center no-repeat; }
#sitemap_header { width:62px; height:20px; background:transparent url(../img/headers/sitemap.gif) top center no-repeat; }

/*** HEADER *****************************************************************************************************/
#header h1#main_header { float:right; overflow:hidden; text-indent:-5000px; margin:49px 0 35px 0; width:564px; height:26px; background:transparent url(../img/headers/main-header.gif) top center no-repeat; position:relative; right:-31px; }
#header #logo { float:left; margin:12px 0 0 82px; }
#header #top p.headlinks { display:inline; float:right; margin:0 80px 0 0; width:150px; }

/*** MENU *****************************************************************************************************/
#nav { clear:both; }
#menu { /*width:864px;*/width:870px; margin:0 0 0 82px; height:45px; padding:0; list-style:none; font-family:Arial,Tahoma,Helvetica,sans-serif; font-size:17px; }

#nav ul li { list-style:none; display:inline; }
#nav ul a { float:left; display:block; padding:0; margin:4px 8px 0 0; overflow:hidden; text-indent:-5000px; height:45px; background:transparent none no-repeat scroll left bottom; }

#nav ul a#m-home { background-image:url(../img/menu/home.gif); width:71px; }
#nav ul a#m-schools { background-image:url(../img/menu/schools.gif); width:81px; }
#nav ul a#m-corporate { background-image:url(../img/menu/corporate.gif); width:173px; }
#nav ul a#m-courses { background-image:url(../img/menu/courses.gif); width:83px; }
#nav ul a#m-performance { background-image:url(../img/menu/performance.gif); width:112px; }
#nav ul a#m-about { background-image:url(../img/menu/about.gif); width:73px; }
#nav ul a#m-contact { background-image:url(../img/menu/contact.gif); width:102px; }

#nav ul li a:hover, #nav ul li a:active, #nav ul li a.active  { background-position:left top; }
/**************************************************************************************************************/



/*** CONTENT **************************************************************************************************/
#content { background:transparent url(../img/layout/content-bg.gif) top center no-repeat; }
#content #main { width:798px; padding:0 82px; }
#page_top { margin:0 0 20px; }

#side_left { float:left; width:450px; margin:0 0 0 0; }
#side_left h2 { color:#487F2F; font-family:Arial,Tahoma,Helvetica,sans-serif; font-weight:normal; font-size:22px; }
#side_right { float:right; width:300px; margin:0 0 0 0; }
#side_right h3 { font-weight:normal; font-size:20px; color:#B9CC25; margin:5px 0 15px; }
#side_right h3 img { margin:0 10px; }
#side_right h4 { font-weight:normal; font-size:18px; }

.page-right-top { height:4px; }
.page-right { padding:0 0 1px 0; }
.page-right-bottom { height:4px; }
#side_right #side-content { padding:0 10px; }
#side_right .page-right h3, #side_right .page-right p, #side_right .page-right a { color:#fff; }

.rt-orange { background:transparent url(../img/layout/side/side-right-top-orange.gif) top center no-repeat; }
.r-orange { background:transparent url(../img/layout/side/side-right-orange.gif) top center repeat-y; }
.rb-orange { background:transparent url(../img/layout/side/side-right-bottom-orange.gif) top center no-repeat; }

.rt-red { background:transparent url(../img/layout/side/side-right-top-red.gif) top center no-repeat; }
.r-red { background:transparent url(../img/layout/side/side-right-red.gif) top center repeat-y; }
.rb-red { background:transparent url(../img/layout/side/side-right-bottom-red.gif) top center no-repeat; }

.rt-green { background:transparent url(../img/layout/side/side-right-top-green.gif) top center no-repeat; }
.r-green { background:transparent url(../img/layout/side/side-right-green.gif) top center repeat-y; }
.rb-green { background:transparent url(../img/layout/side/side-right-bottom-green.gif) top center no-repeat; }

#side_right #side-content #video_shebeen { text-align:center; }

.error { color:red; }
.confirm { color:#487F2F; }

.quote { display:block; }
.quote_source { font-weight:bold; }
/**************************************************************************************************************/


/*** COURSES **************************************************************************************************/
#map { height:385px; width:800px; border:1px solid #000; }
/**************************************************************************************************************/


/*** CONTACT **************************************************************************************************/
#form-contact { background:transparent url(../img/layout/form-bg.gif) no-repeat scroll center top; height:310px; padding:15px; width:310px; }
#form-contact p { margin:0 0 0.6em; }
#form-contact label { display:block; }
#form-contact input#name, #form-contact input#email { width:286px; }
/**************************************************************************************************************/



/*** NEWS **************************************************************************************************/
.news_item .news_header { font-size:18px; font-weight:normal; margin-top:8px; }
.news_item .news_date { color:#B9CC25; }
/**************************************************************************************************************/


/*** ABOUT **************************************************************************************************/
img#paul_pic { display:block; margin:0 auto; }
/**************************************************************************************************************/



/*** HOME PAGE ************************************************************************************************/
#carousel { width:812px; height:276px; background:transparent url(../img/layout/carousel-bg.gif) top center no-repeat; margin:0 0 0 76px; padding:9px 0; }
#carousel #mask { float:left; width:487px; height:258px; overflow:hidden; position:relative; margin:0 0 0 9px; display:inline; }
#carousel #carousel_display { background-color:#e9e2e0 ; position:absolute; }
#carousel #carousel_display div { float:left; height:258px; width:496px; }
#carousel #carousel_display img {  }
#carousel_buttons { float:right; width:316px; height:258px; color:#fff; }
#carousel_buttons div { padding:15px 15px 20px 86px; cursor:pointer; }
#carousel_buttons h3 { margin:0; padding:0; font-family:Arial,Tahoma,Helvetica,sans-serif; font-size:18px; }
#carousel_buttons #car-btn2 h3 { color:#B67216; }
#carousel_buttons p { font-size:11px; color:#fff; margin:0; line-height:1.4em; }
#carousel_buttons a { color:#fff; }
#carousel_buttons #car-btn1 { background:transparent url(../img/buttons/carousel-btn1.gif) top center no-repeat; width:206px; height:53px; }
#carousel_buttons #car-btn2 { background:transparent url(../img/buttons/carousel-btn2.gif) top center no-repeat; width:206px; height:52px; }
#carousel_buttons #car-btn3 { background:transparent url(../img/buttons/carousel-btn3.gif) top center no-repeat; width:206px; height:48px; }
#side_right .news_preview { clear:both; }
#side_right .news_date { color:#B9CC25; }
#side_right .news_more { float:right; }
#side_right .news_more a { color:#3A9FE0; text-decoration:none; }
#highlight { background:transparent url(../img/layout/home-highlight-bg.gif) top center repeat-x; margin:0 0 20px 68px; width:828px; height:59px; }
#highlight p { padding:20px 0 0 18px; margin:0; font-size:13px; color:#38721B; }
#highlight p .emph { font-weight:bold; }
#highlight p .hinfo { color:#fff; font-weight:bold; }
#highlight a { color:#fff; }

/* Hacks IE -- IE6 doesnt get this */
div#content>div#carousel { margin:0 0 0 74px; }
div#content>div#highlight { margin:0 0 20px 66px; }
/**************************************************************************************************************/


/* ADJUST */
.clear { clear:both; }