body { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 0.82em; color: #000; }
#header { padding: 0 0 30px 3px; margin: 0 0 10px 0; color: #fff;  }
#container { margin: auto; width: 800px; background-color: #fff; margin-top: 15px; }
#footer { clear: left; font-size: 90%; background-color: #fff; text-align: center; margin-top: 20px; padding: 3px; border-top: 1px solid #ccc;  }
#header h1 { float: left; }
#header .search { float: right; }

#left { float: left; width: 600px; }
#right { float: left; width: 190px; }
#right ul { list-style-type: none; margin: 0 0 5px 0; padding: 0; }
.clear { clear: both; }

h1 { margin: 0 0 5px 5px; font-size: 2em; text-decoration: none; }
h1 a { color: #333; text-decoration: none; }
a { color: #000; }
label { float: left; width: 100px; }
input { margin-bottom: 3px; }

.form { background-color: #ecf6f9;  padding: 5px 0 10px 10px; margin: 10px 20px 10px 0; border: 1px solid #b5c1c4; }
.form h4 { margin: 0 0 5px 0; padding: 0; text-decoration: underline; }

.main-category { float: left; width: 180px; margin: 0 10px; }
.category { float: left; width: 180px; background-color: #ecf6f9; margin: 0 0 10px 0; border: 1px solid #b5c1c4; }
.category h3 { background-color: #aeccd4; padding: 5px; margin: 0; text-decoration: none; font-size: 1em; }
.category ul { list-style-type: none; margin: 0 0 0 7px; padding: 0; }

.small { font-size: 87%; }

.error, .success { border: 1px solid; margin: 10px 20px 0 0; padding:15px 0px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }

.error { color: #D8000C; background-color: #FFBABA; background-image: url('/images/error.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png'); }