html, body, form { height: 100%; font: 12px Tahoma, Arial, sans-serif; }
body, form, img { margin: 0; padding: 0; border: none; }
body { background: #530000 url(../images/bg.gif) fixed left top repeat; text-align: center; }
h1 { font: bold 20px Verdana, Arial, sans-serif; color: #900; margin: 20px 0; padding: 0; text-align: center; }
h2 { font: bold 16px Verdana, Arial, sans-serif; color: #3375b1; margin: 0 0 5px 0; padding: 0; }
h1.admin { margin: 0 0 10px 0; padding: 5px; background: #900; border: 1px solid #000; font: bold 10px Verdana, sans-serif; color: #fff; text-align: center; }
h2.admin { margin: 0 0 10px 0; padding: 5px; background: #3375B1; border: 1px solid #000; font: bold 10px Verdana, sans-serif; color: #fff; text-align: center; }
p { margin: 0 0 15px 0; }
a { color: #900; }
a:hover { color: #3375B1; }

/* Master page */
#wrapper1 { height: 100%; background: transparent url(../images/wrapper1.gif) fixed left top repeat-x; }
#wrapper2 { height: 100%; background: transparent url(../images/wrapper2.gif) fixed center top repeat-y; }
#wrapper3 { height: 100%; background: transparent url(../images/wrapper3.gif) fixed center top no-repeat; }

#header { width: 765px; margin: 0 auto; background: #fff url(../images/header_top.gif) left top repeat-x; text-align: left; }
#building { float: left; }
#logo { margin: 29px 0 0 62px; }
#adminlogo { margin: 29px 0 0 20px; }
#menu { text-align: center; font: small-caps bold 11px Verdana, Tahoma, sans-serif; padding: 18px 0 4px 0; }
#menu a { text-decoration: none; padding: 0 2px; }
#headercontent { height: 187px; background: url(../images/header_bg.gif) repeat-x; font: bold 12px Tahoma, Arial, sans-serif; color: #000; text-align: center; }
#headercontent div { padding: 35px 0 30px 0; text-align: center; }

#content { clear: both; width: 725px; margin: 0 auto 10px auto; padding: 0 20px; background: #fff; font: 14px Georgia, Times New Roman, serif; text-align: left; }

#footer { clear: both; width: 675px; margin: 20px auto; padding: 5px 0; background: #fff; border-top: 2px solid #3375B1; font-size: 12px; color: #444; text-align: center; }

/* Home */
#att_photo { float: right; margin: 0 0 20px 40px; }

/* View Listing */
#maplink { text-align: center; }
#photos { margin-bottom: 20px; text-align: center; }
#photos a img { border: 3px solid #3375B1; margin: 0 2px; }
#photos a:hover img { border: 3px solid #900; }
#contactinfo { margin-top: 10px; }

/* Error messages */
.error { margin-bottom: 10px; background: #fff; border: 1px solid #c00; }
.error .title { height: 20px; background: #c00; color: #fff; padding: 5px 0 0 10px; font-weight: bold; }
.error ul { list-style: disc outside; margin: 5px 5px 0 20px; padding: 5px; }

/* Re-usable classes */
.leftcolumn { float: left; width: 49.5%; }
.rightcolumn { width: 49.5%; margin-left: 50.5%; }
.column1 { float: left; width: 20%; }
.column2 { float: left; width: 20%; }
.column3 { float: left; width: 20%; }
.column4 { float: left; width: 20%; }
.column5 { float: left; width: 20%; }
.clear { clear: both; height: 0; line-height: 0; }
.hidden { display: none; }
.displayfield { font: normal 14px Arial, Verdana, sans-serif; padding-bottom: 15px; }
.datafield { padding-bottom: 10px; font: normal 11px Verdana, Arial, sans-serif; }
.datafield label { font-weight: bold; }
.datafield .textbox, .datafield .listbox { width: 250px; }
.datafield textarea { height: 80px; }
.inline { float: left; margin-right: 5px; }
.hidelabel label, .hidelabel .required, .hidelabel br { display: none; }
.required { color: #f00; }
.buttons { clear: both; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 5px; }
.title { font-weight: bold; }
.message { background: #fefeaa; border: 1px solid #fecc00; margin-bottom: 10px; padding: 5px; color: #000; text-align: left; }
.message img { padding-right: 3px; vertical-align: bottom; }
.grid th, .grid td { padding: 2px 5px; text-align: center; }
.grid th { background: #ccc; color: #000; }
.adminlinks { text-align: right; font: normal 12px Verdana, Arial, sans-serif; margin-bottom: 5px; }