/* designed by dawit abraham */

body {
	margin: 0px;
	padding: 0px;
	font: normal 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #333;
	background: rgb(42, 89, 152) url(../images/page-background.jpg) repeat-x top left;
}

#wrapper {
	margin: 0px auto;
	padding: 0px;
	border:0px solid #000;
	width: 800px;
}

/* =================== Top Nav =================== */

#header {
	margin: 0 0 0 0;
	border-bottom: solid 3px #DCF600;
	height: 85px;
	padding: 0 0 0 0;
}

#logo {
	float: left;
	width: 277px;
	height: 70px;
	border: solid 0px #000;
	padding: 0px 0px 0px 0px;
	margin: 10px;
}
#firstnav { 
	float: left;
	width: 800px;
	margin: 0px 0px 0px 0px;
	background-color: #143060;
	border-top: solid 0px #143060;
	height: 61px;
}
#firstnav ul{
	width:400px; 
	height:61px; 
	background: #143060 url(images/topmenubg.jpg) 0 0 no-repeat; 
	font-size:89%; 
	position:relative; 
	padding:0 0 0 0;
	margin:0;
	border: solid 0px #fff;
}
#firstnav ul li{
	width:auto; 
	float:left;
	display:block;
	margin:0;
	padding:0;
}
#firstnav ul li a{
	width:auto;
	padding: 6px 15px;
	height:35px; 
	display:block; 
	color:#fff; 
	text-decoration: none; 
	text-align:center; 
	line-height:35px;
	border: #fff solid 0px;
}
#firstnav ul li a:hover{
	color:#fff; 
	text-decoration: underline;
}
/* +++++++++++++++ END TOP NAV +++++++++++++++ */

#welcome {
	float: left;
	width: 800px;
	border: solid 0px #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/welcome-bg.jpg) repeat-x scroll 0px 0px;
	min-height: 30px;
}

#container-home  {
	float: left;
	width: 800px;
	border: solid 0px #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 400px;
}

#container  {
	float: left;
	width: 800px;
	border: solid 0px #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	min-height: 400px;
	background:  #fff url(../images/topbordr.jpg) repeat-x 0px 0px;
}

#whitebg {
	float: left;
	width: 800px;
	border: solid 0px #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(../images/white-bg.jpg) no-repeat scroll bottom;
	min-height: 191px;
}

#left-whitebg {
	float: left;
	width: 300px;
	border: solid 0px #000;
	margin: 10px 0px 20px 50px;
	padding: 0px 0px 0px 0px;
	background-color:#fFF;
}

#right-whitebg {
	float: right;
	width: 300px;
	border: solid 0px #000;
	margin: 10px 50px 20px 0px;	
	background-color: #fff;
}

#whitebg p{
	margin:  16px 0 0 0;
}

#whitebg h4 {
	font-size: 103%;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	color: #143060;
	border: solid 0px #000;
	}
#right {
	float: right;
	width: 250px;
	border: solid 0px #000;
	margin: 10px 10px 10px 0px;	
	background-color: #fff;
}



/* ===================== sub content ================== */

#subcontent {
	float: left;
	width: 800px;
	border: solid 0px #000;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color:transparent;
}

#left-subcontent {
	float: left;
	width: 300px;
	border: solid 0px #000;
	margin: 10px 0px 10px 50px;
	padding: 0px 0px 0px 0px;
	background-color:transparent;
}

#right-subcontent {
	float: right;
	width: 300px;
	border: solid 0px #000;
	margin: 10px 50px 10px 0px;	
	background-color: transparent;
}
#subcontent h3 {
	width:300px;
	margin: 0px 0px 20px 0px;
	border: 0 solid white;
	color: white;
}

/* ====================== End ===================== */



#usefulinks p, #subcontent p {
	color: white;
}

#usefulinks a, #subcontent a {
	color: #DCF600;
}

#usefulinks a:hover, #subcontent a:hover {
	text-decoration: underline;
	color: #DCF600;
}




/*=====================   Useful links  =================*/


#usefulinks {
	float: left;
	width: 800px;
	border-top: solid 1px #5278AB;
	margin: 10px 0px 0px 0px;
	padding: 0 0 30px 0;	
}

#usefulinks-left {
	float: left;
	width: 200px;
	border: solid 0px #000;
	margin: 10px 0px 10px 50px;	
	background-color: transparent;
}

#usefulinks-middle {
	float: left;
	width: 200px;
	border: solid 0px #000;
	margin: 10px 0px 10px 30px;	
	background-color: transparent;
}

