/*Islamic University Of Ghana Template Css	*/

body { 
	/**/margin: 0; 
	padding: 0; 
	/*background: #fff url(../images/bg.gif) repeat-x; */
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
	border:0;
}

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; text-decoration:none;   }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(../images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0; }
h4{ font-size: 0.8em; }
.blue { color: #546F92; background: inherit; }
.green{color: #060; background:inherit;}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }


/* TOP LEFT LOGO */

#logo { 
	float: left; 
	text-align:left;
	padding: 10px 0 5px 10px; 
}
	#logo h2 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT SIDE HEADER  */	

#intro_left {
	clear: left;
	float: left;
	/*width: 250px;250px*/
	height:30px;
	background: #00361E url(../images/iugLogo212.gif) repeat-x;
	color: #fff;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

/* LEFT VERTICAL MENU */
#menu_left { 
float: left;  
margin: 0 0 6px 0; 
padding: 0 0 1px 0; 
border-bottom: 2px solid #e2e2e2; 
}
  #menu_left li { list-style: none; }
/*  #menu_left li a { 
		width: 224px; */
		/*width: 100%;
		display: block;	
		padding: 5px 13px 7px 13px; */

/*color: #3F5B7F; */
/*background: #C2CEDE url(images/arrow.gif) no-repeat center left;
margin: 0 0 1px 0; 
font-weight: bold; 
text-decoration: none;  
		}	
#menu_left li a:hover { background: #9EB1C9 url(../images/arrow.gif) no-repeat center left; color: #fff;  }*/

/* RIGHT INTRO SIDE */
	#goog_search{
	/*background-color:#C90;
	height:28px;
	text-align:center;
	border-style: ;*/
	margin:0px 0 0 0;
	padding:1px 0px 1px;
	}
/*#FlabellComponent{
 width:100%;
 height:191px;
}*/
	
    #intro_right {
	float: right;
	/*width: 340px;
	padding: 25px 280px 0 20px;
	color: #547592;
	margin: 0 0 6px 0;
	/*height: 174px;*/
	border: 2px solid #e2e2e2;
}

#menus_2{
	/*float: right;
   	width: 100%;*/
	/*height:21px;
	margin: 0 0 5px 0;*/
	border: 1px solid #CFCB66;
	padding: 1px 1px 0px 2px;
	}
		.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
		border: 1px solid #e2e2e2;

	}		

	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */

.left_articles {
		border: 1px solid #ccc;
		/*padding: 8px;*/	
		margin: 0 0 5px 0;
	    background:#eaf5e0;
		color: #454545;
	}
.left_articles h1{
		padding:6px; margin:0; border:0;
		background:#dfe9d5;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	
#left {
	float: left;
/*	width: 250px;*/
}
	.boxticker {
		padding: 4px 10px;
		border: 1px solid #ccc;
		/*margin: 0 0 10px 0;*/
	}

	.box {
		padding: 4px 5px;
		border: 1px solid #ccc;
		/*margin: 0 0 10px 0;*/
	}
/*	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(../images/package.gif) no-repeat;
		color: #585616;
	}*/

/* RIGHT SIDE */
	.detailcol { 
		float: left; 
		padding: 10px 5px 10px 5px;
		width:99%;
		/*width: 285px; 
		width:96%;*/
		line-height:1.5em;
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 2px 8px 2px;
	}

#right {
	float: right;
	/*width: 643px;*/
}
	.leftcol { 
		float: left; 
		padding: 10px 12px 8px 10px;
		width: 282px; 
		/*width:90%;*/
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 5px 0;
	}
	.rightcol { 
		float: right; 
		padding: 10px 12px 8px 12px;
		/**/width: 289px; 
		width: 92%;
		text-align:justify;
		border:#ccc 1px solid;
		margin: 0 0 5px 0;
		}
	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}
	
	#timedate{
		font-size:0.8em;
		 
		}
		tick2{
			font-size:0.8em;
			
			}
	/* Column One Boxes
----------------------------------- */
#contents_column_one {
	/**/height: auto;
	margin: 0;
	padding: 0 0 10px 0;
	
	clear: both;
	/*width:642px;*/
	width:100%;
	float: left;
	background: #c8c7c4;
	border-right: 1px solid #fff;
}
.col1_box {
	/*width: 145px;*/
	width:22.5%;
	height: 160px;
	margin: 12px 0 0 12px;
	padding: 0;
	float: left;
	display: inline;
}

