body  {
background: #000000;
margin: 0;
font-size: 1.2em;
text-align: justify;
}

#container { 
width: 1000px;
margin: 0 auto;
background: #aabbcc;
}

#header { 
padding: 0;
background: #8899aa;
color:#FFFFFF;
position: relative;
} 
#heading {
position: absolute;
bottom: 0;
left: 200px;
}

#banner { 
padding: 10px 30px;
background: #556699;
color:#FFFFFF;
} 
#footer {
padding: 10px;
background: #8899aa;
color:#FFFFFF;
position: relative;
}

#sidemenu {
float: left;
width: 190px;
}

#mainpage {
padding: 25px;
background: #dddddd;
margin-left: 190px;
}

#menu 
{
list-style-type:none;
margin:0;
padding:0;
}
#menu a:link, #menu a:visited
{
margin: auto;
display:block;
font-weight:bold;
color:#FFFFFF;
width:180px;
text-align:center;
padding:10px 5px;
text-decoration:none;
text-transform:uppercase;
}
#menu a:hover, #menu a:active
{
background-color:#8899aa;
}

h1 {
}

#profile p {
max-height: 170px;
overflow: auto;
padding: 5px;
}
#profile {
border: 2px solid;
width: 750px;
}
#profile td, #profile th {
border: 2px solid;
padding: 5px;
}
#profile td.role {
width: 170px;
padding: 5px;
text-align: center;
}
#profile img {
height: 140px;
width: 110px;
}

.gallery li {
display: inline;
list-style: none;
width: 190px;
min-height: 200px;
float: left;
margin: 0;
text-align: center;
font-size: 0.9em;
}
.gallery img {
width: 180px;
height: 140px;
border: 5px solid white;
margin: 0 0 5px 0;
}


.logo {
height: 140px;
width: 190px;
float: left;
}
.imgc {
display: block;
margin: auto;
}
.imgr {
float: right;
margin: 10px;
}
.imgl {
float: left;
margin: 10px;
}
.center {
display: block;
margin: auto;
text-align: center;
}
.clear {
clear:both;
}