/* CSS Document */

body { text-align: center; background: #e5e5e5; padding-top: 0px; margin-top: 10px; }
#main { width: 815px; background: #7d7f7f; position: relative; top: 0; right: 0; margin: 0 auto; text-align: left; }

#logo { position: absolute; top: 10px; left: 20px; font-family: myriad pro, arial; font-size: 25px; color: #fff; z-index: 99; } 

#headerimage { background: url("images/postgarden.jpg"); width: 815px; height: 553px; margin: 0px; padding: 0px; }

#colleft { position: absolute; left: 20px; top: 400px; width: 350px; height: auto; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; line-height: 18px; }

#colright { position: absolute; left: 400px; top: 400px; width: 400px; height: auto; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; line-height: 18px;  }

a:link { text-decoration: underline; color: #cccc66; }
a:active { text-decoration: underline; color: #cccc66; }
a:visited { text-decoration: underline; color: #cccc66; }
a:hover { text-decoration: none; color: #cccc66; }

h1 { font-size: 20px; font-family: myriad pro, arial, sans-serif; color: #cccc66; padding-bottom: 5px; margin: 0px; font-weight: normal; }

ul.checked { position: absolute; left: 0px; top: 30px; width: 300px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 20px; font-size: 16px; font-family: arial, sans-serif; color: #fff; font-weight: normal; line-height: 18px; }
ul.checked li { background: url("images/checked_icon.gif") no-repeat 0px 3px; padding-left: 20px; margin-bottom: 0px; padding-bottom: 20px; }


/* FOOTER */
#footer {position: relative; height: 40px; width: 775px; background: #222324; color: #fff; font-family: arial,tahoma, sans-serif; font-size: 12px; text-align: center; margin: 0px; padding: 20px; }