/* SD43 General CSS for all Pages */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#fff;
	height:auto;
}
*html{
	height:auto;
}
.arabic{
	text-align:right;
}
#social-networking{
	position:absolute;
    width:200px;
    height:50px;
	margin:10px 0 0 20px;
	*margin:10px 0 0 -220px;
}
#social-networking img{
	border:none;
	margin-right:8px;
}

/* Main box around the content*/	
#wrapper{
	width: 960px;
  	margin:10px auto;
  	padding: 0;
	border: 1px solid #ccc;
  	color: #000;
	background:url(../images/main-bk.jpg) repeat-y    ;
	}
	
#wrapper1{
	width: 960px;
  	margin:10px auto;
  	padding: 0;
	border: 1px solid #ccc;
  	color: #000;
	}	
	
/* Internet Explorer hack code */	

/*  ------  Top Header ------ */
/*Guiding Global Citizens, Becoming Tomorrow’s Leaders*/
#header{
	margin:0;
	height:38px;
}
#search{
	float:left;
	width:212px;
	height:31px;
	border-right: 1px solid #ccc;
	padding-top:7px;
	padding-left:8px;
	background:#FFFFFF;
}
#search #search_button{
	width:60px;
	height:24px;
} 

#search #search_buttonspanish{
	width:70px;
	height:24px;
} 
#search #search_field{
	width:115px;
}

#search #search_fieldspanish{
	width:110px;
}

#search #search_button{
	background:#CCCCCC;
	padding:1px;
	margin-right:8px;
}

#search #search_buttonspanish{
	background:#CCCCCC;
	padding:1px;
	margin-right:9px;
}

#search form{
position:absolute;
}

/* Blue Box on top right*/

#breadcrumb{
	color:#FFFFFF;
	padding-top:10px;
	text-indent:15px;
	font-weight:bold;
	float:right;
	width:185px;
	height:28px;
	/*text-align: middle;*/
	background:#0060B6;
}

#breadcrumb_two, #breadcrumb_twospanish{
	color:#FFFFFF;
	padding-top:10px;
	text-indent:15px;
	/*font-weight:bold;*/
	float:right;
	width:185px;
	height:28px;
	background:#0060B6;
	font-size:12px;
}

#breadcrumb_twospanish{
	text-align: right;
}


#breadcrumb_three{
	color:#FFFFFF;
	padding-top:10px;
	text-indent:2px;
	/*font-weight:bold;*/
	float:right;
	width:185px;
	height:28px;
	background:#0060B6;
	font-size:11px;
}

#breadcrumb_four{
	color:#FFFFFF;
	padding-top:10px;
	text-indent:-100px;
	/*font-weight:bold;*/
	float:right;
	width:185px;
	height:28px;
	background:#0060B6;
	font-size:9px;
	text-align: right;
}

#breadcrumb_four a:link,#breadcrumb_twospanish a:link, #breadcrumb_four a:visited, #breadcrumb_twospanish a:visited, #breadcrumb_four a:hover, #breadcrumb_twospanish a:hover, #breadcrumb_twospanish a:active, #breadcrumb_four a:active {
margin-right: 5px;} /*To make space to right of links;*/

#breadcrumb #active, #breadcrumb_two #active, #breadcrumb_three #active, #breadcrumb_four #active, #breadcrumb_twospanish #active{
	color:#999999;
}

