body {
	background-color: #f2f2f2;
	color: #000305;
	font-size: 130%; 
	font-family: arial,hevetica,sans-serif;
	line-height: 1.5;
	text-align: left;
	
}
/*-The default Unordered list has a margin and padding these are removed--*/ 
ul {
	margin:0px;
	padding:0px;
}
  

/*-(1)Float: left; - changes the default vertical list to horizontal (2)-width: height: 
determine dimensions of Navigation Bar (3) background-color: set to blue or rgb(0,128,255) 
(4) font-size: line-height: text-align: refer to text dimension and postioning*/

ul li{
	float: left;
	list-style:none;
	/*width: 200px;*/
	width: 110px;
	height: 50px;
	background-color: rgb(0, 128, 255);
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	
}
/*-display: none; The entries provided by the nested unordered list are not visible until mouse is hovered over parent list item */
ul li ul li{
	display: none;
	padding: top 0px;
}
/* (2)-display: block; ensures that the nested unordered list selection 
area, not just the text, changes colour when mouse is hovered over selection-*/
ul li:hover ul li{
	display: block;
}

/*-(1)text decoration: none; - The default Anchor "a" is normally underlined this entry removes underline-*/
a {
	text-decoration: none;
  }
 
 a:link, a:visited {
		color: #CF5C3F;
 }
 
a:hover, a:active { 
		background-color: #CF5C3F;
		color: #FFF;
}
 
 /*img {
  float: left;
}*/
 .body {
		margin: 0 auto;
		width: 100%;
		clear: left;
	}
 
 .mainHeader table {
	 
    border-collapse: collapse; /* The table borders will be stuck together (nicer looking) */
    border: 1px solid black;
	padding: 10%;
	margin: 5%;
	width: 90%;
}
.mainHeader th {
	border: solid 1px black;
	padding: 1%;
	text-align: center;
	background-color: #0080ff;
	color: white;
	}
.mainHeader td {
	border: solid 1px black;
	padding: 1%;
	text-align: justify;
	
}	
 
 .mainHeader img {
		width: 30%;
		height: auto;
		margin-top: 8%;
	
		margin-left:22%;
		
 }

 .mainHeader nav {
		/*height: 65px;
		width: 100%; */ 
		position: fixed; 
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
 }
 
 .mainHeader nav ul {
		list-style: none;
	
		margin: 0 auto;
 }
 								
 
 /*-- color: #FFF sets the navigation bar text to White -*/
 
 .mainHeader nav a:link, .mainHeader nav a:visited {
		color: #FFF;
		display: inline-block;
		
		padding: 10px 15px;
		height: 30px;
		
		} 								
												
 .mainHeader nav a:hover, .mainHeader nav a:active, 
	.mainHeader nav .active a:link, .mainHeader nav .active  a:visited {
		background-color: #CF5C3F;
	
		text-shadow: none;
	}									
											

	
.mainHeader nav ul li a {
	border-radius: 5px;
	color: #666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}






	
.mainContent {	
	line-height; 25px;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

.content {
		width: 70%;
		float: left;
		overflow: auto;
		height: 1400px;
}

.topContent {
		background-color: #FFF;
		display: inline
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 3% 5%;
		margin-top: 4.4%;
		
}

 /*----Top/bottom left/right*/---)
		
.bottomContent {
		background-color: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 3% 5%;
		margin-top: 2%;		
}		

 
.Sidebar {
	width: 30%;
		float: right;
	
		height: 1400px;	
}
	
.top-sidebar {
		
		background-color: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		overflow: auto;
		height: 500px;
		margin-left: 3%;
		margin-bottom:2%;
		margin-top: 10%;
		padding: 2% 3%;
		
		
}


.middle-sidebar {
		
		background-color: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-left: 3%;
		margin-bottom: 2%;
		padding: 2% 3%;
		overflow: auto;
		height: 300px;
		}
		

.bottom-sidebar {
		
		background-color: #ffffff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-left: 3%;
		margin-bottom: 2%;
		padding: 2% 3%;
		overflow: auto;
		height: 300px;
}

.boxed {
	border:1px solid green;
}








	 
	 
	 
	 
	 
	 
	 
 
		