
/* Header bar */
.headerbar {
    background-color: rgb(102, 0, 0);
    position: fixed; 
    top: 0; /* Position at the top of the page */
    left: 0;
    width: 100%;
    overflow: hidden;
}

.headerbar h1 {
    font: 30px Nyala;
	font-weight: bold;
	color: white;
}

.headerbar img {
	display: inline;
}

.headerbar a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font: 12px Arial;
    color: 000099;
}

.headerbar a:hover {
    color: #fcfcfcfc;
}

 /* Navigation sidebar */
.sidenav {
    height: 100%; /* remove this for auto height */
    width: 200px;
    padding-top: 20px;
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 110; /* Stay on top */
    top: 110; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
}

/* menu items */
.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font: 20px Nyala;
    color: #000099;
    display: block;
}

/* On screens with height less than 450px, use less padding and a smaller font size */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 16px;}
} 

/* On mouse over, change the navigation item color */
.sidenav a:hover {
    color: white;
}

/* Page content */
.main {
    margin-top: 110px; /* same as the height of the Header bar */
    margin-left: 200px; /* same as the width of the Navigation bar */
    width: 70%;
	padding:  15px;
	padding-top: 1px;
    background-color: white;
    color: rgb(51, 51, 51);  /* general text color */
    font: 13px Arial ;
	text-align: left;
}

/* general settings */

body {
	color: rgb(0, 0, 0);
	background-color: rgb(204, 204, 204);
	background-image: url("greybg.jpg");
}

h1 {
    font: 30px Nyala;
	font-weight: bold;
}

h2 {
    font: 26px Nyala;
	font-weight: bold;
}

h3 {
    font: 20px Nyala;
}

/* Image description */
h7 {
    font: 16px Tunga;
	font-weight: bold;
}

/*img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}*/

.center  { text-align: center; }
.left    { text-align: left; }
.right   { text-align: right; }