#breadcrumb a, #breadcrumb_two a, #breadcrumb_three a, #breadcrumb_four a, #breadcrumb_twospanish a {
	color:#FFFFFF;
	text-decoration:none;
}
/*  ------  Banner ------ */
#banner {
    width:965px;
	height:170px;
  
}
#banner img{
	float:none;
	border:none;
}
/*  ------  Top bar ------ */
/*Smal Grey top bar*/
#top-bar {
	background: #E7E7E8;
	height:24px;
}
#top-bar select{
	margin-top:4px;
	margin-left:22px;
}
#top-bar option{
	background:#CCCCCC;
}
#top-bar .items{
	font-size:12px;
	font-weight:bold;
	color:#000;
	float:left;
	width:153px;
	margin-right:1px;
	height:21px;
	padding-top:3px;
}
/* Breadcrump to show the links*/
.breadcrumb {
	
	margin-top:5px;
	*margin-top:4px;
	color:#666666;
	margin-left:116px;
	width:466px;
	height:25px;
	left: 134px;
}
.breadcrumb a{
	color:#999999;
}
.breadcrumb a:hover{
	color:#0060B6;
}	
/*Home Page Languages bar*/
.languages{
	background: #E7E7E8;
	height:20px;	
	color:#000;
	font-size:11px;
	line-height:19px;
	margin-left:240px;
	padding-top:4px;
}
.languages a{
	text-decoration:none;
	display:inline;
	color:#000;	
}
.languages .active{
	color:#cc3333;
	font-weight:bold;
}

/*  ------  Column1 + Navigation ------ */
#column1 {
	width:220px;
	height:100%;
  	float:left;
  	margin:0;
}
/* ---  Side Navigation -- */
#side_nav_top{
	width:220px;
	height:25px;
	/*background:url("../images/side-nav-top.jpg") no-repeat;*/
}
.side-nav{
	width:220px;
	height:750px;
	margin:0;
	padding:0;
}

#side_nav_bottom{
	width:220px;
	height:10px;
}
.side-nav ul{
	margin:0;
	padding:0;
}
.side-nav ul li{
	margin:0px 4px 0 4px;
	list-style:none;
	padding:4px 0 1px 35px;
	height:16px;
	border-bottom: 1px solid #fff;
	font-size:11px;
}


.side-nav ul li a{
	text-decoration:none;
	color:#000;
}
.mainpages{
	font-weight:bold;
	margin-left:0px;
	padding-left:30px;
	background:url("../images/side-nav-button.jpg") no-repeat;
	background-position: 15% 0%
}



.mainpages a{
	color:#fff!important;
	width:120px;
	height:10px;
	display:block;

}
.expandpages{
	font-weight:bold;
	color:#fff;
	margin-left:0px;
	padding-left:30px;
	background:url("../images/side-nav-button.jpg") no-repeat;
	background-position: 15% 0%
}
.expandpages a{
	color:#FFFFFF!important;
}
.more_info_pages_first{
	font-weight:bold;
	color:#fff;
	margin-left:0px;
	padding-left:30px;
	background:url("../images/side-nav-button-more-info.jpg") no-repeat;
	background-position: 15% 0%
}
.more_info_pages_first a{
	color:#FFFFFF!important;
}
.more_info_pages a{

color:#666666!important;
}
/* == Arabic Navigation Only ==*/
.arabic_nav{
text-align:right!important;

}
.arabic_nav ul li{
	margin-right:15px;
	*margin-right:5px;
	text-align:right;
}
.arabic_nav .mainpages{ 
background-position: 125% 0%;
text-align:right;	

}
.arabic_nav .mainpages a{ 
	
width:162px;	
*width:155px;
padding-right:5px;
padding-left:0px;
margin:0;
}
/* Middle content */
/*  ------  Column2 ------ */

#column2 {
	margin-left:220px;
	padding:0;
}
.content{
	margin:0;
	padding:15px;
}
.content .pdf li{
	list-style-image:url("../images/pdf-icon.jpg");
}


