/* CSS Document */
body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url('/global/images/img/pattern_dark.png');
	background-repeat:repeat;
}
img
{
	border:0;
}
p
{
	line-height:200%;
}

.bodytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
}
.welcome
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D7A200;
	font-weight: bold;
}

.sitesubtitle
{
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
}

.sitetext
{
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:0.84em;
	line-height: 230%;
	padding-right:20px;
}

.sitetitle
{
	width:100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:underline;
}

#container
{
	width:91%;
	margin:2px auto;
	color:#f5ffcf;
}

#containertable
{
	margin:0;
	padding:0;
	width:100%;
	border-width:0px;
    border-collapse: separate;
	border-spacing: 5px;
}
#containertable td
{
	margin:0;
	padding:0;
}

#topbannerrow
{
	
}

#topbannercell
{
	height:98px;
	background-image:url('/global/images/img/banner_gradient.png');
	background-repeat:repeat;
}
#topadvcell
{
	width:100%;
	text-align:center;
	color:#fde385;
	background: -webkit-gradient(linear, left top, left bottom, from(#b8531b), to(#481808));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #b8531b,  #481808);
	background: -o-linear-gradient(top,  #b8531b 0%,#481808 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b8531b 0%,#481808 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #b8531b 0%,#481808 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8531b', endColorstr='#481808');
}

#topbanner
{
	
}

#titleenglish
{
	float:left;
	margin-left:15px;
	margin-top:5px;
}

#titlearabic
{
	float:right;
	margin-right:15px;
	margin-top:5px;
}

#topmenurow
{
	width:100%;
}

#topmenucell
{
	width:100%;
	/* height:36px;*/
}

#menucontainer
{
	width:100%;
	/* height:36px;*/
	padding-top:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#13713a), to(#053619));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #13713a,  #053619);
	background: -o-linear-gradient(top,  #13713a 0%,#053619 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13713a 0%,#053619 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #13713a 0%,#053619 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13713a', endColorstr='#053619');
	cursor:default;
}

#menu1
{
	margin: 0px auto;
	width:660px;
}

#menu2
{
	margin:0 auto;
	width:516px;
}

.menuitem
{
	display:inline;
}

.menuitem a
{
	display:inline-block;
	text-decoration: none;
	color:#fdffce;
	padding:7px 6px;
	font-size:0.8em;
	margin-bottom:5px;
}

.menuitem a:active
{
	background-color:#062119;
	color:#fdffce;
	text-decoration: none;
}

.menuitem a:visited
{
	background-color:none;
	color:#fdffce;
	text-decoration: none;
}
		
.menuitem a:hover
{
	background-color:#062119;
	color:#ffffff;
	text-decoration: none;
}

.menuitem img
{
	vertical-align:middle;
}

#homepagetable
{
	margin:0;
	padding:0;
	width:100%;
	border-width:0px;
}

#homepagecontent
{
	margin-top:5px;
	padding-top:5px;
}

.panels
{
	margin-top:0.3px;
	text-align:center;
	min-width:340px;
	height:400px;
}

#leftadcell
{
	width:99.45%;
	padding-top: 25px;
	background-color:#491b10;
	background-image:url('/global/images/img/star_pattern_left.png');
	background-repeat:repeat;
}

#rightadcell
{
	width:99.47%;
	padding-top: 25px;
	margin-left:2px;
	background-color:#091f22;
	background-image:url('/global/images/img/star_pattern_right.png');
	background-repeat:repeat;
}
 

#rightcontent
{
	width:22%;
	min-width:180px;
	max-width:300px;
	padding:10px;
	background-color:#073118;
	/*background-image:url('/global/images/ramadan.png');
	background-repeat:no-repeat;*/
}

.social
{
	height:32px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:5px;
}

.social a
{
	float:right;
}

.social a img
{
	width:32px;
	height:32px;
	margin-left:5px;
}

.quicklinks, .quicklinks:visited
{
	width:90%;
	margin:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #3F6500;
	background-color:#CE9418;
	color: #082b25;
	font-size:1em;
	font-weight:bold;
	display: block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	text-decoration:none;
}

.quicklinks:hover
{
	border: 1px solid #2b66a5;
	background-color:#FFFFFF;
	font-size:1em;
	display: block;
}

#news
{
	padding:10px;
}

.newstitle
{
	font-size:1em;
	padding:5px;
	padding-left:10px;
	background-color:#7B3311;
	margin:0;
	margin-bottom:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#802A16), to(#491B10));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #802A16,  #491B10);
	background: -o-linear-gradient(top,  #802A16 0%,#491B10 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #802A16 0%,#491B10 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #802A16 0%,#491B10 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#802A16', endColorstr='#491B10');
}

#rightcontent ul
{
	margin:0;
	padding:0px;
	list-style-type:none;
	font-size:0.74em;
	line-height:170%;
}

#rightcontent ul li
{
	background-color:#073c18;
	padding:10px;
	margin-bottom:5px;
}

#maincontent
{
	padding:10px 30px;
}

#contentrow
{
	vertical-align:top;
}

#contentcell
{
	height:100%;
}

#maintitlemask
{
	height:380px;
}

#maintitlecontainer
{
	height:380px;
	padding-top:10px;
}

#maintitle
{
	margin-top:20px;
	text-align:center;
	margin-bottom:30px;
}

#maintitle h1
{
	margin:0;
	padding:0;
	font-size:1em;
}

#contentmenu
{
	font-size:0.8em;
}

#contentmenu1
{
	margin: 0 auto;
	width:400px;
	height:100px;
	margin-bottom:70px;
}

#contentmenu2
{
	margin: 0 auto;
	width:570px;
	height:100px;
}

#cmi1
{
	margin-right:5px;
	text-align:center;
	float:left;
}
		
#cmi1 a
{
	text-decoration:none;
}

#cmi2
{
	margin-right:5px;
	text-align:center;
	float:left;
}
		
#cmi2 a
{
	text-decoration:none;
}

#cmi3
{
	margin-right:5px;
	text-align:center;
	float:left;
}
		
#cmi3 a
{
	text-decoration:none;
}

#cmi4
{
	margin-right:5;
	text-align:center;
	float:left;
}
		
#cmi4 a
{
	text-decoration:none;
}

#cmi5
{
	margin-right:0px;
	text-align:center;
	float:left;
}
		
#cmi5 a
{
	text-decoration:none;
}

#cmi6
{
	margin-right:30px;
	text-align:center;
	float:left;
}
		
#cmi6 a
{
	text-decoration:none;
}

#cmi7
{
	margin-right:30px;
	text-align:center;
	float:left;
}
		
#cmi7 a
{
	text-decoration:none;
}

#cmi8
{
	margin-right:0;
	text-align:center;
	float:left;
}
		
#cmi8 a
{
	text-decoration:none;
}

#contentmiddle
{
	padding:10px 30px;
	margin-top:30px;
	position: relative;
}

#contentbottom
{
	padding-top:30px;
}

#floating
{
	margin-bottom:50px;
	width:95%;
	text-align:center;
}

#fbcnt
{
	margin:50px auto;
	width:400px;
}

#fbcmplg
{
	background-color:#ffffff;
}

#tuitionlink
{
	font-size:0.75em;
	line-height:150%;
	margin-bottom:30px;
}

#footerrow
{

}

#footercell
{
	height:80px;
	vertical-align:middle;
	text-align:center;
	color:#fdffce;
}

#footermenu
{
	width:100%;
	height:100px;
	padding-top:5px;
	font-size:0.8em;
	background: -webkit-gradient(linear, left top, left bottom, from(#073118), to(#094921));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #073118,  #094921);
	background: -o-linear-gradient(top,  #073118 0%,#094921 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #073118 0%,#094921 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #073118 0%,#094921 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#073118', endColorstr='#094921');
	cursor:default;
}

#footermenu1
{
	margin:0 auto;
	width:740px;
}

#footermenu2
{
	margin: 0 auto;
	width:290px;
}

#copyright
{
	margin-top:15px;
	padding-bottom:25px;
	color:#E6FF5F;
	font-size:0.8em;
}

.startlearning
{
	width:100%;
	text-align:center;
}
.startlearning img
{
	width:280px;
	height:215px;
	border:0;
}
#reportproblem
{
	color:#041317;
	background-color:#FFEB00;
}



.bfcolors
{
	background-color:#073118;
	color:#ffffff;
}

.shadows
{
	/*Shadows*/
	-moz-box-shadow:    0px 0px 9px 2px #041317;
	-webkit-box-shadow: 0px 0px 9px 2px #041317;
	box-shadow:         0px 0px 9px 2px #041317;
}

.iconsshadows
{
	/*Shadows*/
	-moz-box-shadow:    0px 0px 9px 0.2px #041317;
	-webkit-box-shadow: 0px 0px 9px 0.2px #041317;
	box-shadow:         0px 0px 9px 0.2px #041317;
}

.mask
{
	overflow: hidden;
}

.roundedCorners
{
	/*Corners*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;/* future proofing */
	-khtml-border-radius: 6px;/* for old Konqueror browsers */
}

.gradientothertop
{
	/*Gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0C381E), to(#043618));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #0C381E,  #043618);/* for firefox 3.6+ */
	background: -o-linear-gradient(top,  #0C381E 0%,#043618 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0C381E 0%,#043618 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #0C381E 0%,#043618 100%);/* W3C */
}

.gradientietop
{
	/*Gradients*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C381E', endColorstr='#043618' );/* IE6-9 */
}

.gradientotherbottom
{
	/*Gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#13713a), to(#0C381E));/* for webkit browsers */
	background: -moz-linear-gradient(top,  #13713a,  #0C381E);/* for firefox 3.6+ */
	background: -o-linear-gradient(top,  #13713a 0%,#0C381E 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13713a 0%,#0C381E 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #13713a 0%,#0C381E 100%);/* W3C */
}

.gradientiebottom
{
	/*Gradients*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13713a', endColorstr='#0C381E' );/* IE6-9 */
}

.opacity
{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}

.clear
{
	clear:left;
}