﻿@charset "UTF-8";

/* reset */
body{font-size: 20px; background-color: #e6e6fa; margin: 0; padding: 0; height: 100%;}

h2{font-size: 26px; color: #191970; margin: 0; padding: 0;}

h4{font-size: 21px; color: #000080; margin: 0; padding: 0;}

p{color: black; font-size: 18px; margin: 0; padding: 0;}

th, td {font-size: 18px; margin: 0; padding: 0;}

<!-- dl, dt, dd, ol, h3, h5, h6, pre, form, fieldset, input, blockquote, textarea {margin: 0; padding: 0;} -->
div, ul, li {margin: 0; padding: 0;}

ul li {list-style-type: none;}
img {margin: 0; padding 0; border: none; width: 370px; height: 220px;}


/* Basic */
#wrapper{margin: auto; width: 900px; position: relative; height: auto; height: 100%; min-height: 100%;}
<!-- imgsenter{display: block; margin: 1em auto;} -->

/* header */
header nav ul{overflow: hidden; margin: 0 0 30px 0; font-size: 18px;}
header nav ul li{float: left; width: 180px; background-color: #9370db;}
header nav ul li a {display: block; padding: 5px 0; text-align: center; color: white; text-decoration: none;}
header nav ul li a:hover {color: #fff; background-color: #cc2128;}

/* #main */

#main{padding-left: 20px; padding-bottom: 200px;}
#main img {margin: 0; width: 45px; height: 40px; border: solid 1px #32CD32; padding: 0px;}


#footer{position: absolute; bottom: 0; height: 40px; width: 100%;}
#footer nav ul{font-size: 17px;}
#footer nav ul li{float: left; margin: 15px;}




