

@charset "utf-8";
/* CSS Document */

/*//////////////////////////////
// HTML ELEMENTS
//////////////////////////////*/
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
body {
	background: #222 url(../images/backgrounds/gradient_black01.jpg) top left repeat-x;
	color: #fff;
}
h1 {
	display: none;
}
a:hover {
	text-decoration: none;
	color: #ffdd8f;
}

a:link, a:visited, a:active {
	color: #ffc249;
}
a:link, a:visited, a:active {
	color: #ffc249;
}

form legend {
	color: #fff;
	font-weight: bold;
}

#content_sidebar .sidebar_box a:link, #content_sidebar .sidebar_box a:visited, #content_sidebar .sidebar_box a:active {
	color: #9eb0e0;
}
#content_sidebar .sidebar_box a:hover {
	color: #d6e6ff;
}





/*//////////////////////////////
// MAIN ELEMENTS
//////////////////////////////*/
div#background {
	width: 100%;
	height: 100%;
}
div#outer_container {
	width: 920px;
	margin: 0 auto;
}
div#inner_container {
	width: 100%;
	height: 100%;
}
div#top {
	position: relative;
	width: 100%;
	z-index: 9999;
}
div#top_bar {
	position: absolute;
	display: block;
	width: 360px;
	right: 0;
	top: 0;
	text-align: right;
	z-index: 9999;
}
div#header {
	position: relative;
	width: 100%;
	height: 138px;
}
div#logo {
	position: absolute;
	width: 180px;
	height: 120px;
	margin-top: 8px;
}
div#logo img {
	border: none;
}
div#header div#decorative {
	display: none;
	right: 0;
	top: 50px;
	width: 400px;
	height: 100px;
	/*background: url(../../../../../repository/images/klife_logo_small.gif) top right no-repeat;*/
}
div#header div.contact_info {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 600px;
	font-size: .8em;
	text-align: right;
	color: #fff;
}
div#header div.contact_info a:link {
	color: #fff;
}
div#header div#decorative {
	display: none;
	position: absolute;
}

div#navigation {
	width: 100%;
	height: 50px;
	margin: 0 auto 20px auto;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}





/*//////////////////////////////
// FEATURE
//////////////////////////////*/
div#content_splash {
	display: block;
}
div#splash_sidebar {
	position: relative;
	float: left;
	width: 220px;
	height: 410px;
	background-color: transparent;
	z-index: 1;
}
div#splash_main {
	float: right;
	width: 680px;
	height: 410px;
}

div#splash_main div.display_area {
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
}
div#splash_main div.display_area div.display_box {
	text-align: center;
}
div#splash_sidebar div.sidebar_area {
	display: block;
	margin: 0;
}
div#splash_sidebar div.sidebar_area div.sidebar_box {
	margin: 0 auto;
}
div#splash_sidebar div.sidebar_area div.sidebar_box div.block1 {
	position: absolute;
	top: 0;
	left: 0;
}
div#splash_sidebar div.sidebar_area div.sidebar_box div.block2 {
	position: absolute;
	top: 143px;
	left: 0;
}
div#splash_sidebar div.sidebar_area div.sidebar_box div.block3 {
	position: absolute;
	bottom: 0;
	left: 0;
}
div#splash_sidebar div.sidebar_area div.sidebar_box img {
	display: block;
	margin: 0;
	border: none;
}

div#content_main {
	width: 680px;
	height: 80px;
	margin-top: 21px;
	background: #111;
}





/*//////////////////////////////
// CONTENT
//////////////////////////////*/
div#content_container {
	width: 100%;
}
div#content_separator {
	clear: both;
}
div#content_text {
	position: relative;
	clear: left;
	width: 100%;
	margin: 0;
}
div#content_main {
	float: right;
	width: 680px;
}
div#content_main div.main_inner {
	padding: 0 0 15px 0;
}
div#content_extra {
	display: none;
	float: left;
}
div#content_title {
	height: 35px;
	padding-left: 24px;	border: none;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#content_main div.main_inner td.spacer_cell {
	padding-bottom: 25px;
}





/*//////////////////////////////
// SIDEBAR
//////////////////////////////*/
div#content_sidebar {
	float: left;
	width: 220px;
	min-height: 95px;
}
div#content_sidebar div.sidebar_inner {
	margin-bottom: 20px;
	background-color: transparent;
}
div#content_sidebar div.sidebar_box {
	padding: 12px;
}
div#content_sidebar div.sidebar_title {
	margin-bottom: 6px;
	padding: 4px 0 0 0;
	border: none;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
div#content_sidebar div.download_header {
	font-size: .85em;
	font-weight: bold;
}





