html {height: 100%;}

body {
height: 100%;
background-color: #F2F8F8;
font-family: arial;
}


h1 {
font-size: medium;
}

h2 {
font-size:small;
}

p {
font-size: small;
}

ul{
font-size: small;
}

ol {
list-style-type: none;
font-size: small;
}

dl {
font-size: small;
}

a:link {
color:black;
text-decoration:none;
}

a:visited {
color:grey;
text-decoration: none;
}

#container {
min-height: 100%;
position: relative;
margin: 0 auto;
width: 700px;
padding-bottom: 20px;
}

#name img {
}

#navigation {
position: absolute;
top: 150px;
right: 0;
margin: 0px 2px;
padding: 5px 10px;
}

#navigation li {
font-family: arial;
font-size: small;
list-style-type: none;
display: inline;
border-right: .2em silver solid;
}

#navigation a {
margin: 0px 2px;
padding: 5px 10px;
}


#csapage {
padding:0;
margin:0;
}

#csapage li {
font-family: arial;
font-size: small;
list-style-type: none;
}

#menu {
height: 3%;
width: 23%;
background: silver;
font-size: small;
font-color: white;
text-align: right;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
position: absolute;
top: 175px;
right: 5px;

}

#main {
min-height: 100%;
position: relative;
top: 60px;
width: 470px;
margin: 0 0 0 130px;
margin-left: 30%;
overflow:auto;
padding-bottom: 20px; /* must be same height as the footer */
}

#footer {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;} 

#footertext {
height:2.5%;
width:100%;
background: silver;
font-size: small;
text-align: right;
padding-right: 5px;
margin: 20px 0 0 0;
position: relative;
}

#footerlogo img {
position: relative;
left:5px;
}

#sideimages{
position: absolute;
left: 0;
top: 150px;
margin: 5px 0 0 0;
width: 25%;
float: left;
}

#sideimageA {
padding:5px 5px;
}

#sideimageB {
padding:5px 5px;
}

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

section {
    height: 200px;
    margin: auto;
    padding: 10px;
}

#imageLeft {
    width: 45%;
    height: 200px;
    float: left;
}

#imageRight {
    margin-left: 55%;
    height: 200px;
}