*{
margin: 0;
padding: 0;
text-align: center;
}
#wrapper{
position: absolute;
width: 100%;
height: 100%;
text-decoration: none;
font-family: sans-serif;
font-size: 100%;
color: grey;
background-color: brown;
z-index: 0;
}
a{
text-decoration: none;
}
a:hover{
color: red;
}
h1{
font-size: 150%;
padding: 1%;
}
h2{
font-size: 130%;
}
h3{
font-size: 115%;
}
#header{
height: 15%;
width:70%;
border: 1px solid red;
border-radius: 15px;
margin: auto;
background-color: #f7f7f7;
}
#navigation{
height: 5%;
width:70%;
border: 1px solid red;
border-radius: 15px;
margin: auto;
background-color: #f7f7f7;
}
#section{
height: 75%;
width:70%;
overflow: auto;
border: 1px solid red;
border-radius: 15px;
margin: auto;
background-color: #f7f7f7;
}
#foother{
height: 3%;
width:70%;
border: 1px solid red;
border-radius: 15px;
margin: auto;
background-color: #f7f7f7;
text-align: center;
padding-top: 2px;
font-size: 70%;
}
#header img{
padding-top: 1%;
width: 55%;
}
#section img.logo{
float: right;
width: 15%;
padding-top: 1%;
padding-right: 1%;
}
.contact{
padding-top: 3%;
padding-left: 3%;
float: left;
width: 59%;	
}
a img{
vertical-align: middle;
padding: 1%;
}
#navigation a {
border: 0;
padding: 1%;
background-color: none;
color: blue;
font-size: 105%;
}
#navigation a:hover {
color: red;
background-color: none;
border: 0;
border-bottom: 0;
}
#rambo{
margin: auto;
}
#fadeshow4{
margin: auto;
}
#fadeshow4toggler{
margin: auto;
}
#fadeshow4 .gallerylayer img{ /* make all images inside fadeshow4 scale to 100% of slideshow width */
width: 100%;
height: auto;
}
ul{
list-style-type: square;
padding: 5%;
}	
ul li{
margin-left: 3%;
padding: 0.3%;	
text-align: left;
}
table{
margin-left: 7%;
margin-top: 1%;	
margin-bottom: 2%;
}
table, th, td{
border: 1px solid grey;
border-collapse: collapse;
padding: 3px;
text-align: left;
}
th{
text-align: center;	
}