.col1_box_top {
	/*width: 145px;*/
	width:100%;
	height: 100px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.col1_box_bottom {
	/*width: 145px;*/
	width:100%;
	height: 60px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	overflow: hidden;
	cursor: pointer;
}

.col1_box_bottom a {
	color: #fff;
	text-decoration: none;
}

.col1_box_bottom a:hover {
	color: #fff;
	text-decoration: none;
}
#image01 { background: #2f2f2f url(../images/swflu.jpeg) no-repeat; }
#image02 { background: #FFF url(../images/two_pals.jpg) no-repeat; }
#image03 { background: #2f2f2f url(../images/two_pals1.jpg) no-repeat; }
#image04 { background: #2f2f2f url(../images/typ_img1.jpg) no-repeat; }
#blue { background: #235fa5; }
#red { background: #9d341f; }
#green { background: #1b7b11; }
#orange { background: #e96e24; }

/* { margin:0; padding:0; }*/

/*News Scroll* added 29Aug09*/
#NewsTicker{
	border:solid 1px #cccccc;
	background:#eaf5e0;
	/*width:252px;*/
	width:100%;
	height:260px;
	margin:0 auto 5px auto;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		background:#dfe9d5;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 250px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 250px;
		height: 200px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 250px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}
/* imported CSS from old design
-------------------------------------------------------------- */
iframe#ifrm { 
    border:1px dashed #ccc;
    padding:.5em;
    margin:1.5em 0 1em;
    width:95%;
    height:480px;
	text-align:left;
    }
	
/* =NAV-TABBED
-------------------------------------------------------------- */

ul#nav-tabbed {
	list-style-type: none;
	margin: 1em 0 2em 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	width: 100%;
	overflow: hidden;
}

ul#nav-tabbed li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

ul#nav-tabbed li a {
	color: white;
	background:#06c url(../images/bg-tab-right.gif) no-repeat 100% 0;
	display: block;
	padding: 0.6em 20px 0.45em 20px;
	position: relative;
	text-decoration: none;
}

ul#nav-tabbed.az li a {
	color: white;
	padding: 0.6em 9px 0.45em 9px;
	font-size: 0.9em;
}

ul#nav-tabbed li a span {
	background: url(../images/bg-tab-left.gif) no-repeat 0 0;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

ul#nav-tabbed li a:hover {
	text-decoration: none;
	background: #036 url(../images/bg-tab-right-over.gif) no-repeat 100% 0;
}

ul#nav-tabbed li a:hover span {
	background: url(../images/bg-tab-left-over.gif) no-repeat 100% 0;
}

ul#nav-tabbed li.active a {
	background: #b2ccff url(../images/bg-tab-right-active.gif) no-repeat 100% 0; 
	color: #000;
	font-weight: bold;
}

ul#nav-tabbed li.active a span {
	background: url(../images/bg-tab-left-active.gif) no-repeat 100% 0;
}

/* Calendar */

/******************
CLASSES
******************/

img.photobig, img.photosmall {
	border:1px solid #CCCCCC;
	background: #E0E0E0 url(../images/bg-table-row-alternate.jpg);
	padding:10px;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	float: left;
	}

#calendar_wrap {
	border-top: 1px dashed #666633;
}

#calendar caption {
	padding-top: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border: 0px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
}

#calendar thead {
	background: #514F42;
	text-align: center;
}

#calendar tbody td {
	border: 1px solid #514F42;
	text-align: center;
}
/* Calendar */

/*message boxes  */

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('icons/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('icons/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('icons/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('icons/error.png');
}

/* FOOTER 

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }*/