#usefulinks-right {
	float: right;
	width: 200px;
	border: solid 0px #000;
	margin: 10px 60px 10px 0px;	
	background-color: transparent;
}

#usefulinks h3 {
	width:300px;
	margin: 18px 0px 0px 50px;
	border: 0 solid white;
	color: white;
}

/* =======================  End  ====================  */





#content { 
	float: left;
	width: 250px;
	background-color: #fff;
	margin: 10px 0px 10px 15px;	
	border: solid 0px #000;
}
#content-twocolm {
	float: left;
	width: 500px;
	min-height:500px;
	border: solid 0px #000;
	margin: 40px 10px 10px 35px;
	background-color: #fff;
	padding: 30px 0 0 0;
}
#content-twocolm-footer {
	float: left;
	width: 800px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	background: #fff url(../images/twocol-footer.jpg) no-repeat 0px 0px;	
}

#content-corners {
	clear: both;
	background: #fff url(../images/content_botmleft.gif) no-repeat left;
	border: solid 0px #000;
	height: 6px;
	background-image: url(../images/content_botmrit.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#topics {
	float: right;
	width: 186px;
	border: 10px solid #f0eee3;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 10px 10px;
	background: #fff;
}





/* ======================== */


p, li, ol, ul {
	text-align: left;
	line-height: 1.8;
	}

p, li blockquote, ul, ol {
	font-size: 88%;
	}

h1 {
	font: 150% lighter "Verdana", Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #143060;
	border: solid 0px #000;
	font-weight: normal;
	}

h2 {
	font: 170% lighter "Verdana", Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	color: #143060;
	border: solid 0px #000;
	font-weight: normal;
	}

h3 {
	font-size: 135%;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #143060;
	border: solid 0px #000;
	}

h3.titleicon {
	margin-right: 0px;
	margin-top: 1.1em;
	text-align: left;
	color: #222;
	font-size: 1.01em;
	font-weight: bold;
	}

h4 {
	font-size: 105%;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #143060;
	border: solid 0px #000;
	}

blockquote { 
	font-size: 88%;
	width: 150px;
	border: 0px solid black; 
	}

ul.nostyle {
	list-style-type: none;
	}

li {
	margin: 15px 0px 15px 0px;
	}

ul.questions li {
	margin: 2px 0px;
	padding: 3px;
	border: 0px solid red;
	}

hr.title-unl {
	border: thin solid #F0EEE3;
	margin: 5px 0px 5px 0px;
	}

hr {
	margin: 2px 0px 0px 0px;
	height:1px;
	border: 0px solid #fff;
	background:url(../images/hr.gif) repeat-x scroll;
	}


hr.topicsmarg {
	margin: 4px 4px 4px 4px;
	border: thin solid #fff;
	}


/* ========================== TITLE [GREEN] =========================== */
#title {
	float: left;
	width: 800px;
	height: 144px;
	border: solid 0px #000;
	padding: 0px;
	background-color: #F0EEE3;
	background: url(../images/title-head-bg.jpg) no-repeat;
}
#title-left-homepage {
	float: left;
	padding: 0px;
	margin: 45px 0px 7px 0px;
	border: 0px solid #000;
	width: 261px;
	background: url(../images/white-dot.gif) repeat-y right;
}
#title-left {
	float: left;
	padding: 0px;
	margin: 48px 0px 10px 30px;
	border: 0px solid #000;
	width: 440px;
	background: url(../images/white-dot.gif) repeat-y left;
}

h1.title-index-left-text {
	font-size: 2.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-align: right;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 10px;
	color: #fff;
	border: solid 0px #000;
}
h3.title-index-right-text {
	font: 130% lighter Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #fff;
	border: solid 0px #000;
}
h1.title-left-text {
	font-size: 2.2em;
	font-weight: lighter;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	color: #fff;
	border: solid 0px #000;
}
h2.title-left-text {
	font-size: 1.8em;
	font-weight: lighter;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	color: #fff;
	border: solid 0px #000;
}
#title-right {
	width: 234px;
	float: right;
	margin: 50px 10px 0px 10px;
	padding: 0px;
	border: solid 0px #098;
}
h3.title-right-text {
	font: 130% lighter Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #fff;
	border: solid 0px #000;
}

table.books tr {
	background-color: #fff;
}
table.examdates tr {
	height: 30px;
	border: 1px solid white;
	padding: 3px 10px 0px 10px;
	text-align: center; 
	background-color: #F7F6F1;
}

