@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #242424;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

A:link {color: #961B1E; text-decoration: none}
A:visited {color: #961B1E; text-decoration: none}
A:active {color: #961B1E; text-decoration: none}
A:hover {color: #961B1E; font-weight:bold;}

#subcont_top {
	background-image: url(../img/layout/middle_main.png);
	background-repeat: no-repeat;
	position: relative;
	height: 639px;
	width: 754px;
}
#subcont_bot {
	background-image: url(../img/layout/bottom_mid22.png);
	position: relative;
	height: 195px;
	width: 593px; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
}
#event_details {
	background-image: url(../img/layout/event_details.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 40px;
	width: 133px;
	left: 14px;
	top: 9px;
}
#cp_subcont_bot {
	background-image: url(../img/layout/cp_mid_bot.png);
	position: relative;
	height: 119px;
	width: 597px; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#photo_holder {
	position: absolute;
	height: 546px;
	width: 688px;
	top: 63px;
	left: 34px;
	z-index: 2;
}
#frame_holder {
	position: absolute;
	height: 546px;
	width: 688px;
	top: 63px;
	left: 34px;
	z-index: 3;
	background-image: url(../img/layout/picture_frame.png);
}
#frame_holder2 {
	position: absolute;
	height: 546px;
	width: 688px;
	top: 63px;
	left: 34px;
	z-index: 3;
	background-image: url(../img/layout/image_sub.png);
}
#foliage_tr {
	background-image: url(../img/layout/top_right_vine.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 4;
	height: 207px;
	width: 324px;
	left: 457px;
	top: -63px;
}
#wrap_text {
	background-image: url(../img/layout/text_frame.png);
	position: absolute;
	z-index: 4;
	height: 574px;
	width: 715px;
	left: -13px;
	top: -14px;
}
#inner_content {
	position: relative;
	z-index: 5;
	height: 546px;
	width: 688px;
}
#floral_bot_left {
	background-image: url(../img/layout/bot_left_flowers.png);
	position: absolute;
	z-index: -1;
	height: 147px;
	width: 172px;
	left: -123px;
	top: 581px;
}
#floral_bot_right {
	background-image: url(../img/layout/bot_right_flowers.png);
	position: absolute;
	z-index: -1;
	height: 194px;
	width: 225px;
	left: 706px;
	top: 546px;
}
#dot_container {
	position: absolute;
	top: 229px;
	z-index: -2;
	width: 100%;
	left: 0px;
}
#dot_top {
	background-image: url(../img/layout/bg_dots_top.png);
	background-repeat: repeat-x;
	height: 20px;
}
#dot_middle {
	background-image: url(../img/layout/bg_dots.png);
	background-repeat: repeat;
	height: 250px;
	position: relative;
}
#text_left {
	background-image: url(../img/layout/whitebl_short.png);
	background-repeat: repeat;
	position: absolute;
	height: 210px;
	width: 298px;
	left: 33px;
	top: 21px;
}
#login {
	background-image: url(../img/layout/loginbg.png);
	position: absolute;
	height: 218px;
	width: 305px;
	left: 201px;
	top: 87px;
}
#cpbgl {
	background-image: url(../img/layout/cpanel_bg.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 30;
	height: 519px;
	width: 349px;
	top: 21px;
	left: -14px;
}
#cpbgr {
	background-image: url(../img/layout/cpanel_bg.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 30;
	height: 519px;
	width: 356px;
	top: 21px;
	left: 350px;
}
#text_right {
	background-image: url(../img/layout/whitebl_long.png);
	height: 434px;
	width: 278px;
	position: absolute;
	left: 360px;
	top: 21px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#seevideo {
	position: absolute;
	cursor: pointer;
	top: 402px;
}
#tag_line {
	font-size: 80%;
	color: #FFFFFF;
	position: absolute;
	left: 36px;
	top: 11px;
	width: 442px;
	text-align: left;
}
#title {
	font-size: 110%;
	color: #FFFFFF;
	position: absolute;
	left: 22px;
	top: 30px;
	width: 442px;
	text-align: left;
}
#details_content {
	position: absolute;
	left: 19px;
	top: 42px;
	height: 79px;
	width: 559px;
	margin: 0px;
	padding: 0px;
}
#details_content2 {
	position: absolute;
	left: 19px;
	top: 19px;
	height: 79px;
	width: 559px;
	margin: 0px;
	padding: 0px;
}
#container {
	width: 754px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#dot_bot {
	background-image: url(../img/layout/bg_dots_bot.png);
	position: relative;
	height: 20px;
	width: 100%;
}
#logout_main {
	position: relative;
	width: 570px;
	top: -3px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

