body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* [disabled]margin: 0px; */
	padding: 0px !important;
	margin:0px !important;
	color: #222;
	background: #Fff !important;
	line-height:17px;
		
	}
	
	ul .bullets {
	display:list-item;
	list-style: disc !important;
	margin-left:40px;}

.campuspanel_left_highway1{ width: 47%; float: left; margin: 20px 0; padding:0px 5px 5px 5px; }
.campuspanel_right_highway1{ width: 47%; float: right; margin: 20px 0; padding:0px 5px 5px 5px; }
.campuspanelhighway1{ width: 100%; float: right; margin-top: 20px; padding: 0px; position: inherit;  }
.campuspanel_left2_highway{ width: 47%; float: left; margin: 0px; padding:0px 5px 5px 5px; }
.campuspanel_right2_highway{ width: 47%; float: right; margin: 0px; padding:0px 5px 5px 5px; }
	
	.news-summary p{
		text-align:justify !important;}
	
	.downloads{
		display:block;
		padding:7px 30px;
		background:url(images/pdf.jpg);
		background-repeat:no-repeat;
		background-position:left;
		color:#900;}
	
	figcaption{

	font-size: 80%;

                  font-family: Verdana, Arial, sans-serif;

                  text-align: center;

				  margin-top: -10px;

				  padding-bottom:2px;

				  padding-top:2px;

				  background-color: #EEE;
				  

				  margin-left: -6px;

				  margin-right:5.5px;

				  font-weight:bold;
				  

				  

	}

.forward

{

	z-index:1000;

}



/* drop down shadow pictures */

/*.img-shadow 

{

	float:left;

	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;

	background: url(../images/news/shadowAlpha.gif) no-repeat bottom right;

	margin: 10px 5px 0 10px;  

 }
*/
  

.img-shadow_r 

{

	float:right;

	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;

	background: url(../images/news/shadowAlpha.gif) no-repeat bottom right;

	margin: 10px 5px 0 15px;  

 }

  
.ipopola{
	min-width:880px;}
 
 .img-shadow
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 20px 0 0;

	  background-color: #FFFDF2;
	  width:48% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 
  
   .img-shadowlike2
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 20px 0 0;

	  background-color: #FFFDF2;
	  width:30% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 


 .img-shadowlike3
 {


	 
	  display: block !important;
	  float:right;
	  margin:0 0 0 20px;

	  background-color: #FFFDF2;
	  width:20% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 


  
  .img-shadowlike
 {


	 
	  display: block !important;
	  float:right;
	  margin:0 0 0 20px;

	  background-color: #FFFDF2;
	  width:30% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 

  
	.liptop p{
		text-align:justify !important;
		line-height:20px !important;
		 font-size: 12px !important;}
		 
	.liptop{
		font-size: 12px !important;}	 
		 
	.footerlinksarea{
		text-align:left !important}
	.footerlinksarea_left{width: 55%; float: left; margin: 0px; padding: 0px 0px 0px 0px;}
	.footerlinksarea_left1{width: 60%; float: left; margin: 0px; padding: 0px 0px 0px 0px;}
	.footerlinksarea_left2{width: 40%; float: right; margin: 0px; padding: 0px 0px 0px 0px;}
	.footerlinksarea_right{ width: 45%; float: right; margin: 0px; padding: 0px 0px 0px 0px;}
	.footerlinksarea_right1{width: 50%; float: left; margin: 0px; padding: 0px 0px 0px 0px;}
	.footerlinksarea_right2{width: 50%; float: right; margin: 0px; padding: 0px 0px 0px 0px;}
	
	.texting123{
		text-align:center !important;
		width:100%;
		background:#900;
		color:#fff !important;
		font-size:12px !important;
		padding:7px;
		border:1px solid #ddd;
		font-weight:100 !important;
		
		
		}
		.bee, .bee p {
	font-size:12px !important;}
	
		.texting1234{
		text-align:left !important;
		width:100%;
		background:#900;
		color:#fff !important;
		padding:7px;
		border:1px solid #ddd;
		font-weight:100 !important;
		
		
		}
	thelength1{min-height:650px !important;}
	.thelength{
		min-height:550px !important;}
	.heading{
		color:#900;
		font-weight:600;}
#animated-example {
	
	/*width:200px;*/
   /* -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;*/
            text-align: center;
            
	}


.animated { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 4s;
 	-webkit-animation-iteration-count: 8;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 4s;
 	animation-iteration-count: 8;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
  
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
  
/*
 * Adding the animation to our element
*/
.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}


/*
 * FadeIn animation
*/
  
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}
  
/*
 * FadeOut animation
*/
  
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut{ 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}


/*
 * Pulse animation
*/
  
@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/*
 * Flash animation
*/
  
@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.flash { 
    -webkit-animation-name: flash; 
    animation-name: flash; 
}


/*
 * Shake animation
*/
  
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(30px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-30px);} 
    20%, 40%, 60%, 80% {transform: translateX(30px);} 
} 
.shake { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}


