/* CSS
Author: 'Adekeye Adewole Ismail(IXML)
Client: Experiment
Client URI: http://--------.com/
Description: Custom Theme made by .
Created: 21-02-12
Modified: 21-02-12
*/

/*************************General*****************************/

body{
	 padding:0px;
	 font-family: Verdana, Geneva, sans-serif;
	 margin:0px;
     color: #666;
	 font-size:11px;
	 text-align:left;
		 
	 
}

h1, h2, h3, h4, h5, h6,{
                        font-family: Verdana, Geneva, sans-serif;
}
h5 {
	font-size:30px;
	color:#FFFFFF;
	padding:0px;
	margin:0px
	
	}
	
h2 {
	font-size:12px;
	color:#DD4844;
	padding:0px;
	margin:0px
	
	}

h3 {
	font-size:12px;
	color:#666;
	padding:0px;
	margin:0px
	
	}

.clear{
       clear:both;
}

#wrapper{
         width:100%;
		 height:auto;
}
td		{ border:1px solid #ccc;}
table	{ border:1px #ccc solid;} 

a{
  text-decoration:none;
}
.newsLooped				{ width:auto; max-height:100px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.formH				{
					 width:750px;
					 height:150px; 
					 margin:auto; 
					 border:1px solid #ccc;
					 -webkit-border-radius:10px 10px 10px 10px;
						-khtml-border-radius:10px 10px 10px 10px;
						-o-border-radius:10px 10px 10px 10px;
						-moz-border-radius:10px 10px 10px 10px;
						border-radius:10px 10px 10px 10px;
						padding:10px 0px; float:right;
	
	}
	
.LoginHolder				{
						 width:420px;
						 height:150px; 
						 border:1px solid #ccc;
						 padding:10px;
						float:left;
						margin-top:20px;
						background:#FFF;
						min-height:250px;
	
	}

.LoginHolderR				{
						 width:420px;
						 height:auto; 
						 border-left:1px dashed #ccc;
						 padding:20px 0px 20px 40px;
						float:right;
						
	
	}
.loginHead					{
								 padding:10px 20px 10px 20px;
							 
						background:#3C6FAE;
						text-align:center; color:#FFF;
						font-weight:bold; font-size:12px;
						
	
	
	
	
	}
.sideMenuLeft			{ width:200px; height:auto;
							 float:left;
							 border:1px solid #ccc;
							 padding:5px;
							 -webkit-border-radius:10px 10px 10px 10px;
						-khtml-border-radius:10px 10px 10px 10px;
						-o-border-radius:10px 10px 10px 10px;
						-moz-border-radius:10px 10px 10px 10px;
						border-radius:10px 10px 10px 10px;
						background:#FFF;
						}
.sideMenuLeft	img			{ -webkit-border-radius:20px 0px 20px 0px;
						-khtml-border-radius:20px 0px 20px 0px;
						-o-border-radius:20px 0px 20px 0px;
						-moz-border-radius:20px 0px 20px 0px;
						border-radius:20px 0px 20px 0px;}					
	
				
.sideMenuLeft	a			{ padding:10px 90px 10px 10px; color:#666; font-weight:bold;
								  }					
.sideMenuLeft	a:hover				{ color:#333;}
					
.input			{		-webkit-border-radius:10px 0px 10px 0px;
						-khtml-border-radius:10px 0px 10px 0px;
						-o-border-radius:10px 0px 10px 0px;
						-moz-border-radius:10px 0px 10px 0px;
						border-radius:10px 0px 10px 0px;
						width:400px; padding:8px;
						border:none;
}

.button			{		-webkit-border-radius:10px 0px 10px 0px;
						-khtml-border-radius:10px 0px 10px 0px;
						-o-border-radius:10px 0px 10px 0px;
						-moz-border-radius:10px 0px 10px 0px;
						border-radius:10px 0px 10px 0px;
						border:none;
						padding:5px 30px;
						background:#396DAD;
						color:#FFF;
						font-weight:bold;
}
.dashBoard				{ width:150px; height:100px; float:left; margin: 0px 15px 10px 0px;
								text-align:center;}
.dashBoard a				{ text-decoration:none; font-weight:bold; color:#333;}

.dashBoard img			{-webkit-border-radius:20px 0px 20px 0px;
						-khtml-border-radius:20px 0px 20px 0px;
						-o-border-radius:20px 0px 20px 0px;
						-moz-border-radius:20px 0px 20px 0px;
						border-radius:20px 0px 20px 0px;}
.newsss					{ width:630px; height:auto; margin-bottom:10px; margin-right:15px; float:left}
.newsss			a		{ color:#333; font-weight:bold;}
/*************************Head menu********************************/

#head{
            width:1000px;
			height:auto;
			margin:auto;
}


.headRight{
                    width:490px;
					float: right;
					height:auto;
					margin-top:60px;
}
.headRight ul		{ padding:0px; margin:0px; list-style:none;}
.headRight ul li		{ float:left;}
.headRight ul li a		{ float:left; text-decoration:none; width:135px; padding:5px; color:#AAAAAA; font-weight:normal;}
.headRight ul li a:hover			{ color:#999;}
	
.logo{
      width:500px;
	  float:left;
	  height:auto;
	  margin:5px 0px;
}

					{ margin:5px 0px 5px 0px; padding:5px 0px 5px 0px; list-style:disc;}
/************************* BANNER ********************************/


#bannerholder	{
               width:1000px;
			   height:330px;
			   margin:auto; 
			   margin-bottom:5px;
					}

.banner {
	float:left; width:700px; height:330px; font-size:14px;
}
.bannerr {
	float:left; width:300px; height:325px; background:#F1F1F1; padding:5px 0px 0px 0px;
}

.content{
               width:980px;
			   margin:auto;
			   padding:10px;
			   height:auto;
			   background:#F1F1F1;
}
.contentFloat			{ float:left; width:569px; height:auto;
							margin-right:10px;
							}
.contentFloat	a				{ text-decoration:none; color:#0065A4; font-weight:bold;	}					
.contentFloat ul				{ margin:0px; padding:0px; list-style:none;}
.contentFloat li 				{ margin:5px 0px 5px 0px;}
.contentFloat li a 				{ text-decoration:none; color:#0065A4; font-weight:bold;}
.contentFloat li a:hover		{ text-decoration:underline;}

.progCont						{ width:700px; height:auto; margin-bottom:10px;}
.progCont ul					{ margin:0px 0px 0px 30px; padding:0px; list-style:disc;}
.progCont li					{ margin:0px; padding:3px;}

/************************* MENU  ********************************/



#index .index a, #aboutt .aboutt a, #service .service a, #staff .staff a, #programm .programm a,  #faq .faq a, #career .career a, #contact .contact a, #team .team a{
      -webkit-border-radius:10px;
		-khtml-border-radius:10px;
		-o-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		color:#FFF;
		background:url(../images/menuhoverr.png) repeat-x left top;
}

/****************************** DROP DOWN MENU********************************/




#contentLeft {
	width:220px;
	height:auto;
	float:left;
	background:#F0F0F0;
	border:1px solid #CCC;
	padding:5px;
	}
	

#newholder			{ width:960px; height:auto; padding:10px 20px 10px 20px; margin:auto; background:#7AA0BE; color:#FFF;}
.newsFloat		{ width:150px; float:left; height:auto; margin-right:12px; text-align:center; font-size:11px;
							
}
.newsFloat		img		{
								 -webkit-border-radius:30px 0px 30px 0px;
								-khtml-border-radius:30px 0px 10px 0px;
								-o-border-radius:30px 0px 30px 0px;
								-moz-border-radius:30px 0px 30px 0px;
								border-radius:30px 0px 30px 0px;
							}
.newsFloat a		{ color:#FFF; font-weight:bold; }
.newsFloat a:hover	{ text-decoration:none;}

.neww				{ width:auto; height:auto; padding:6px 10px 6px 10px;}

.neww:hover			{ background:#DDDDDD;}

.newwDate			{ width:62px; height:55px; float:left; text-align:center; background:#0065A4; color:#FFF;
						font-weight:bold; font-size:16px; padding:4px 0px 0px 0px;}
						
.newwEvent			{ width:210px; height:auto; float:right; font-size:11px;}		
/************************* FOOTER ********************************/

#footer2{
        width:980px;
		font-size:11px;
		height:auto;
		margin:auto;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		border-top:2px solid #3C6FAE;
}

.footLeft			{ width:500px; height:100px; float:left;}

.footRight			{ width:250px; height:100px; float:right;}
.footRight a			{color:#666}
.footRight a:hover			{ background:none;}

#error_div{
 width:400px;
 height:10px;
 margin:auto;
 float: left;
 padding-top:10px;
 padding-left:10px;
 padding-bottom:15px;
 padding-right:20px;
 font-family:"Tw Cen MT";
 text-align: left;
 font-weight: normal;
 font-size:16px;
 color: #F00;
 text-decoration:blink;
}
#error_div ul {
   margin:0;
   padding:0;
   list-style:none;
   line-height:normal;
   padding-left:15px;
}
#error_div li {
   float:left;
}

ul.teams{
         list-style:none;
		 margin:0px;
		 padding:0px;
}

ul.teams li{
            width:auto;
}

ul.teams li a{
			  font-size:11px;
			  font-weight:bold;
			  display:block;
			  padding:5px 0px 5px 0px;
			  color:#0174B7;
			  cursor: default;
}

#profile {
	overflow:hidden;
	  
	  
	}

#profile div{
	
	display:none;
	}


.container
{
						 width:auto;
						 height:auto; 
						 border:1px solid #ccc;
						 padding:10px;
						margin-top:20px;
						background:#FFF;
						min-height:250px;
}

ul.pure
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	margin:0 auto;
	clear:both;
	width:900px;	
}

.pure li
{
	position:relative;
	float:left;
	margin-right:30px;
	margin-bottom:10px;	
}

.pure li a
{
	display:block;
	line-height:40px;
	padding:0 60px;
	font-size:14px;
	text-align:center;
	background:#fff;
	font-weight:bold;
	text-decoration:none;
	color:#3C6FAE;
}
.students:before
{
	content:'';
	background: url(../images/Student.jpg);
	display:block;
	width:137px;
	height:137px;
}

.staff:before
{
	content:'';
	background: url(../images/Staff.jpg);
	display:block;
	width:137px;
	height:137px;
}

.others:before
{
	content:'';
	background: url(../images/others.jpg);
	display:block;
	width:137px;
	height:137px;
}