.content li{
	list-style-image:url("../images/link-arrow.jpg");
	margin-top:5px;
}
.content a{
	text-decoration:none;
	color:#0060B6;
}
.content a:hover{
	color:#666666;
}
.content p{
	margin:5px 0 5px 0;
	line-height:18px;
	font-size:13px;
}
.clear {
  clear: both;        /* extend height of #wrapper to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
#highlights{
	width:740px;
	height:auto;
	overflow:hidden;
	}
*html #highlights{
	width:745px;
}
.highlight-box{
	float:left;
	width:184px;
	height:245px;
	*height:250px;
	margin-top:3px;
	background:#FFF;
	margin-left:1px;
	
}
.highlight-box-border{
	width:184px;
	height:245px;
	border-right:1px solid #ccc;
	
}

.highlight-box p{
	padding-left:12px;
	padding-right:7px;
	height:30px;
	font-size:0.95em;
	margin-top:0;
	
}

.noborder{
	border:none;
}
.highlight-box .thumb{
	width:152px;
	height:60px;
	padding:2px;
	margin:5px 0 0 13px;
}

.highlight-box img{
	border:none;

}
.highlight-box a{
	text-decoration:none;
	color:#000;	
	
}
.highlight-box h1 a{
	text-decoration:none;
	color:#0060B6;
}
.learn_more{
	color:#b93002;
}

.left-margin{
	/*margin-left:10px;*/
	position:absolute;
	top:475px;
	
	
	
}
#maps img{
	float:none;
	margin:5px 0 10px 0;
}
#maps img.enlarge{
	position:absolute;
	margin-left:620px;
	margin-top:-150px;
	width:100px;
	height:29px;
	border:none;
	display:table;
}
.content img{
	float:left;
	margin:10px 10px 10px 10px;
}
	/*  ------  Column3 for schools only ------ */
/* To Edite schools css style referee to css/schools.css */
#column3 {
	position:absolute;
	top:239px;
	margin-left:775px;
	background:#E7E7E8;
	width:185px;
	font-size:11px;
}
#column3 ul{
	margin:0;
	padding:0;
}
#column3 ul li{
	margin:2px 0 2px 0;
	list-style:none;
	padding:1px 0 1px 5px;
}
/*List of school*/
#column3 ul .schools_mainpage{
	font-weight:bold;
	font-size:8px;
	color:#fff;
	font-size:12px;
	background:url("../images/school-nav-button.jpg") no-repeat;
	height:20px;
	padding-top:3px;
	padding-left:11px;
}
#column3 ul .schools_mainpage a{
	color:#FFFFFF;
}
#column3 ul li a{ 
	text-decoration:none;
	color:#333333;
	margin-left:10px;
}
/*  ------  Footer ------ */
#footer {
	padding-left:15px;
	padding-right:15px;
	margin-left:220px;
	width:710px;
	height:90px;
	*width:auto; /*IE Hack code*/
	*height:auto; /*IE Hack code*/
	color:#000;
	font-size:11px;
	}

#back_to_top{
	height:10;
	margin:2px 2px 2px 2px;
	background:#e7e7e8;
	text-align:right;
	padding-right:50px;
	line-height:0px;
	background:url(../images/back-to-top-bk.jpg);
	background-position:right;
	background-repeat:no-repeat;

}
#back_to_top img{
	border:none;
}
/* Eddi Animation*/
#theLayer{
	position:absolute;
	width:auto;
	height:100px;
	margin:-20px 0 0 -110px; /*Image position*/
	visibility:visible;
	z-index:100;
	top: 84px;
}

#theLayer a, #theLayer img{
	border:none;
	text-decoration:none;
}
/*
#referesh{
position:absolute;
left:40px;
width:66px;
height:77px;
border:none;
top: 100px;
}

#referesh img{
border:none;
}


#close{
text-decoration:none;
margin-left:220px;
background-color:#FCD116;
}


*/

.textright{				 /* putting borders and margins on images - right float*/
	 float: right;
	 font-style:italic;
	 font-weight:bold;
	 margin-left: 400px;
	}
	
img.right{				 /* putting borders and margins on images - right float*/
	float: right;
	}

img.reg{				 /* putting borders and margins on images - center float*/
	margin-left: 25px;
	}
	
.regi{
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;				 
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
	}
		
.register{				 /* for register in the index page*/
	font-family:Arial, Helvetica, sans-serif;
	width: 200px;
	background-color:#d9e0e6;
	margin-left: 50px;
	margin-top: 1px;
	padding: 3px;
	float: left;
	text-align:center;
	font-weight:bold;
	}

.loginform{				 /* for login in the index page*/
	font-family:Arial, Helvetica, sans-serif;
	width: 200px;
	background-color:#d9e0e6;
	margin-right: 100px;
	padding: 5px;
	float: right;
	text-align:center;
	font-weight:bold;
	}