#relatedContent {
  max-width: 800px;
  margin: 150px auto;
}

#relatedContent .item {
  max-width: 44%;
  padding: 3%;
  float: left;
  text-align: center;
}

#relatedContent .item a img {
  max-width: 100%;
} 	
	
	.path{
	height:25px;
	padding:5px;
	font-size:11px;
	font-weight:100;
	text-align: left top !important;
}
	.start{
		float:left;
		width:25px;
		padding:0px 5px;}
	.starttext{
		float:left;
		width:90% !important;
		margin-top:0px;}
	
.path a:link, .path a:visited{
	color:#900 !important;
	text-decoration:none !important;}
	.path a:hover{
		color:#F60;}

	.menutesting{
		list-style-type:none !important; 
		}
		.menutest{
			 background: url("images/arrow2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #CCCCCC;
    color: #111;
    display: block;
    font-size: 12px;
    font-weight: 100;
    padding: 9px 0 9px 15px;
    text-decoration: none;
	margin-right:7%;}
	
	.footerlinkcolor{
		color:#900 !important;
		font-weight:100;}
	.left_side_inside > li > a:hover { 
  color: #000;
  border-bottom-color: #384f76;
  background-color: #F25B33;

 
}
.left_side_inside > li > a { 
  color: #333 !important;
font-size:12px !important;

 
}
.headerset a{
	color:#fff !important;}
	.headerset a:hover{
	color: #FC0 !important;}
	.coloring_box{}
	.responsive-tabs__heading{
		color: #000 !important;
		text-align:left !important;
		font-weight:2em ;
		font-size:12px !important;}
	.space{
		margin-top:55px !important;}

.utility .page .googleit{width: 18%; float: left; margin: 0px; padding: 0px;}

.utility .page .headerset{width: 62%; float: right; margin: 0px; padding: 0px;}
.h3000{font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: .7em 0px .25em 0px !important; display:block !important; text-align:left!important; padding:7px !important; background:#900 !important;}
	
img {border: none}
a img {outline : none;}
img {border : 0;}
	
	#google_translate_element{
		position:absolute;
		top:0px;
		left:0px;
		float:left !important;}
	.utility{
		display:block;
		background:#333;
		height:35px;
		border-bottom:1px solid #F7BD40;
		}
	.h3 { font-size: 12px !important; color: #111 !important; font-weight:400 !important; margin: .7em 0px .25em 0px !important; display:block !important; text-align:left!important; padding-bottom:3px !important; border-bottom:1px solid #900 !important;}
.h30 { font-size: 12px !important; color: #111 !important; font-weight:400 !important; margin: .7em 0px .25em 0px !important; display:block !important; text-align:left!important; padding-bottom:3px !important; }

.h300 { font-size: 12px !important; color: #111 !important; font-weight:400 !important; margin: 2em 0px .25em 0px !important; display:block !important; text-align:left!important; padding-bottom:3px !important; border-bottom:1px solid #900 !important;}		
	.h321 { font-size: 14px !important; color: #900 !important; font-weight:400 !important; margin: .1em 0px .25em 0px !important; display:block !important; text-align:left!important; padding-bottom:3px !important; border-bottom:1px solid #900 !important; opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */}

	.tophead{
		
		background-color:#000;
		border-bottom:5px #F7BD40 solid;
		height:135px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 1.4);}
		.page { position: relative; margin: 0px auto 0px auto;max-width:980px; height:auto; }
		.tophead .page .logo{width: 53%; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;}
		.tophead .page .search1{width: 46%; float: right; margin:0px; padding: 35px 0px 0px 0px;}
		.search1{
			font-family:"Eras Medium ITC";
			font-style:italic;
			font-size:20px;
			color:#F7BD3F;}
		.header1{
	float: right;
		display: inline-block;
		color:#F7BD40;
		padding-top:0px;
		padding-left:3px;
		padding-right:3px;
		font-weight:400;
		text-decoration:none;
		font-size:9px;
		margin-top:10px !important;
		}
		.still{
			
			position:absolute;
			top:80px;
			width:100%;}
		#testiw{
	
	position:absolute;
	float:right !important;
	right: 0px !important;
	top:0px;
!important;
z-index:1;}
			
.btn{
	display:block;
	background: url(images/search.png);
	background-repeat:no-repeat;
	border:none !important;
	width:21px;
	height:21px;
	margin-top:-1px;
	color:#FFF;
	float:right;
	margin-right:0px;
	font-size:10px;
	padding:0px;
	}
	
	.show{
visibility:hidden;
}
.search{
	position:absolute;
	top:0px;
	right:5px;
	margin-top:6px;
	float:right !important;
	background:#eee;
	
	margin-right:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height:20px;
	width:150px;
	z-index:10 !important;}
	.headerset{
		margin-right:170px !important;}
.searchbar

{
	margin-top:0px;
	margin-right:0px;
	
	z-index:10 !important;
	

}	
.hhh{
	border: none !important;
	margin-left:5px;
	width:115px;
	height:14px;
	background:#eee;
	
	}
	.hpc{
		outline: none !important; 
		border: #000 !important;
		text-decoration:none !important;
		}
	.page .page_content .page_content_container_left { width: 75%; float: left; margin: 0px 0px 0px 0px; padding: 0px; }
.page .page_content .page_content_container_right { width: 24%; float: right; margin: 0px; padding: 0px; }
	.page_content{
		margin-top:10px;
		min-height:500px;
		}
	.page_content_container_left{ }
	.content_sidebar a{ color: #111;}
	.content_sidebar a:hover{ color: #F00 !important;}
	.content_sidebar h3 { color: #111; font-size:13px; font-weight:400; margin-bottom: 10px; }
.content_sidebar p, .content_sidebar li { color: #3274ad;  padding-top:5px; }
.content_sidebar a { color: #cc14a1; }
.page_content_container_right{
	
	}
	.tawaz1{
	margin-right: 20px;
	margin-top:10px;
	display:block;
	
	}
	
	.tawaz11{
	margin-right: 0px;
	margin-top:24px;
	display:block;
	border:1px solid #ccc;
	padding:2px 2px 0px 2px;
	
	
	}

.content_sidebar a:hover { color: #000; }
.content_sidebar figure { display: block; margin: 0px; }
.content_sidebar figure .figure_photo_info {
	background: url(images/info.jpg) 50% 0px;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	height: 53px;
	border: 1px solid #ccc;
	
	}


.content_sidebar figure .figure_photo_online {
	background: url(images/online.jpg) 50% 0px;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	height: 53px;
	border: 1px solid #414141;
	
	}
	.content_sidebar figure .figure_photo_online1 {
	background: url(images/units.jpg) 50% 0px;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	height: 53px;
	border: 1px solid #ccc;
	
	}
	.content_sidebar figure .figure_photo_african {
	background: url(images/africa1.gif) 50% 0px;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	height: auto;
	
	
	
	}
	

.links{
		display:block;
		padding:4px 3px 4px 12px;
		font-size:11px;
		color: #111 !important;
		text-decoration:none;
		background: url(images/arrow.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:4px 0px 4px 0px;
		}
		.information{
		font-size:11px !important;
		border-left:1px solid #CCC;
		margin-left:26px;
		}
		
		.informationinside{
		font-size:11px !important;
		margin-left:50px !important;
		margin-top:5px;}
	.dlo{ font-size:11px !important;}
		
		
.moto11{
	display:block;
	height: 30px;
	text-align:left !important;
	vertical-align:bottom !important;
	color:#F7BD40;
	font-size:19px;
	font-family: Verdana, Geneva, sans-serif;
	float:left !important;
	position: absolute;
	top:30px;
	
	}

.news-summary

{

	width:100%;

	float:left;

	font-size:11px;

	padding-top:0px;

	overflow:hidden;

	border-bottom-color: #ccc;

	border-bottom-style:solid;

	border-bottom-width:thin;

	padding-bottom:10px;
	
	line-height: 23px !important;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;

}



.news-summary a

{

	color: #F00;
	font-size:11px;

}

.headings2 a

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-bottom:0px;

	text-decoration:none;

	font-size:12px !important;

	font-weight: normal;

	color: #9A0B11;

}

.rightimg

{

	float:left;

	padding:3px;
	margin-right:5px;		

	border:thin solid #F6F6F6;

}

.topfooter{
	display:block;
	border-top:5px solid #F7BD40;
	padding-top:15px;
	background:#000;
	min-height:225px;
	}
	.lapapa{
		width:100px;
		margin-top:15px;
		text-align:left;
		border-top:1px solid #fff;
		position: inherit;}
	.ict2014{
		padding:5px;
		text-transform:capitalize !important;}
	.month{
		padding:2px 5px 2px 5px;
		width:100%;
		background:#9A0B11;
		color:#fff; 
		font-size:11px; 
		display:block;
	text-align:center;
	box-sizing: content-box;
	}
		
		.digit{color:#000; font-size:15px; display:block; width:100%; padding:1px 5px 1px 5px;
		border-top: none !important; text-align:center; background:#F2F3E5; box-sizing: content-box;}
		.menubar{
			
			margin-top:-53px !important;
			width:97%;
			margin-right:20px;
			
			margin-right:20px !important;
			background-color: #950101 !important;
		background-image: -moz-linear-gradient(#900, #950101); 
		height:40px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#900), to(#950101));	
		background-image: -webkit-linear-gradient(#900, #950101);	
		background-image: -o-linear-gradient(#900, #950101);
		background-image: -ms-linear-gradient(#900, #950101);
		background-image: linear-gradient(#900, #950101);
		border: 1px solid #920;
        -moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #990, 0 1px 0 #990 inset;
		-webkit-box-shadow: 0 1px 1px #990, 0 1px 0 #990 inset;
		box-shadow: 0 1px 1px #980000, 0 1px 0 #98000 inset;}
		


.test1{
	display:block;
	background:#FBFCF7;
	min-height:100px;
	width:100%;
	}
.firstcol{
	text-align:left;
	
	display:block;
	padding:5px;}
	
	.secondcol{
	text-align:left;
	padding:5px;
	
	display:block;}
	
	.thirdcol{
		display:block;
	text-align:left;
	padding:5px;
	}
	.fourthcol{
	
	text-align:left;
	padding:5px;}
	
.test{
	display:inline-block; position: relative; margin: 0px auto 0px auto; max-width: 245px; background:#FBFCF7;
	min-height:95px;
	padding:0px 10px 0px 10px;
	
	}
	
	
.rightimg_news

{

	background-image:url(images/image_bck.jpg);

	background-repeat: repeat-x;

	margin-left:3px;

	margin-bottom:0px;

	float:left;

	padding:4px;

}
.tawaz2{
	display:block;
	border:1px solid #ccc;
	padding:2px 2px 0px 2px;
	}
	
	.tawaz5{
	display:block;
	clear: both;
	padding:10px 10px 5px 10px;
	}
	
.moto1{
	position:absolute;
	display:block;
	height:30px;
	top:110px;
	
	margin-left:12px;
	text-align:center;

	background-color:#EBCA3F;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}
	
	.tlo{
		
		float:right;		
		margin:20px;
		left:200px;
		width:300%;}
.page .page_content .page_content_container_left .content .events { width: 27%; float: left; margin: 0px; padding: 0px 0px; }
.page .page_content .page_content_container_left .content .news { width: 72%; float: right; margin: 0px; padding: 0px; }

.news{ border-left: 1px solid #ccc;}
.events{
	margin-top:20px;}
	

.page .page_content .page_content_container_left .content .events .event_col{
	padding:13px 5px;
	display:block;
	}
	.page .page_content .page_content_container_left .content .events .event_col1{
	padding:0px;
	margin-top:48px;
	display:block;
	}
.page .page_content .page_content_container_left .content .news .news_col{
	padding: 0px 5px;
	}
	.page .page_content .page_content_container_left .content .news .news_item  { width: 60%; float: left; margin: 0px; padding: 0px; }
	.page .page_content .page_content_container_left .content .news .news_item1  { width: 39%; float: right; margin: 0px; padding: 0px; }
	.news_item1 {border-left: 1px solid #ccc; }
	
	.page .page_content .page_content_container_left .content .events .events_item .date { width: 14%; float: left; margin: 0px; padding: 0px; }
.page .page_content .page_content_container_left .content .news .events_item .information { width: 85%; float: right; margin: 0px; padding: 0px; }
.page .page_content .page_content_container_left .content .events .events_item .dateinside { width: 14%; float: left; margin: 0px; padding: 0px; }
.page .page_content .page_content_container_left .content .news .events_item .informationinside { width: 85%; float: right; margin: 0px; padding: 0px; }


.page .page_content .page_content_container_left .content .events .events_item .dateinside {
	display: block;
	margin-top:6px;
	}
	.page .page_content .page_content_container_left .content .events .events_item .date {
	display:block;
	margin-right:8px;
	}
	.tt{color:#9A0B11 !important; font-size:11px; font-weight:600;}
.page .page_content .content {
	margin: 15px 0px 20px 0px;
	padding: 0px;
	
}
.events_item{
	padding-top:8px;
	display:block;
	margin-top:8px;}
.content_sidebar{
	border-left:1px solid #CCC}

 .page_content_container_left { padding: 10px; }

.page .page_content .content_sidebar {
	margin: 0px 20px 20px 0px;
	padding: 0px 10px 10px 10px;
	}
.page footer {
	display: block;
	font-size: .9em;
	color: #757575;

}

.links1{
		display:block;
		padding:0px 3px 22px 12px;
		margin-left:3px;
		font-size:11px;
		color: #111;
		text-decoration:none;
		background: url(images/arrow1.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:4px
		}
.news_item1 a {

	color: #111 !important;

}
.news_item2 a {

	color: #111 !important;
	margin-left:10px;
	display:block;
	padding:5px 15px;
	text-decoration:none;
	background:url(arrow_news.png);
	background-repeat:no-repeat;
	background-position:left center;

}
.news_item2 a:hover {

	color: #F00 !important;
	display:block;
	margin-left:10px;
	padding:5px 15px;
	text-decoration:none;
	background:url(arrow_news1.png);
	background-repeat:no-repeat;
	background-position:left center;

}
.events a {

	color: #111 !important;

}
.events a:hover {

	color: #F00 !important;

}
.social{
	padding:4.5px !important;
		display: inline-block;
	min-height:70px;
	border-color:transparent !important;
	}
.news_item1 a:hover {

	color: #f00 !important;

}


footer {
	background-repeat:repeat-x;
	background-position:bottom;
	min-height:15px;
	width:100%; 
	position:relative; 
	overflow:hidden; 
	text-align:center; 
	color:#fff;
	background:#FBFCF7 !important;
	
}
footer .test1 .test .footertext{ width: 78%; float: right; margin: 0px; padding: 30px 0px 0px 0px;}
footer .test1 .test .footerimage{ width: 22%; float: left; margin: 0px; padding: 0px;}
.footertext{
	text-align:left;
	color:#900;
	font-size:11px;
	font-weight:100;}
	.footertext1{
	text-align:left;
	color:#900;
	font-size:11px;
	font-weight:100;}
	footer .test1 .test .footertext1{ width: 29%; float: right; margin: 0px; padding: 25px 0px 0px 0px;}
footer .test1 .test .footerimage1{ width: 70%; float: left; margin: 0px; padding: 0px;}
	footer .test1 .test .footertext2{ width: 50%; float: right; margin: 0px; padding: 0px 0px 0px 0px;}
footer .test1 .test .footerimage2{ width: 100%; float: left; margin: 0px; padding: 0px 0px 0px 0px;}
footer .test1 .test .footerimage2 a img{margin:17px 2px;}
	footer .test1 .test .footertext4{ width: 0%; float: right; margin: 0px; padding: 0px 0px 0px 0px;}
footer .test1 .test .footerimage4{ width: 100%; float: left; margin: 0px; padding: 0px 0px 0px 0px;}
footer p {color:#Fff !important; font-size: 11px !important; }
footer a {}
footer a:hover {}
.ict2014 a:hover{
		text-decoration:underline; color:#FFF !important; background:url(arrow12.png); font-size: 11px !important;  background-repeat:no-repeat; background-position:left center; padding-left:16px;}
		
.ict2014 a{
		color:#F7BD40 !important; background:url(arrow.png); font-size: 11px !important;  background-repeat:no-repeat; background-position:left center; padding-left:16px; text-decoration:none;}

.newslink{ padding-left:10px !important;
font-size:11px; color:#900 !important; }
.clear_both { clear: both; line-height: 1px; }
	.odell {
		padding-top:10px;
		
}

	h2, p {
		text-align: center;
		color: #fff;
	
	}
	
	a {
	color: #FC3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.home{
		background:url(images/icon_home.png);
		height:10px;
		background-repeat:no-repeat;
		
		}
	.home1{
		background:url(images/icon_home.png);
		height:30px;
		background-repeat:no-repeat;
		
		}
		/* Beginning of inside body */
		.page .page_content .left_side_inside { width: 20%; float: left; margin: 0px 0px 0px 0px; padding: 0px; }
.page .page_content .right_side_inside {
	width: 79%;
	float: right;
	margin: 0px;
	padding: 0px;
}
.page .page_content .right_side_inside .left_right_side_inside{ width: 74%; float: left; margin: 0px; padding: 6px 5px 0 0;}
.page .page_content .right_side_inside .right_right_side_inside{width: 25%; float: right; margin: 0px 0px 0px 0px; padding: 0px;}
.spacehead{
	margin-bottom:20px;}
	
.left_right_side_inside{
	/*min-height:500px;*/
	border-right: 1px solid #eee;
	text-align:justify;}
.coloring_box{
	background:#FFF; font-size:11px;
	font-style:italic; padding-bottom:10px; color:#900 !important;margin-bottom:13px;}
	.main .page .page_content .landing_left_inside { width: 50%; float: left; margin: 0px; padding: 0px; }
.main .page .page_content .landing_right_inside { width: 50%; float: right; margin: 0px; padding: 0px; }

.main .page .page_content .landing_left_inside .landing_left1_inside { width: 50%; float: left; margin: 0px; padding: 5px 10px 5px 0px; }
.main .page .page_content .landing_left_inside .landing_left2_inside { width: 50%; float: right; margin: 0px; padding: 5px; }

.main .page .page_content .landing_right_inside .landing_right1_inside { width: 50%; float: right; margin: 0px; padding: 5px 10px 5px 0px; }
.main .page .page_content .landing_right_inside .landing_right2_inside { width: 50%; float: right; margin: 0px; padding: 5px; }

.spacing{height:20px;
width:100%;

}

	/* End of inside body */
	
	/* Beginning of landing body */
	
.main .page .page_content .landing_left { width: 66%; float: left; margin: 0px; padding: 0px; }
.main .page .page_content .landing_right { width: 33%; float: right; margin: 0px; padding: 0px; }

.main .page .page_content .landing_left .landing_left1 { width: 47%; float: left; margin: 0px; padding: 5px 10px 5px 0px; }
.main .page .page_content .landing_left .landing_left2 { width: 47%; float: right; margin: 0px; padding: 5px; }

.main .page .page_content .landing_right .landing_right1 { width: 93%; float: right; margin: 0px; padding: 5px 10px 5px 0px; }
.main .page .page_content .landing_right .landing_right2 { width: 0%; float: right; margin: 0px; padding: 5px; }

.stuff p{
color: #111 !important;
text-align:left;}

.stuff{

width:100%;
border:1px solid #DDDDDD;
padding:3px;
font-size:11px !important;
text-align:justify;
min-height:390px;
box-shadow: 0 5px 7px #000000;
background:#FAFAFA;}
.Bigger{
float:right !important;
font-size:16px;
text-decoration:none;
width:100%;
height:10px;}
.Smaller{float:right !important;
font-size:12px;
text-decoration:none;
color:#990000;
}

ul.noindent {
margin: 10px 10px 10px 17px;
padding: 0;
list-style-image: url("images/arrow.jpg") !important; 
}

ul.noident li {
list-type: none !important;

margin: 3px;
padding: 5px 5px 5px 0;
} 

.insideheader{
margin-top: 25px !important;
font-size:18px !important;
color:#900 !important;
}
.insideheader1{
margin-top: 5px !important;
font-size:18px !important;
color:#900 !important;}

.separation{
height:20px !important;
width:100% !important;}

.h13 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background:#009900; }
.h12 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background: #0066FF; }
.h11 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background: #003; }
.h14 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background: #990000; }
.h15 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background: #660; }
.page_content, p{
	color: #111 !important;
	text-align:left;}
.h16 { font-size: 12px !important; color: #fff !important; font-weight:400 !important; margin: 0px !important; display:block !important; text-align:left!important; padding:8px !important; background: #FF9900; }
	/* End of landing body */
	/* You don't need the above styles, they are demo-specific ----------- */
	
	.lasting{
		border-right: none !important;
    box-shadow: none !important;}
	.aside{
		min-height:700px !important;}
		
	@media screen and (max-width: 1150px) {	
	#testiw{
	display:none;}
		
		.headerset{
		margin-right:240px !important;
		margin-top:-3px !important;}
.search{
	position:absolute;
	top:0px;
	right:5px;
	margin-top:6px;
	float:right !important;
	background:#eee;
	margin-right:80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height:20px;
	width:150px;
	z-index:10 !important;}
	}
	
	@media screen and (max-width: 800px) {
		#testiw{
	display:none;}

.ipopola{
width:80% !important }

		
.page .page_content .left_side_inside { width: 100%; float: left; margin: 0px; position: inherit;padding: 6px 5px 0 0;}
.page .page_content .right_side_inside {width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
		
		.header1{
	float: right;
		display: inline-block;
		color:#F7BD3F;
		padding-top:5px;
		padding-left:3px;
		padding-right:3px;
		font-weight:400;
		text-decoration:none;
		font-size:8.5px;
		margin-top:5px;
		}
		
	.headerset{
		margin-right:240px !important;
		margin-top:-3px !important;}
.search{
	position:absolute;
	top:0px;
	right:5px;
	margin-top:6px;
	float:right !important;
	background:#eee;
	margin-right:80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height:20px;
	width:150px;
	z-index:10 !important;}
		.home{
		background:url(images/icon_home1.png);
		height:10px;
		background-repeat:no-repeat;
		
		}
		.home1{
		background:url(images/icon_home1.png);
		height:30px;
		background-repeat:no-repeat;
		
		}
		
	.lasting{
		border-right: none !important;
    box-shadow: none !important;}
	
	}
	@media screen and (max-width: 770px) {
		#testiw{
	display:none;}
		.home{
		background:url(images/icon_home2.png);
		height:10px;
		background-repeat:no-repeat;
			
		}
		.home1{
		background:url(images/icon_home2.png);
		height:30px;
		background-repeat:no-repeat;
			
		}
		
	.lasting{
		border-right: none !important;
    box-shadow: none !important;}
	}
	

@media screen and (max-width: 720px) {
	#testiw{
	display:none;}
			.main .page .page_content .landing_right_inside .landing_right1_inside { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }
			.ikiki{
				height:70px;}
			
.main .page .page_content .landing_right_inside .landing_right2_inside { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }
.main .page .page_content .landing_left_inside .landing_left1_inside { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit;}
.main .page .page_content .landing_left_inside .landing_left2_inside { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit;}

	.moto11{
	display:block;
	height: 30px;
	text-align:left !important;
	vertical-align:bottom !important;
	color:#F1AC0D;
	font-size:15px;
	font-family: Verdana, Geneva, sans-serif;
	float:left !important;
	position: absolute;
	top:25px;
	
	}

		.home{
		background:url(images/icon_home2.png);
		height:10px;
		background-repeat:no-repeat;
		width:10px;
		}
		.home1{
		background:url(images/icon_home2.png);
		height:20px;
		background-repeat:no-repeat;
		width:10px;
		}
		
	.lasting{
		border-right: none !important;
    box-shadow: none !important;}
	
	}
	

	
	

	@media screen and (max-width: 700px) {
		#testiw{
	display:none;}
	.stuff{margin-top: 5px !important;
margin-bottom:5px !important;}
	.main .page .page_content .landing_left { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }
.main .page .page_content .landing_right { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }

	.main .page .page_content .landing_left .landing_left1 { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }
.main .page .page_content .landing_left .landing_left2 { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }

.main .page .page_content .landing_right .landing_right1 { width: 99%; float: left; margin: 0px; padding: 0px; position: inherit; }
.main .page .page_content .landing_right .landing_right2 { width: 98%; float: left; margin: 0px; padding: 0px; position: inherit; }
		.tophead .page .logo{width: 63%; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;}
		.tophead .page .search1{width: 36%; float: right; margin:0px; padding: 35px 0px 0px 0px;}
		.search1{
			font-family:"Eras Medium ITC";
			font-style:italic;
			font-size:14px;
			color:#F7BD3F;}
			.home{
		background:url(images/homeimage.png);
		width:100%;
		height:20px;
	
		background-repeat:no-repeat;
		
		}
	.home1{
		background:url(images/homeimage.png);
		width:100%;
		height:20px;
	
		background-repeat:no-repeat;
		
		}
		
		.page .page_content .page_content_container_left { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
.page .page_content .page_content_container_right  { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
.page .page_content .page_content_container_left .content .events .event_col1{ width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; }
.page .page_content .page_content_container_left .content .news  { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; }
.page .page_content .page_content_container_left .content .events { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; }
.page .page_content .page_content_container_left .content .news .news_item1 { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; border-left:none !important; }

.content_sidebar {
    border-left: none;
}
.news {
    border-left: none;
}
.informationinside {
    font-size: 11px !important;
    margin-left: 110px !important;
    margin-top: 5px;
}
	.page .page_content .content_sidebar figure .figure_photo_info { background-image: url(images/infosmall.jpg); height: 100px; }
	.page .page_content .content_sidebar figure .figure_photo_online { background-image: url(images/onlinesmall.jpg); height: 100px; }
	
	.page .page_content .content_sidebar figure .figure_photo_online1 { background-image: url(images/unitssmall.jpg); height: 100px; }
	.page .page_content .content_sidebar figure .figure_photo_african { background-image: url(images/africa.gif); }
	.page .page_content .content_sidebar figure figcaption { font-size: .8em; text-align: right; padding: 0px 10px 0px 10px; }
	.page .page_content .page_content_container_left .content .news .news_item  { width: 100%; float: right; margin: 0px; padding: 0px; position: inherit;  }
	.page .page_content .page_content_container_left .content .news .news_item1  {width: 100%; float: right; margin: 0px; padding: 0px; position: inherit;  }
	.news_item1 {border-left: none; }

	.news-summary

{

	width:100% !important;

	float:left;

	font-size:11px;

	padding-top:0px;

	overflow:hidden;

	border-bottom-color: #ccc;

	border-bottom-style:solid;

	border-bottom-width:thin;

	padding-bottom:10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.page .page_content .content { margin: 10px 10px 20px 10px; }
	.page .page_content .content_sidebar { margin: 0px 10px 15px 10px; }
	.page .page_content .content_sidebar figure { width: 30%; float: right; margin-left: 15px; }
	.bg123 {
		float:right;
		position:absolute;
		right:0px;
	display: block;
	width: 125px;
	height: 125px;
	
}

		/* nav-wrap */
				.page_content_container_left {
    padding-top: 0px !important;
}
		/* main nav */
		
	}

	@media screen and (max-width: 700px) {
		#testiw{
	display:none;}
		.topfooter {
    background: none repeat scroll 0 0 #000000;
    border-top: 5px solid #F7BD40;
    display: block;
    min-height: 520px;
}
	.footerlinksarea_left{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.footerlinksarea_left1{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.footerlinksarea_left2{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.footerlinksarea_right{ width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.footerlinksarea_right1{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.footerlinksarea_right2{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}}
	
	@media screen and (max-width: 500px) {
	.stuff{

margin-top: 5px !important;
margin-bottom:5px !important;
min-height:200px;}
}
	@media screen and (max-width: 450px) {
		#testiw{
	display:none;}
	.tophead .page .logo{width: 90%; float: left; margin: 0px; padding: 0px; position: inherit;}
		.tophead .page .search1{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
		.hetsu{
	height:1400px !important;}
		.informationinside {
    font-size: 11px !important;
    margin-left: 80px !important;
    margin-top: 5px;
}
	}
	@media screen and (max-width: 570px) {
		#testiw{
	display:none;}
			.main .page .page_content .landing_left_inside { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; }
.main .page .page_content .landing_right_inside { width: 100%; float: left; margin: 0px; padding: 0px; position: inherit; }
		
.page .page_content .right_side_inside .left_right_side_inside{ width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
.page .page_content .right_side_inside .right_right_side_inside{width: 100%; float: left; margin: 0px; padding: 0px; position: inherit;}
	.header1{
	float: right;
		display: inline-block;
		color:#F7BD3F;
		padding-top:15px;
		padding-left:3px;
		padding-right:3px;
		font-weight:400;
		text-decoration:none;
		font-size:8px;
		margin-top:15px;
		}
		.headerset{
		margin-right:100px !important;
		margin-top:5px !important;
		
		}
		.utility{
		display:block;
		background:#333;
		height:45px;
		border-bottom:1px solid #F7BD40;
		}
	}
	@media screen and (max-width: 360px) {
		.hetsu{
	height:800px !important;}	
#testiw{
	display:none;}
.search{
	position:absolute;
	top:0px;
	right:5px;
	margin-top:6px;
	float:right !important;
	background:#eee;
	margin-right:40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height:20px;
	width:110px;
	z-index:10 !important;}
	.hhh{
	border: none !important;
	margin-left:5px;
	width:65px;
	height:14px;
	background:#eee;	
	}
	.header1{
	float: right;
		display: inline-block;
		color:#F7BD3F;
		padding-top:15px;
		padding-left:3px;
		padding-right:3px;
		font-weight:400;
		text-decoration:none;
		font-size:8px;
		margin-top:15px;
		}
		.headerset{
		margin-right:40px !important;
		padding-top:25px;
		
		}
		.utility{
		display:block;
		background:#333;
		height:45px;
		border-bottom:1px solid #F7BD40;
		}
		.search1{
			font-family:"Eras Medium ITC";
			font-style:italic;
			font-size:14px;
			color:#F7BD3F;
			text-indent:20px;}
	#google_translate_element{
		position:absolute;
		top:10px;
		left:0px;
		float:left !important;}
		
#logoinfo{
	width:150%;
	margin-left:15px;
	margin-top:10px;
	float:left !important;
	}
	
}
		
	/* iPad */
	
	@media screen and (max-width: 512px) {
.hetsu{
	height:1800px !important;}
	 .img-shadow
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 0px 20px 0;

	  background-color: #FFFDF2;
	  width:100% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 
  .img-shadowlike2
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 0px 20px 0;

	  background-color: #FFFDF2;
	  width:100% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 
  
  .img-shadowlike3
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 0px 20px 0;

	  background-color: #FFFDF2;
	  width:100% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 
  
  
   .img-shadowlike
 {


	 
	  display: block !important;
	  float:left;
	  margin:0 0px 20px 0;

	  background-color: #FFFDF2;
	  width:100% !important;

	  border: 1px solid #a9a9a9;


	  padding: 4px;

  } 
}
@media screen and (max-width: 880px) {	
		.menubar{
			
			margin-top:-53px !important;
			width:100%;
			
			
			
			background-color: #950101 !important;
		background-image: -moz-linear-gradient(#900, #950101); 
		height:auto;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#900), to(#950101));	
		background-image: -webkit-linear-gradient(#900, #950101);	
		background-image: -o-linear-gradient(#900, #950101);
		background-image: -ms-linear-gradient(#900, #950101);
		background-image: linear-gradient(#900, #950101);
		border: 1px solid #920;
        -moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #990, 0 1px 0 #990 inset;
		-webkit-box-shadow: 0 1px 1px #990, 0 1px 0 #990 inset;
		box-shadow: 0 1px 1px #980000, 0 1px 0 #98000 inset;}
	}
	
	/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	float:right;
	padding: 0px 0;
	
	
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:18px;
	background:url(themes/default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.spa{
	width:100%;
	height:30px;
}