body { background: #000000 url('images/topstripe.jpg') repeat-x; margin:0px 0px; padding:0px; text-align: center; }

div { font-family: Verdana; font-size: 12px; color: #000000; }
P { font-family: Verdana; text-align:left; font-size: 12px; color: #000000; }
A { font-family: Verdana; text-align:left; font-size: 12px; color: #84003E; }
A:hover { color: #ffffff; }
h1 { font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; }
select { font-family: Verdana; font-size: 10px; } 
input { font-family: Verdana; font-size: 10px; padding: 0px; margin: 0px auto;} 
textarea { font-family: Verdana; font-size: 10px; padding: 0px; margin: 0px auto;} 

#mainarea { width:806px; }

#leftside { width:114px; background-color: #84003E; min-height: 650px; height: 100%; float: left; margin:0 auto; }
#rightside { width:686px; min-height: 650px; float: left; margin:0 auto; }

#float { float: left; text-align: left; }
#rsvp { float: left; text-align: left; padding-left: 4px; }
#editname { text-align:left; font-size:8px; }

#errormsg { float: left; text-align: left; color: red; }

#guest_1 { float: left; text-align: left; }
#guest_2 { float: left; text-align: left; }
#guest_3 { float: left; text-align: left; }
#guest_4 { float: left; text-align: left; }
#guest_5 { float: left; text-align: left; }

#guest_1_area { width: 100%; float: left; text-align: left; margin-bottom: 10px; }
#guest_2_area { width: 100%; float: left; text-align: left; margin-bottom: 10px; }
#guest_3_area { width: 100%; float: left; text-align: left; margin-bottom: 10px; }
#guest_4_area { width: 100%; float: left; text-align: left; margin-bottom: 10px; }
#guest_5_area { width: 100%; float: left; text-align: left; margin-bottom: 10px; }

#showmeal_1 { float: left; text-align: left; margin-bottom: 15px; }
#showmeal_2 { float: left; text-align: left; margin-bottom: 15px; }
#showmeal_3 { float: left; text-align: left; margin-bottom: 15px; }
#showmeal_4 { float: left; text-align: left; margin-bottom: 15px; }
#showmeal_5 { float: left; text-align: left; margin-bottom: 15px; }

#topright { float: left; width: 686px; height: 128px; text-align: left; position: relative; top: 12px; }
#tl { float: left; width: 340px; height: 128px; text-align: left; }
#tr { float: left; width: 340px; height: 128px; text-align: right; }
#bottomright { width: 686px; min-height: 522px; }

#picturestrip { width:57px; min-height: 522px; margin:0 auto; background: url('images/imgstrip.jpg') repeat-y top; float: left; }
#mainbody { float: left; width:589px; min-height:482px; background-color: #cbcbcb; padding: 20px; font-family: verdana; font-size: 14px; }
#clearer { float: none; }
#row { width:100%; text-align: center; float:left; font-family: Verdana; font-size: 10px; color: #000000; }
#piccol1 { width: 24%; text-align: left; float: left; font-family: Verdana; font-size: 10px; color: #000000; }
#piccol2 { width:50%; text-align: center; float:left; font-family: Verdana; font-size: 12px; color: #000000; }
#piccol3 { width:24%; text-align: right; float:left; font-family: Verdana; font-size: 10px; color: #000000; }

#bottom { text-align: left; width: 100%; }

.row { width:100%; text-align: center; padding: 3px; float:left; font-family: Verdana; font-size: 10px; color: #000000; }
.thumbnailcase { float: left; width:180px; text-align: center; }
.thumbnail { float: left; text-align: center; border: 1px solid #999; margin: 0 20px 20px 0; padding: 5px; }
.pic { width:100%; text-align:center; margin: 5px 20px 20px 0; padding: 5px; }
#spics { float:left; text-align:left; width:25%; }