@charset "utf-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background:url(images/blank_over.gif);}
.preload2 {background:url(images/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:32px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:32px; line-height:27px; color:#c3da4c; text-decoration:none; font-size:12px; padding:0 0 0 12px; cursor:pointer;background: url(images/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(images/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(images/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(images/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(images/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(images/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#475a01; background: url(images/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(images/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(images/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:3px; border:1px solid #6e8e01; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#475a01; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#475a01 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#354401 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}


body{
		background-color:#475a01;
	}
.almaarifLogo{
		margin-top:0px;
		background-image:url(images/AlmaarifNewBanner.png);
	}
.almaarifText{
		text-align:left;
	}
.homeMainTable{
		background-color:#FFFFFF;
	}
.followUs{
		text-align:center;
		color:#FFF;
		font-family:arial, verdana, sans-serif;
		font-weight:bold
	}
	
	
.followUsLink{
		border:none;
	}
/* GOOGLE SEARCH */
.googleRadioBut{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px
	}
.byGoogle{
		color:#c3da4c;
		font-family:arial, verdana, sans-serif;
		font-size:9px
	}
#search {

}

#search input[type="text"] {
    background: url(http://4.bp.blogspot.com/-239R3H-ONfw/TjRXPkTSusI/AAAAAAAAA3M/pgaoKdDCypg/s1600/search-white.png) no-repeat 10px 6px #444;
    border: 4 none c3da4c;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    background: url(http://1.bp.blogspot.com/-XNPyh_l2WB8/TjRXPfrbJVI/AAAAAAAAA3I/R8Mia0bYtME/s1600/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }
	
.ElementTitle{
		font-family: arial, verdana, sans-serif;
		height:25px;
		width:200px;
		font-size:15px;
		color: #FFFFFF;
		padding-left:10px;
		background:url(images/elementTitleBG.png);
		background-repeat:repeat-x;
 		line-height: 25px;
	}
.ElementTitle2{
		font-family: arial, verdana, sans-serif;
		height:25px;
		width:200px;
		font-size:15px;
		color: #FFFFFF;
		padding-left:10px;
		background-image:url(images/elementTitleBG2.png);
		background-repeat:repeat-x;
 		line-height: 25px;
	}
.prefaceTxts{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
		font-size:16px;
		color: #999999;
		text-align:justify;
		padding:15px
	}
	
iframe {
  margin-top: 5px;
  margin-bottom: 10px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; 
  border-radius: 0px; 

  -moz-box-shadow: 1px 1px 5px #CCC; 
  -webkit-box-shadow: 1px 1px 5px #000; 
  box-shadow: 1px 1px 5px #000; 

  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(odeg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg)
}
	
.adminFontStyle{
		font-family:tahoma;
		font-size:12px;
		color:#333
	}
	
.onliappsLeft{
		background-color:#475a01;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		vertical-align:text-top;
	}
.onliappsRight{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#475a01;
		vertical-align:text-top
	}
/*=============================================
SIMPLE LINKS
=============================================*/
a.simpleLinks:link {
	color:#990000;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-right:20px
}
a.simpleLinks:visited {
	color:#990000;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px
}
a.simpleLinks:hover {
	color:#003300;
	text-decoration:none;
	text-decoration:underline;
	font-family:tahoma;
	font-size:12px
}
a.simpleLinks:active {
	color:#FFFFFF;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px
}

a.simpleLinks2:link {
	color:#360;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-right:20px
}
a.simpleLinks2:visited {
	color:#360;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px
}
a.simpleLinks2:hover {
	color:#360;
	text-decoration:none;
	text-decoration:underline;
	font-family:tahoma;
	font-size:12px
}
a.simpleLinks2:active {
	color:#360;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px
}

a.otherLinks:link {
	color:#FFFFFF;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-right:10px;
	margin-left:10px
}
a.otherLinks:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-left:10px
}
a.otherLinks:hover {
	color:#c3da4c;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-left:10px
}
a.otherLinks:active {
	color:#FFFFFF;
	text-decoration:none;
	font-family:tahoma;
	font-size:12px;
	margin-left:10px
}

/* ONLINE APPLICATION FORM Page Elements */
	#content {
		position:			relative;
		width:				761px;
		margin:				0 auto;
		padding:			0
	}
	
	#content form {
		margin-left:		30px;
		margin-right:		30px;
	}
	
		
/* ONLINE APPLICATION FORM End Page Elements */

/* ONLINE APPLICATION FORM Begin Form Elements */

	

	fieldset {  
		margin: 			10px 0 0 0;  
		padding: 			0;
		background:			transparent url(images/fieldsetbg.gif) no-repeat bottom right;
	}

	legend {  
		text-transform:		uppercase;
		font-size:			1.3em;
		padding:			5px;
		margin-left:		1em;
		color:				#ffffff;
		background:			#475a01;
	}
	
	fieldset ol {  
		padding: 			10px 10px 0 10px;  
		list-style: 		none;
	}
	
	fieldset li {  
		position:			relative;
		padding-bottom: 	1em;
		line-height:		3.4em;
	}
	
	fieldset#submitform {  
		background-image:	none;
		border-style: 		none;
	}
	
	label {
		position:			relative;
		clear:				left;
		float:				left;
		width:				20em;
		margin-right:		5px;
		padding-right:		30px;
		line-height:		3.4em;
		text-align:			right;
	}
	
	label span {
		color:#990000
	}
	
	p span.required {
		display:			inline-block;
		vertical-align: 	middle;
		line-height:		3.4em;
		width:				25px;
		line-height:		3.4em;
		text-indent:		-10000px;
		overflow:			hidden		
	}
	
	input {
		padding:			5px;
		font-size:			1.4em;
		border:				1px solid #475a01; 
		color:				#475a01; 
		background:			#F5F6D4;
	}
	
	input.radio {
		border:				none;
		background:			transparent;
	}
	
.schoolqual{
		background: #475a01;
		color:#FFFFFF;
		padding-left:10px;
		font-size:14px
	}
	
.appsearch{
		 background-color:#475a01; 
		 color:#FFF; 
		 padding:5px;
		 text-align:center;
		 font-family:Tahoma, Geneva, sans-serif;
		 font-size:14px
	}
.appsearch2{
		 color:#333; 		 
		 padding:5px;
		 text-align:center;
		 border:#000000 solid 1px;
		 background-color:#FFFFCC;
		 font-family:Tahoma, Geneva, sans-serif;
		 font-size:13px
	}
	
	
.blink_me {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}