/* CSS Document */
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,a
{ margin:0; padding:0; border: 0;}
html, body {
	background: #E7E7F7 url('images/bg_body_y_tile.gif') top center repeat-y;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
}
a img,:link img,:visited img { border:none; }
.clearer {float: none; clear: both; line-height: 0; }
/**/
#header {
	width: 790px;
	height: 65px;
	overflow: visible;
	margin: 0 auto 0 auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #7B9CDD;
}
#easter_2007 {
	display: block;
	margin-top: 20px;
	width: 413px;
	height: 45px;
	position: relative;
	overflow: hidden;
	float: left;
	font-style: italic;
	color: #FFFFFF;
}
#easter_2007 span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute; left: 0; top: 0; z-index: 1;
	background: url('images/headers/easter_2007.gif') 0px 0px no-repeat;
}
#lutheranLogo {
	float: right;
	position: relative;
	top: 40px;
	right: 90px;
}
/**/
#nav {
	width: 790px;
	height: 103px;
	margin: 0 auto 0 auto;
	margin-left: auto;
	margin-right: auto;
	background: #7B9CDD url('images/bg_nav.gif') top left no-repeat;
}
#nav #buttons {
	height: 60px;
	padding-top: 43px;
}
#nav #buttons a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 60px;
	float: left;
	cursor: pointer;
}
#nav #buttons a span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
/**/
#middle {
	width: 750px;
	padding: 0 20px 0 20px;
	margin: 0 auto 0 auto;
	margin-left: auto;
	margin-right: auto;
	background: #67ACDE url('images/bg_middle_x_tile.jpg') top left repeat-x;
	font-family: Georgia, Times, serif;
	letter-spacing: 1px;
	line-height: 25px;
	color: #3F3F3F;
}
#createPhp #middle, #inputPhp #middle, #ecardPhp #middle {
	padding: 0 0 0 14px;
	width: 776px;
}
.middlefiller {
	width: 0;
	height: 425px;
	font-size: 0;
	line-height: 0;
	float: right;
}
#jesus_stripe {
	width: 100%;
	height: 100%;
	background: url('images/bg_stripe_y_tile.gif') 462px 0px repeat-y;
}
#createPhp #jesus_stripe, #inputPhp #jesus_stripe, #ecardPhp #jesus_stripe {
	background: url('images/bg_stripe_y_tile.gif') 468px 0px repeat-y;
}
#jesus {
	width: 100%;
	height: 100%;
	background: url('images/bg_jesus.jpg') 364px 0px no-repeat;
	padding-top: 25px;
}
#createPhp #jesus, #inputPhp #jesus, #ecardPhp #jesus {
	background: url('images/bg_jesus.jpg') 370px 0px no-repeat;
}
/**/
#ecard_container {
	width: 750px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #C0D7EB;
	border: 1px solid #72899d;
	float: left;
}
#ecardPhp #ecard_container, #inputPhp #ecard_container {
	height: 500px;
}
#createPhp #ecard_container {
	height: 650px;
}
#ecard {
	width: 750px;
	padding: 0;
}
#ecardPhp #ecard, #inputPhp #ecard {
	height: 500px;
}
#createPhp #ecard {
	height: 650px;
}
/**/
#middle a {
	color: #3778B2;
}
#middle a:hover {
	color: #7B9CDD;
}
#middle h2 {
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: 2px;
}
/**/
#right_panel {
	width: 200px;
	float: right;
	width: 230px;
	padding: 5px 10px 5px 10px;
	margin: 40px 0 0 0;
	background-color: #84b2d9;
}
#right_panel h4 {
	background: url('images/bg_underline_1_x_tile.gif') bottom left repeat-x;
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF; 
	text-decoration: none;
}
#right_panel p {
	padding-bottom: 6px;
}
#right_panel p a {
	font-size: 14px;
	color: #444444;
	text-decoration: none;
}
#right_panel a:hover {
	text-decoration: underline;
	color: #567199;
}
/**/
#left_panel {
	width: 450px;
	float: left;
}
#h2_welcome {
	display: block;
	width: 154px;
	height: 37px;
	position: relative;
	overflow: hidden;
	font-size: 24px;
	color: #FFFFFF;
	margin-bottom: 3px;
}
#h2_welcome span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute; left: 0; top: 0; z-index: 1;
	background: url('images/headers/welcome.gif') 0px 0px no-repeat;
}
#p_welcome {
	width: 430px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 18px;
	background-color: #92b6d6; 
}
#h3_ecards_for_easter {
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding-left: 10px;
}
#div_ecards_for_easter {
	width: 430px;
	padding: 5px 10px 5px 10px;
	background-color: #86b5da; 
}
#div_ecard_screenshot {
	display: block;
	float: left;
	padding: 5px;
	background-color: #c0d7eb;
	border: 1px solid #72899d;
	margin: 5px 10px 5px 0;
}
#btn_create_ecard {
	display: block;
	position: relative;
	overflow: hidden;
	height: 28px;
	width: 202px;
	cursor: pointer;
	margin-top: 10px;
}
#ecardPhp #btn_create_ecard {
	float: none;
	clear: both;
}
#btn_create_ecard span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url('images/btn_create_ecard.gif') 0px 0px no-repeat;
}
/**/
#devotion {
	width: 430px;
	padding: 5px 10px 5px 10px;
}
#devotion h3 {
	font-size: 19px;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin: 8px 0 8px 0;
	background: url('images/bg_underline_2_x_tile.gif') bottom left repeat-x;
	padding-bottom: 3px;
}
#devotion p {
	margin-top: 10px;
}
#devotion p.date {
	margin-top: 0;
	color: #BFD5FF;
	font-size: 11px;
	line-height: 20px;
}
#devotion p.intro {
	color: #000000;
}
#devotion a {
	color: #3F3F3F;
	text-decoration: none;
}
#devotion a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#devotion ul {
	list-style-position: inside;
}
#devotion a#archiveLink {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
}
#devotion a#archiveLink:hover {
	color: #3F3F3F;
}
/**/
#audioWrap {
	width: 450px;
	float: left;
	margin: 10px 0 0 -10px;
}
#audioWrap h2 {
	margin-left: 10px;
}
#audioPlayer {
	width: 399px;
	height: 333px;
}
/**/
#middle a.belowFlash {
	display: block;
	float: none;
	clear: both;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 10px;
}
#middle a.belowFlash:hover {
	color: #3171AE;
}
#middle .ecardSent a {
	color: #FFFFFF;
}
/**/
#footer {
	width: 790px;
	margin: 0 auto 20px auto;
	margin-left: auto;
	margin-right: auto;
	background: #7B9CDD url('images/bg_footer.gif') top left no-repeat;
	color: #6783A5;
	letter-spacing: 2px;
	height: 100px;
	font-size: 11px;
}
#footer p {
	padding: 80px 0 0 460px;
}
