* { margin: 0; padding: 0; }
body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f6f6f6; color: #333; }
.cleaner { clear: both; height: 0; line-height: 0; font-size: 0; }
#wrapper { margin: 10px auto; background-color: #fff; width: 800px; padding: 10px; }
a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }
#content { padding: 10px 0; }
h1,h2,h3,h4 { font-family: Georgia, "Times New Roman", Times, serif; }
/* body */

#header h1 { float: left; width: 500px; padding: 10px; color: #000; font-size: 36px; font-weight: normal; }
#header h1 a { text-decoration: none; color: #000; }
#description { float: right; padding: 32px 10px 0 0; font-size: 12px; }
#description a { text-decoration: none; font-weight: bold; color: #669900; }
#description a:hover { text-decoration: underline; }
#atop { margin: 0 auto; text-align: center; }
/* header */

#container { width: 650px; float: right; }
#main { width: 540px; float: left; line-height: 1.5; text-align: justify; }
#main h2 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; }
#main p { padding: 5px 0; }
#main img { border: 3px solid #e1e1e1; }
#main img.alignleft { float: left; margin: 8px 10px 0 0; }
#main h3 { font-size: 17px; font-weight: normal; color: #669900; margin: 10px 0 0 0; }
#main a.inv { display: block; text-align: center; padding: 4px 0; border: 1px solid #ddd; background-color: #f1f1f1; font-size: 18px; color: #000; text-decoration: none; }
#main a.inv:hover { background-color: #f1f1f1; color: #666; }
/* main */

#sidebar { width: 140px; float: left; padding: 0 10px 0 0; }
#sidebar ul.menu { list-style: none; }
#sidebar ul.menu a { display: block; background-color: #e1e1e1; border-left: 3px solid #aaa; padding: 5px; margin: 0 0 5px; text-decoration: none; font-weight: bold; }
#sidebar ul.menu a:hover { border-left: 3px solid #66CC00; }
#sidebar h4 { font-size: 15px; font-weight: normal; color: #444; margin: 15px 0 5px 0; }
#sidebar .column { padding: 7px; font-size: 11px; color: #000; background-color: #e1e1e1; }
#sidebar .column a { text-decoration: none; }
#sidebar .column  a:hover { text-decoration: underline; }
/* sidebar */

#info { width: 100px; float: right; padding: 0 0 0 10px; font-size: 10px; line-height: normal; }
#info h4 { font-size: 14px; font-weight: normal; color: #444; margin: 0 0 10px 0; }
#info img { border-bottom: 1px solid #666; margin: 0 0 10px 0; padding: 0 0 10px 0; }
/* info */

#box { background-color: #e1e1e1; padding: 5px; text-align: center; font-size: 11px; color: #444; }
#box a { color: #555; }
#box p { margin: 10px 10px 0 10px; }
/* box */
