body{
   background-color: #CBCCCA ;
	margin: 0px;
	font-family: 'arial';
	width: 99%;
	padding: 1px 1px 1px 1px;
}


header {
	/*Background colour for header*/
   background-color:#4A4848;
    padding:5px;
}

header h1{
	color: #ffffff;
	text-align:center;
	font-size: 300%;
}

header h2{
	color: #ffffff;
	text-align:center;
	font-size: 100%;
}

header h3{
	color: #E7CF25;
	text-align:left;
	font-size: 100%;
}

header a{
	color: #E7CF25;
	text-align:left;
	font-size: 100%;
}

nav{
	/*General positioning stuff. Don't worry about this*/
    background-color:#7A2837;
	color: #F7F0F1;
    width: 15%;
		height: 500px;
    float:left;
	margin-left: 0px;
	

 /* position: fixed; Make it stick, even on scroll */
   overflow: auto; Enable scrolling if the sidenav has too much content
}


section{
    background-color:#7A2837;
	/*Text color for everything inside of a section*/
	display: block;
		color:yellow;
	width: 85%;
    float:left;
    padding:0px 0px 0px 0px; 
	height: 500px;
}

#sec1{
   background-color:#1E5C34;

}
#sec2{
   background-color:#1E5C34;

}


li {
	list-style-type: none;
    text-decoration: none;
	line-height:25px;
		color:#F7F0F1;
}


li a{
	display: block;
	text-decoration:none;
		color:#F7F0F1;
}


li:hover {
	color: #ffffEC;
    background-color: red;
	
}





footer {
	/*Background colour for header*/
   background-color:#4A4848;
    padding:5px;
	clear:both;
	color: #ffffff;
}


footer a{
	/*Background colour for header*/
    color:#ff0000;
		font-size: 150%;	
		text-decoration:none;

   
}

footer p{
	/*Background colour for header*/
color: #F7F0F1;
	font-size: 80%;	
   
}



a{
	color:red;	
   
}




#slideshow{
  width: 750px;
  height: 500px;
    
}