#contentAll {
font-size:	small;
font-family:	sans-serif;
width:		800px;
margin-right:	auto;
margin-left:	auto;
}

body {
background-color:		#475D75;
color:		yellow;
}



#contentHead{
color:			black;
height:		100px;
margin-bottom:	20px;
}

#contentLeftSidebar {
float:	left;
color:		#9E7E5E;
width: 150px;
border-right: thin white solid;
padding:	0px;
margin-bottom:	50px;
}

#contentLeftSidebar a {
color:		#9E7E5E;
}

#contentMain {
color:		white;
margin-left:	170px;
margin-top:	30px;
}

#contentMainLogo {
border-top:	thin white solid;
border-bottom:	thin white solid;

}


#nav {
	height:	20px;
	text-align:	center;
	border-bottom:	thin white solid;
	border-top:	thin white solid;
	clear:	both;
}

#nav li {
display:	inline;
margin: 0px 75px 0px 0px;
font-size:	1.2em;
}

#nav a {
text-decoration:	none;
color:		white;
}


#footer {
	width:		100%;
	color:		black;
	font-size:	80%;
	text-align:	center;
	clear:	both;
}

#myProgress {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: grey;
}
#myBar {
    position: absolute;
    width: 43%;
    height: 100%;
    background-color: blue;
}

/* If you want the label inside the progress bar */
#labelBar {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}