* {margin: 0; padding: 0;}
img {border: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color:#FFFFCC;}
#topBar, #main {width: 800px; margin: 10px auto; border-top: 2px solid #999; border-right: 2px solid #999; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; background-color: #fff;}

h1 {font-size: 1.5em; padding: 10px;}
h2, ul.menu {font-size: 0.9em; padding: 5px 10px; font-weight: normal; text-transform: uppercase;}
.menu li {display: inline;}
h3 {font-size: 0.9em; padding: 10px 10px 5px 10px; text-transform: uppercase;}
.banners h3 {font-size: 0.7em; padding: 0 0 10px 0; font-weight: normal;}
p {font-size: 0.8em; padding: 10px; line-height: 1.3em;}
li {list-style-type: none; font-size: 0.8em; margin-left: 0.5em; padding: 2px 5px; line-height: 1.3em;}
.light {margin-bottom: 10px; }
.light img {float:right; padding: 0 10px; border: 1px solid #fff;}
.light img:hover {border: 1px solid #ccc;}

a {color: #333333; border-bottom: 1px solid #333; text-decoration: none;}
a:hover {color: #000; background-color:#FFFF99; border-bottom: 1px solid #000; text-decoration: none;}
h1 a {border-bottom: 0px;}
h1 a:hover {border-bottom: 0px; background-color: #fff;}

#lightsArea {float: left; width: 640px; border-right: 1px solid #ccc;}
.banners {float: right; padding-right: 10px;}
.banners img {padding-bottom: 15px;}
.banners a, .banners a:hover {border-bottom: 0px;}
#footer {clear: both;}

#footer ul {list-style-type: none; padding: 15px 0 10px 0; font-size: 0.9em;}
#footer li {display: inline;}

form {margin-left: 20px; font-size: 0.8em;}