/* ------------------ CSS Reset --------------- */

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, dt {

	font-size: 16px;

	font-weight: normal;

	padding: 0;

	margin: 0;

}





body {

	background-color: yellow;

}



h1 {

	color:white;

}

/* styling for the header here */

#header h1 {

	font-size: 40px;

	padding: 20px 20px 20px 20px;

	background-color: red;

}







/* styling for the navigation here */

#horizontalnav{

	width: 90%;

	height: 55px;

	position: relative;

	background-color: black;

	border-bottom: solid 1px white;

}

#nav ul  li{

	float: left;

	list-style-type: none;

	font-size: 18px;

	color: white;

	position: relative;



}

#nav ul li a {

	padding: 5px 15px;

	display: block;

	text-decoration: none;

	color: white;

	border-right: solid 1px white;



}



/* styling for the page content here */

div#content {

	background-color: black;

	width: 90%;

}

div#content h1 {

	font-size: 30px;

	font-weight: bold;

	color: red;

}

div#content h2{

	font-size: 22px;

	color: white;

}

div#content p {

	font-size: 22px;

	color: red;

}



/* styling for the Footer here */

#footer {

	font-size: 16px;

	color: red;

	background-color: black;

	width: 90%;

	height: 25px;

	border-top: solid 1px white;

	padding: 5px 0px 5px 0px;

}