html {margin: 0; padding: 0; height: 100%;}
body {margin: 0; padding: 0; height: 100%; font-family: Verdana; font-size: 11px; color: #eee;}

img {border: 0;}

p {margin: 0 0 10px 0;}

a {color: #333; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

h1 {margin: 0 0 3px 0; padding: 0; font-size: 16px;}

#outer-wrapper {width: 740px; margin: 0 auto; height: 100%; background: #fff url("../images/bg.gif") repeat-y top center;}
#inner-wrapper {width: 740px; margin: 0 auto;}

#header {padding: 10px 0 0 0; height: 140px; clear: both;}

#mainnav {margin: 10px 0 0 0; background: #09c ; height: 530px; width: 140px; float: left;border-bottom: solid 10px white;}
#mainnav ul {list-style: none; margin: 0 0 0 7px;padding: 0;}
#mainnav[id] ul {list-style: none; margin: 0 0 0 12px; padding: 0;}
#mainnav ul li {margin: 3px 0 0 5px; padding: 0; list-style-image: url("../images/clear.gif");}
#mainnav ul li.active {margin: 3px 0 0 5px; padding: 0; list-style-image: url("../images/arrow.gif");}
#mainnav[id] ul li.active {margin: 3px 0 0 5px; padding: 0; list-style-image: url("../images/arrow.gif");}
#mainnav a {font-size: 11px; color: #fff; margin: 0 0 0 0; background: transparent; padding:0}
/*#mainnav a:hover {font-size: 11px; color: #fff; padding: 0; margin: 0 0 0 -8px; background: transparent url("../images/arrow.gif") no-repeat center left;}*/
#mainnav a:hover {font-size: 11px; color: #fff; padding: 0; margin: 0 0 0 0; background: transparent;}
#mainnav a.active {font-size: 11px; color: #fff; padding: 0; margin: 0 0 0 0; background: transparent;}

#body {width: 420px; background: #ccc; margin: 10px; float: left; color: #333; padding: 10px; height:510px; overflow:auto;border-bottom: solid 10px white;}

#right {float: left; background:#ff; width: 140px; margin: 10px 0 0 0; height: 530px;border-bottom: solid 10px white;}

.image1 {width: 140px; margin: 0 0 0 0; height: 125px; background: transparent url("../images/image2.jpg") no-repeat;}
.image2 {width: 140px; margin: 0 0 10px 0; height: 128px; background: transparent url("../images/image1.jpg") no-repeat;}
.image3 {width: 140px; margin: 0 0 10px 0; height: 128px; background: transparent url("../images/image3.jpg") no-repeat;}
.image4 {width: 140px; margin: 0; height: 128px; background: transparent url("../images/image4.jpg") no-repeat;}

fieldset {border: 0;}
label {float: left; width: 100px;}
textarea {width: 270px;}