/*Aurthor: Arthur Field - Student Number:S300065 style.css version 1*/
body{
	margin: 0;
	background-color: #000000;
	font-weight: normal;
	line-height: 2em;
	color: 	#505050;
	font-family: arial;
	font-size: 18px;
}

a{
	text-decoration: none;
	color: #560069;
}
a:hover{
		color: green;
}
.navbar{
		background-color: #778899;
}
.navbar ul{
			margin: 0;
			margin-bottom: 20px;
}
.navbar ul{
			list-style:none;
			padding:0;
}
.navbar li{
			display: inline;
			padding: 20px;
}
.navbar a{
		color: #C0C0C0;
}
.navbar a:hover{
			color: green;
}

.container{
			width: 70%;
			margin: auto;
			border: none;
			color:  #505050;
			text-align: center;
			font-size: 18px;
}
.container h1{
			text-align: center;
			font-weight: bold;
			font-size: 32px;

}
.container p {
			text-align: center;
			color: #505050;
			font-weight: normal;
}

.mainheader{
			min-height: 50px;
}
.mainheader h1{
			margin: 0;
			margin-left: 20px;
			padding-top: 15px;
			padding-bottom: 15px;
}
.mainheader h1{
			background: linear-gradient(to left, #c0c0c0 0%, #000000 100%);
			color: #FFFFFF;
			text-transform: uppercase;
			font-size: 45px;
			line-height: 1.5em;
			font-weight: bold;
			text-align: left;
}

.mainfooter{
			background-color: #BEBEBE;
			color: black;	
			text-align: center;
}

.imgfooter{
	font-size:8px;
}

.container-t1{
			width: 70%;
			margin: auto;
			border: none;
			text-align: center;
}

.container-t1 h1{
			text-align: center;
			font-weight: bold;
			font-size: 32px;
}
.container-t1 h2{
			text-align: center;
			font-size: 21px;
			font-weight: bold;
}
.container-t1 p{
			text-align: center;
			font-size: 18px;
}

.container-t3{
			width: 70%;
			margin: auto;
			border: none;
			text-align: left;
			font-size: 18px;
}
.container-t3 h1{
			text-align: center;
			font-weight: bold;
			font-size: 32px;
}
.container-t3 h2{
			text-align: center;
}
.container-t3 p{
			text-align: center;
			font-size: 18px;
}

.indeximage{
			margin: 20px;
			text-align: center;
}
.references li{
			font-family: arial;
}
.references li{
			margin:10px;
}
.references{
			margin:5px;
			text-align: left;
			color: #505050;
			font-size: 20px;
			line-height: 1.7em;
}
.references {
			width: 70%;
			margin: auto;
			border: none;
			font-size: 18px;
}

.accordion {
			cursor: pointer;
			width: 100%;
			padding: 20px;
			outline: none;
			border: none;
			border-radius: 6px;
			font-size: 21px;
			font-weight: bold;
			background-color: transparent;
			text-align: center;
			color: #505050;
			transition: .8s;
}
.accordion:hover {
				background-color: #303030;
}
.active{
		background-color: #303030;
}
.content{
		padding-left: 15%;
		padding-right: 15%;
		text-align:center;
		background-color: transparent;
		display: none;
		overflow: hidden;
}

.accordion2 {
			font-size: 32px;
			cursor: pointer;
			width: 100%;
			padding: 30px;
			outline: none;
			border: none;
			border-radius: 20px;
			font-weight: bold;
			background-color: transparent;
			text-align: center;
			color: #505050;
			transition: 2s;	
}
.active, .accordion2:hover {
							background-color:#303030;
}