.banner{
position:absolute;
float:left;
top:0.25cm;
left:1cm;
width:20.5cm;
height: 3cm;
background-color:gray;
padding:0.25cm;
padding-top:0cm;
padding-bottom:.3cm;
font-size: 12pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color: white;
}

.navbar{
	position:absolute;
	float:left;
	top:4cm;
	left:1cm;
	width:20.5cm;
	height: 1cm;
	/*background-color:#e1e1e1;*/
	border-bottom-color: gray;
	border-bottom-width: thick;
	border-bottom-style:solid;
	padding:0.25cm;
	padding-top:0cm;
	padding-bottom:0cm;
	font-size: 8pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:center;

}

.sidebar{
position:absolute;
float: left;
top: 5.5cm;
left:1cm;
width: 3.5cm;
height:15cm;
/* background-color: ButtonFace; */
padding: 0.5cm;
}

.content{
position:absolute;
float: left;
top: 5.5cm;
left: 6cm;
width: 15cm;
/* background-color: #FFE4C4; */
padding: 0.5cm;
}

/* navigation menu formats */
	.navbar ul{
	font: bold 13px arial;
	padding-left: 0;
	margin-left: 0;
	height: 20px;
	}

	.navbar ul li{
	list-style: none;
	display: inline;
	}

	.navbar ul li a{
	padding: 2px 0.5em;
	text-decoration: none;
	float: left;
	color: black;
	/* background-color: #e1e1e1; /* You Can Change this color */
	border-right: 2px solid brown; /*You can change this color*/
	}

	.navbar ul li a:hover{
	background-color: wheat; /*You Can Change This Color*/
	
	}