body { background:black url(bg-grains2.gif) repeat-x fixed center top; font:14px Arial, Helvetica, sans-serif; color:black; margin:0 0 25px 0; }

h1 { margin:15px 0 5px 0; font:bold 30px/25px Garamond, "Times New Roman", Times, serif; border-bottom:1px solid black; text-align:center; }
h2 { font:bold 22px Garamond, "Times New Roman", Times, serif; margin:10px 0 5px 0; text-align:center; letter-spacing:1px; }
p { margin:15px 0; text-indent:20px; }
blockquote { margin:0; padding:0 15px; font:italic 15px Arial, Helvetica, sans-serif; }

.al { text-align:left; }
.ar { text-align:right; }
.ctr, .ac { text-align:center; text-indent:0; }
.noindent { text-indent:0; }
.fl { float:left; }
.fr { float:right; }
.underline, .ul { text-decoration:underline; }
.floatfix, .ff { position:relative; width:100%; clear:both; line-height:0; height:0; font-size:1px; }
.large { font-size:1.3em; }
.bumped { margin-top:25px; }
a.btn { padding:4px 8px; color:black; background:white; border:1px solid black; text-decoration:none; }
a.btn:hover { background-color:#676767; color:white; }
.bord { border:1px solid black; }

#all, #header, #body, #footer { position:relative; margin:0 auto; }
#all { width:600px; border-right:7px solid black; border-bottom:15px solid black; border-left:7px solid black; background:url(bg-cross3.png) repeat-y left 30px; }
#body { width:600px; }
#body #slide { margin-left:-10px; margin-right:-10px; text-align:center; width:480px; height:300px; }
	#body p.slide img { border:2px solid black; }
#header { height:80px; width:600px; background:url(header02.png) no-repeat center top; }
	#header a { width:600px; height:60px; position:absolute; left:0; top:0; }
#footer { height:15px; }

.menu { position:relative; top:-20px; overflow:hidden; width:600px; margin:-10px auto -10px 10px; z-index:200; }
	.menu a { float:left; display:block; padding:4px 8px; margin:5px 5px 0 0; color:black; border:1px solid black; background:white; text-decoration:none; }
	.menu a:hover { background-color:#676767; color:white; }
	
.previewmenu { position:relative; padding:10px; }
	.previewmenu a { float:left; color:black; text-decoration:underline; padding:2px 4px; }
	.previewmenu a:hover { background:black; color:white; text-decoration:none; }
	.previewmenu a.active { background:white; color:black; text-decoration:none; }

.pane1 { position:relative; width:280px; margin:0 310px 0 10px; }
.panefull { position:relative; margin:0; padding:10px; }

.logo { position:absolute; left:299px; top:-10px; width:415px; height:498px; background:url(sotc-logo.png) no-repeat left top; }
.jesus { position:absolute; right:0px; bottom:-35px; width:300px; height:559px; background:url(jesus-face2.png) no-repeat left top; border-top:1px solid black; border-left:1px solid black; }
.photos { position:absolute; width:244px; height:131px; right:10px; bottom:679px; background:url(sotc-photos.jpg) no-repeat left top; }
.preview { position:absolute; width:244px; height:132px; right:10px; bottom:535px; background:url(sotc-preview.jpg) no-repeat left top; }
	.preview img, .photos img { border:1px solid black; }
	.preview a:hover img, .photos a:hover img { border-color:red; }
p.subtitle { font-size:14px; margin:0 0 25px 0; text-align:center; }

.thanks { position:relative; margin:0 auto 10px auto; width:200px; padding:4px 8px; border:1px solid #AC8A63; background:#C5AE92; color:black; font-size:11px; }

form#rsvp { position:relative; width:400px; margin:0 auto; font-size:11px; padding:10px; border:1px solid #505050; background:#242424; }
	form br { position:relative; width:100%; clear:both; }
	form#rsvp label { position:relative; margin:7px 7px 0 0; }
	form#rsvp label.fl { float:left; clear:left; width:130px; }
	form#rsvp .inpmed { float:left; width:200px; border:1px solid #505050; margin:7px 7px 0 0; }
	form#rsvp .inpsmall { float:left; width:50px; margin:7px 7px 0 0; }
	form#rsvp input.btn { border:1px solid #505050; background:white; }
		form#rsvp input.btn:hover { background:#535353; color:white; }
	form#rsvp p { margin:7px 0; }
		form#rsvp p label { line-height:14px; display:block; padding:0; margin:0;  }
		form#rsvp p.fl select { width:130px; float:left; clear:left; margin:4px 0 0 0; border:1px solid #505050; }
	form#rsvp .reserved { position:relative; clear:both; padding:0 0 5px 5px; margin:0 0 5px 0; }
		form#rsvp .reserved ul { position:relative; float:left; margin:0; padding:0 0 0 12px; list-style:none; width:80px; }
		form#rsvp .reserved ul li { padding:0; margin:3px 0 0 0; }
		form#rsvp .reserved ul li strong { border:1px solid #505050; background:black; padding:1px 5px; margin:0 3px 0 0; }
		form#rsvp .reserved ul li strong.some { background:white; color:black; }

iframe, .map img { border:2px solid black; margin-left:10px; }
.map { text-indent:0; }