table.examdates, p {
	text-align: left; 
}
tr.examheader {
	background-color: #289C28;
	font-size: 0.95em;
	font-weight: bold;
	color: #fff;
	height: 50px;
}





/*  +++++++--------------------------  Links  ----------------------------+++++++  */

a:link, a:visited, a:hover, a:active {
	color: #ff3300;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	font-size: 100%;
	}
a:hover {
	text-decoration: underline;
	}


a:link.titlelink, a:visited.titlelink, a:hover.titlelink, a:active.titlelink {
	color: #242424;
	font-weight: bold;
	font-size: 85%;
	text-decoration: none;
}
a:hover.titlelink   {
	text-decoration: underline;
}


a:link.footerlink, a:visited.footerlink, a:hover.footerlink, a:active.footerlink { 
	color: #333; 
	font-weight: normal; 
	text-decoration: none; 
	}
a:hover.footerlink   {
		text-decoration: underline;
}


a.topics:link, a.topics:visited, a.topics:hover, a.topics:active { 
	color: #0C7FC0; 
	margin: 0px 0px 0px 0px; 
	font-size: 80%; 
	font-weight: normal; 
	text-decoration: none; 
	}
a.topics:hover   {
		text-decoration: underline;
}
/*  end links  */


/***********------------------ FOOTER --------------------***********/

#footer {
	clear: both;
	border: 0px solid #000;
	border-top: 3px solid #37639E;
	padding: 0px;
	height: 160px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	width: 800px;
}

#footer-firstnav, #footer-secondnav, #footer-thirdnav {
	width: 190px;
	float: left;
	border: 0px solid #000;
	}
#footer-firstnav {
	margin: 0px 70px 10px 50px;
	}
#footer-secondnav {
	margin: 0px 90px 10px 0px;
	}
#footer-thirdnav {
	margin: 0px 0px 10px 0px;
	}
#footer a {
		white-space: nowrap;
		float: left;
		clear: both;
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		padding: 4px 20px 4px 0px;
		width: 150px;
		font-size: 86%;
		border: solid 0px #000;
}
#footer a:hover {
		text-decoration: underline;
		color: #90A8C9;
}
/***********  END FOOTER ***********/


/*********** Copyright ***********/

#copyright {
	float: left;
	width: 800px;
	background: #3B66A0;
	padding: 0 0 0 10px;
	margin: 10px 0 0px 0;
	border: solid 0px #fff;
	height: 35px;
	text-align: left;
}

p.copyright {
	float: right;
	width: auto;
	font-size: 85%;
	color: #9DB3D0;
	padding: 8px 20px 0px 0px;
	border: 0px solid #fff;
	margin: 0;
	text-align: right;
}

/*********** End Copyright ***********/


/*  ======  NEFT NAVIGATION SYSTEM  =======  */


img {
    border: none;
} 

#menuframe {
	float: right;
	width: 250px;
	border: solid 0px #000;
	margin: 0px 0px 10px 0px;
	background: #efefef url(../images/menu-header.jpg) repeat-x 0px 0px;
}


#menu {
	width: 230px;
	height: 300px;
	margin: 50px 0 0 0;
	border: 0px solid red;
	border-top: 0px #666666 solid;
	padding: 0 10px;
	}


#menu ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0 3px;
	background-color:#efefef;
	line-height:32px;
	}


#menu li {
		display: inline;
		/* for IE5 and IE6 */
	}


#menu li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	border: 0px solid green;
	font-size: 95%;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #2D3956;
	display: block;
	background: #efefef;
	padding: 4px 0 4px 10px;
	}
	
#menu li a:hover {
	color: #2D3956;
	background-color: #e4e4e4;
	padding: 4px 0px 4px 10px;
	text-decoration: underline;
	}

	
table {
  border-collapse: collapse;
  border: 1px solid #C4D1E2;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #C4D1E2;
  background: #fff;
  width: 100%;
	margin-top: 10px;
  }

td, th {
  border: 1px solid #D9E2EC;
  padding: .1em .4em;
  color: #666;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #C4D1E2;
  text-align: left;
  background: #E5EBF2 url(../images/table-hdr.jpg) repeat-x top;
  height: 47px;
  color: #fff;
  }
  
tbody td a {
  background-color: transparent;
  text-decoration: none;
  color: #666;
  }
tbody td a:hover {
  background-color: #F2F5F8;
  color: #666666;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #666;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #F2F5F8;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th, tbody tr.odd:hover th {
  background: #F2F5F8;
  color: #666;
  }
#contact-us table, thead th, td, th {
	border: 1px solid #C4D1E2;
}