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

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

	AHM531.com "The Civil Engineering Center" stylesheet
	Author: Ahmed Essam Mansour
	Version: 4 july, 2007
======================================================================================================================================
	


	CONTENTS:

	*Page setup
	*Header
	*Layout
	*Footer	

	

	Special Thanks: to Michael Barrish for his article "The Best Way to Organize A Stylesheet"

	http://lumino.us/weblog/the_best_way_to_organize_a_stylesheet

	This article has really helped me to think about structure. I recommend reading it, particularly if you are new to CSS.





@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



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

	Page setup

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

	
	body{

		background:#666699; /*theme returned in 19/10/2008*/
		/*background: #669966; updating website theme in 21/7/2008 */
		font:italic bold 10pt arial;
		height:auto;
		margin:0;
		padding:0px;

	    }
		

	h1, h2, h3, h4, h5, h6 
				
				{
					color: #000080; /*theme returned in 19/10/2008*/
					/*color: #000066; Updating website theme 21/7/08*/
					font-weight:bold;
					margin:10px;	
					padding:0px
				}

	 .dropcap
		{
			float: left;
			width: 6em;
			font-size: 1.5em;
			margin-right:10px
		}
		
	
	/*Main Navigation */
	
		ul#mainnav
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;

		}

		#mainnav li
		{
			display: inline;
			list-style-type: none;
		    
			
		}

		#mainnav a 
		{
			padding:3px 19px;
		}

		#mainnav a:link, #mainnav a:visited
		{
			color: #333366;
			background-color:#ccccff;  /*theme returned in 19/10/2008*/
			/*color: #006666;updating website theme 21/7/2008
			background-color:#CCFFCC; updating website theme 21/7/2008*/
			margin:0px;
			line-height:2em;
			text-decoration: none;
			
        }

		#mainnav a:hover
		{
			color: #ccccff;
			background-color:#333366; /*theme returned in 19/10/2008*/
			/*color:#99CC00; updating website theme 21/7/2008
			background-color:#CCFFCC;updating website theme 21/7/2008*/
			text-decoration:none;
		}
		



	/* Vertical List */
		ul#verlist
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;

		}

		#verlist li
		{
			display: block;
			margin-top:20px;
			list-style-type: none;
			
		}

		#verlist a { padding: 3px 10px; }

		#verlist a:link, #verlist a:visited
		{
			color: #fff;
			background-color:#369 ;
			text-decoration: none;
			
        }

		#verlist a:hover
		{
			color: #fff;
			background-color: #6699FF;
			text-decoration: none;
		}
		
				/* Normal list */
				
		ul#normlist
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;
		}

		#normlist li
		{
			display: block;
			margin-top:10px;
			margin-left:10px;
			list-style-type: none;
			
		}

		#normlist a { padding: 3px 0px; }

		#normlist a:link, #normlist a:visited
		{
			text-decoration: none;
			
        }

		#normlist a:hover
		{
			text-decoration: underline;
		}
		
		/* horizontal underline hover list*/
		ul#horlist
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;

		}

		#horlist li
		{
			display: inline;
			margin-top:10px;
			margin-left:10px;
			list-style-type: none;
			
		}

		#horlist a { padding: 3px 0px; }

		#horlist a:link, #horlist a:visited
		{
			text-decoration: none;
			
        }

		#horlist a:hover
		{
			text-decoration: underline;
		}
		
		/*I repeated it becuase there was a problem in the e-library pages, so, to correct that temporarly i duplicated the code*/
		ul#horlist2
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;

		}

		#horlist2 li
		{
			display: inline;
			margin-top:10px;
			margin-left:10px;
			list-style-type: none;
			
		}

		#horlist2 a { padding: 3px 0px; }

		#horlist2 a:link, #horlist2 a:visited
		{
			text-decoration: none;
			
        }

		#horlist2 a:hover
		{
			text-decoration: underline;
		}
		
		
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


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

	Header

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

		#header   {

			text-align:center;
			margin:0 auto 100px 250px;
			width:800px

	          }	


	html>body #header   {

			
			margin:0 auto 100px auto;
			width:850px

	          }	


	#headerimg{

			margin-left: 0px;
			margin-bottom:15px

		  }




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


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

	Layout

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

	#layout{
			
			 
			/*background-color: #EAF4FF;*/
			background-color: #CCFFCC; /*updating website theme 21/7/20088*/
			border: outset 4px;
			height: auto;
			margin: 0 0px 0 150px;
			padding: 50px;
			width: 880px
		}
	
	
	/*This is a hack*/
	
	html>body #layout{
			
			background-color: #EAF4FF; /*theme returned in 19/10/2008*/
			/*background-color: #CCFFCC; updating website theme 21/7/20088*/
			border: outset 4px;
			height: auto;
			margin: 0 auto;
			padding: 50px;
			width: 780px
		}




	/*====================
	     Index.htm
	=====================*/	


		#columnr
		
		{
			float:right;
			width:250px;
			padding:0px;
			margin-right:0px;
			
		}
		
		
		#main
		{
			margin-right:270px;
			padding:0px;
		
		}  


		.title   
		{
	
			border: 1px solid #666699;
			height: 32px;
			margin:20px 0px 0px 0px;
			padding: 5px;
			width: 210px;
				
		}
	
		.contents   
		{
	
			border: 1px solid #666699;
			margin: 10px 0px 50px 0px;
			padding: 5px;
			width: 210px;
	
		}
	

		.li
		{
				list-style-type: disc;
				margin-left: 15px;
		}
					
					
		/*====================
	     	AboutCE.html +++++++  cenuj.html
		=====================*/	
					
		ul#navlist
		{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;
		}

		#navlist li
		{
			display: inline;
			list-style-type: none;
		}

		#navlist a { padding: 3px 10px; }

		#navlist a:link, #navlist a:visited
		{
			color: #fff;
			background-color:#369 ;
			text-decoration: none;
        }

		#navlist a:hover
		{
			color: #fff;
			background-color: #6699FF;
			text-decoration: none;
		}
		
		#container
		{
			padding:0;
			border:#369 medium solid
		}
		
		#nav
		{
			text-align:center;
			padding-bottom:30px
			
		}
		
		#columnl
		{
			float:left;
			width:200px;
			padding:10px;
				
		}
		
		
		#content
		{
			margin-left:220px;
			padding:10px;
			border-left: #369 thin solid;		
		}
		
		#latestnews
		{
			border: #369 thin solid;
			float:left;
			margin-top:20px;
			width:200px;
			padding:10px;
		}
		
		#aboutced
		{
			margin-left:250px;
			padding:0px;
		}


		/*====================
	     	Branches of CE.htm
		=====================*/	

			div.branch
			{
				margin-top:0;
				margin-bottom:50px;
				margin-right:auto;
				margin-left:auto;
				padding:10px
				
			}
			
			.dp
			{
				float:left;
				height:200px;
				margin:18px 10px 400px 0;
				width:150px
				
			}
			
			
		/*====================
	     	procourses.html
		=====================*/	
		
		.courses
		{
			margin-top:20px;
			text-align:center;
		}
		
		.pcourses
		{
			width:500px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		/*====================
	     	facilities.html
		=====================*/	
		.leftimg
		{
			float:left;
			margin-top:0;
			margin-bottom:0;
		}
		.rightimg
		{
			float:right;
			margin-top:0;
			margin-bottom:0;
		}
			

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


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

	Footer

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

	#footer   {
			width:250px;
			margin-top:50px;
			margin-left:190px;
			margin-bottom:10px;
		  }


	.footerimg{ 
			float:left; 
			margin-right:10px; 
			margin-bottom:35px

		  }

	.footerp  {	margin-top:15px;
				font-family:arial;
				font-size: 8pt
	
		  }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/