/*//////////////////////////////
// FOOTER
//////////////////////////////*/
div#bottom_container {
	clear: both;
	position: relative;
}
div#bottom_container div.footer {
	position: relative;
	width: 100%;
	height: 60px;
	margin-top: 30px;
	font-size: .8em;
}
div#copyright {
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
}
div#company_info {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	text-align: right;
}

div#bottom_container a:link, div#bottom_container a:visited, div#bottom_container a:active {
	color: #fff;
}
div#bottom_container a:hover {
	text-decoration: none;
}





/*//////////////////////////////
// EVENT STYLES
//////////////////////////////*/
div.event {
	margin-top: 20px;
	clear: both;
}

div.event h4.event_name {
	margin-top: 0;
	padding-top: 5px;
	border-top: dashed 1px #000;
}

div.event div.date {
	float: left;
	width: 70px;
	height: 39px;
	margin: 0 10px 0 0;
	padding: 0px;
	padding-top: 12px;
	border: 3px solid #636469;
	background: #77787c;
}

div.event div.date p.month {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	text-decoration: underline;
	color: #fff;
}

div.event div.date p.day {
	height: 36px;
	font-weight: bold;
	font-size: 34px;
	margin: 0;
	text-align: center;
	font-family: Palatino, serif;
	display: block;
	background: #fff;
	padding-top: 3px;
	color: #000;
}

div.event p.name {
	font-size: 18px;
	margin: 5px 0;
}

div.event p.comments {
	margin: 10px;
}





/*//////////////////////////////
// CALENDAR STYLES
//////////////////////////////*/
table.calendar {margin: 0 auto 20px auto; border: 0; color: white; font-family: Arial, Helvetica, sans-serif;}
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 7pt;}
table.calendar td {width: 28px; height: 10px; font-size: 9pt;}
table.calendar .calendar-month {width: 100%; font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center;}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: #aaaaff; text-align: center;}
table.calendar td.linked-day a {color: #0080d7;}

table.prevnext {width: 100%; margin-top: .3em;}
table.prevnext td{
	font-size: smaller;
}
table.prevnext td a{text-decoration: none}





/*//////////////////////////////
// MESSAGES
//////////////////////////////*/
div.Error {
	width: 450px;
	min-height: 22px;
	clear: left;
	background: #ffe8e8 url(../../images/error_bg.png) center center no-repeat;
	margin: 10px auto;
	padding: 6px 0 6px 0;
	border: solid 1px #ff0000;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	vertical-align: middle;
}

div.Info {
	width: 450px;
	min-height: 22px;
	clear: left;
	background: #def4d9 url(../../images/info_bg.png) center center no-repeat;
	margin: 10px auto;
	/*position: absolute;
	top: 192px;
	margin: 0;
	margin-left: 224px;*/
	padding: 6px 0 6px 0;
	border: solid 1px #006600;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	color: #000;
	vertical-align: middle;
}





/*//////////////////////////////
// MISCELLANEOUS
//////////////////////////////*/
#page_description .verbage {
	margin-top: 10px;
	margin-bottom: 10px;
}
#page_description .last_verbage {
	min-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #000;
}

.page_separator {
	clear: left;
	margin-bottom: 20px;
	border-top: solid 1px #777;
}

div#content_sidebar div.donate_verbage {
	padding: 0 4px 15px 4px;
	font-size: .75em;
}
div#content_sidebar div.donate_verbage div.headline {
	margin-bottom: 3px;
	font-size: 1.1em;
	font-weight: bold;
}


.form {
	margin-left: 0;
	margin-right: 0;
}
.form .form_header2 {
	border-bottom: solid 1px #fff;
	color: #fff;
}


ul#cart_navigation {
	width: 100%;
	font-size: 11px;	
	height: 40px;
	margin: 0 0 20px 0;
}

ul#cart_navigation li {
	float: left;
	height: 40px;
	width: 60px;
	margin: 0 5px 0 0;
	line-height: 40px;
	font-size: 90%;
	text-align: center;
	list-style: none;
}

ul#cart_navigation li a {
	height: 40px;
	width: 60px;
	display: block;
	line-height: 69px;	
	text-decoration: none;
}

ul#cart_navigation li a#view_cart {
	background: transparent url(../images/ICON_cart.jpg) top center no-repeat;
}

ul#cart_navigation li a#checkout {
	background: transparent url(../images/ICON_checkout.jpg) top center no-repeat;
}

ul#cart_navigation li a#empty_cart {
	background: transparent url(../images/ICON_empty_cart.jpg) top center no-repeat;
}


form#checkout_form {
	margin: 20px 0 0 0;
	display: block;
}
form#checkout_form input.text_input {
	display: block;
}
form#checkout_form textarea, form#checkout_form select {
	display: block;
}

span.req {
	color: #dd0000;
}