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

/* -- universal elements --- */
body {
	background-color: #ffffff;
	width: 900px;
	height:auto;
	margin: 3px auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #4f504f;
	font-size: 11px;
	line-height: 14px;
}

img {border: 0px;}

a, a:visited, a:hover, a img {border: 0px; text-decoration: none;}

#siteContainer {
	width: 900px;
	margin: 1px auto;
	text-align:left;
	padding: 0px;
}

.grntext { color: #0c4521;}

hr.line {
background-color:#3C913E;
border:0 none;
clear:both;
height:2px;
margin:10px auto;
width:97%;
}

.titleBar {
	background: #c9da2b url(images/grnArrow.jpg) top left no-repeat;
	padding: 12px 5px 5px 40px;
	height: 21px;
	color: #056b37;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 18px;
margin:5px 0;
}

.titleBartop {
	background: #c9da2b url(images/grnArrow.jpg) top left no-repeat;
	padding: 12px 5px 5px 40px;
	height: 21px;
	color: #056b37;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 18px;
margin:0 0 5px;
}

.titleBarMain {
	background: #c9da2b url(images/grnArrow.jpg) top left no-repeat;
	padding: 11px 5px 5px 40px;
	height: 21px;
	color: #056b37;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 18px;
margin-top:-4px;
}


/*---menu ---*/
#topMenuContainer {
	width: 100%;
	float: left;
	list-style: none;
margin: 0px;
	margin-bottom: 3px ;
	padding: 0px;
}

#topMenuContainer li {
	float: left;
	clear: none;
	margin: 0 5px 0 0;
	padding: 5px;
	border: solid 1px #0c4521;
	background-color: #c9da2b;
	height: 30px;
 width: 112px;
text-align:center;
}

#topMenuContainer li.extraPad {padding-top: 12px; height: 23px;} /*-- aligns single line menu items vertically --*/
#topMenuContainer li.lastOne {margin-right: 0px;padding-top: 12px; height: 23px;} /*-- fixes the last menu item --*/

#topMenuContainer li:hover, 
#topMenuContainer li.extraPad:hover, 
#topMenuContainer li.lastOne:hover 
{
border: solid 1px #4f504f;
background-color: #ffffff;
}

#topMenuContainer li a, 
#topMenuContainer li a:visited {
	color: #0c4521;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 13px;
vertical-align: middle;

 }
#topMenuContainer li a:hover {color:#4f504f;}


/* --- left column and sidebar items --- */
#leftColumnContainer {
	background-color: transparent;
	width: 215px;
	height:auto;
	float:left; clear:none;
	margin: -3px 5px 2px 0px;
	padding: 0px;
vertical-align: top;
}

.sideitemA {
	background-color: #056b37;
	padding: 0px;
	width: 100%;
	min-height:30px;
	margin:0px;
	margin-bottom: 5px;
	color: #fff9f7;
}

.sideitemA div.info {color: #fff9f7; display:table; width: 99%;}

   /* -- sign in form -- */
   
   #login { width: 200px; height: auto;}
   #login td { text-align:right; color: #fff9f7;}
   #login td a {text-decoration: underline; color: #fff9f7;}
   #login tr {vertical-align: middle}
   #login input {width: 120px; padding: 2px; color: #4f504f;
font-weight: bold;}
#login input.button {width: 70px;}

td.sideB {background-color: #dbdad9;}
.sideitemB {
	background-color: #dbdad9;
	padding: 5px 0;
	width: 100%;
	min-height:635px;
	margin:0px;
	margin-bottom: 7px;
	color: #4f504f;
	height: 100%;
}

.sideitemB div.info {padding: 8px; color: #4f504f;}
		.sideitemB div.info .date {font-weight: bold; color: #969797; font-size: 12px;}
		.sideitemB div.info .heading {font-weight: bold; color: #9f1d1f; text-transform:capitalize;}
		.moreinfo {text-align:center; width: 97%; border-bottom: solid 1px #fff9f7; padding: 0 0 8px 0;
			margin: 0px; color: #044d7c; }
		.moreinfo a, .moreinfo a:visited {font-weight:bold; color: #044d7c;
			text-decoration: underline; } 
		.moreinfo a:hover {color: #4f504f; }

.titleBarB {
	background: #4f504f url(images/greyArrow.jpg) top left no-repeat;
	padding: 2px 5px 0px 22px;
	height: 17px;
	color: #fff9f7;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 11px;
}

.miniBar {
	background: #fff101;
	padding:5px;
	height: 12px;
	color: #056b37;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 14px;
	margin:6px 0 8px 0;
	width: 80%;
	float:right;
	clear:both;
}

.dkgrnbox .miniBar-Two {
	background: #fff101;
	padding: 5px;
	height: 12px;
	color: #056b37;
	text-transform: uppercase;
	font-weight:bolder;
	font-size: 16px;
	margin: 10px;
	width: 80%;
}

.dkgrnbox .miniBar-Two a, .miniBar-Two a:visited {
color: #056b37;
text-decoration: none;
}

.dkgrnbox .miniBar-Two a:hover {
color: #4f504f;
text-decoration: underline;
}

table.sidebar {
	width: 98%; padding: 2px; margin: 2px;
}

table.sidebar td {padding: 3px;text-align:center;}
table.sidebar td span {
	padding: 2px;
	font-size: 12px;
	color:#ffff02;
	font-weight:bold;
	line-height: 15px;
}

.sideButton {
	background:url("images/side-buttonA.png") no-repeat scroll left top transparent;
clear:both;
float:right;
height:31px;
padding:0.45em 2px 0;
text-align:center;
text-transform:capitalize;
vertical-align:middle;
width:100px;
}
.sideButton:hover {background: url(images/side-buttonB.png) top left no-repeat;}

.sideButton a, .sideButton a:visited {
	color:#0C4521;
font-family:arial;
font-size:1em;
font-weight:bold;
line-height:11px;
}
.sideButton a:hover {color:#4f504f;}

.sideButton a.client, .sideButton a.client:visited {
	color:#0C4521;
font-family:arial;
font-size:0.85em;
font-weight:bold;
line-height:11px;
}
.sideButton a.client:hover {color:#4f504f;}

.sideButtonCenter {
background:url("images/side-buttonA.png") no-repeat scroll left top transparent;
clear:both;
float:left;
height:31px;
padding:0.45em 2px 0;
text-align:center;
text-transform:capitalize;
vertical-align:middle;
width:100px;
	margin-left: 50px;
}
.sideButtonCenter:hover {background: url(images/side-buttonB.png) top left no-repeat;}

.sideButtonCenter div {padding-top: 4px;}

.sideButtonCenter a, .sideButtonCenter a:visited {
	color:#0C4521;
font-family:arial;
font-size:1em;
font-weight:bold;
line-height:11px;
}
.sideButtonCenter a:hover {color:#4f504f;}

.sideButtonCenter a.client, .sideButtonCenter a.client:visited {
	color:#0C4521;
font-family:arial;
font-size:1em;
font-weight:bold;
line-height:11px;
}
.sideButtonCenter a.client:hover {color:#4f504f;}

img.coupon {margin:5px; text-align:center; vertical-align:middle;}


/* --- right column and all its elements --- */

#rightColumnContainer {
	background-color: transparent;
	width: 680px;
	height:auto;
	float:left;
	clear:none;
	margin: 2px 0px;
	padding: 0px;
}

td.maintd {background-color: #0c4521; }

.dkgrnbox  {
	background-color: #0c4521;
	padding: 15px;
	color: #fff9f7;
	margin: 0;
	font-size:13px;
	line-height: 18px;
	height: auto;
	width: 650px;
}

#withTop {min-height:850px;}
#withNoTop {min-height:894px;}

#tableDisplayWithTop {display:table; min-height:850px;}
#tableDisplayWithNoTop {display:table; min-height:894px;}

.dkgrnboxShort {
	background-color: #0c4521;
	padding:5px;
	color: #fff9f7;
	margin: 0;
	font-size:13px;
	line-height: 18px;
	height: auto;
}

.dkgrnbox tr {vertical-align: top;}
.dkgrnbox p, .dkgrnbox td {
	text-align: left;
	font-size:13px;
	line-height: 18px;
	color: #fff9f7; 
	font-weight: normal
}

.dkgrnbox span {
	text-align: left;
	font-size:13px;
	line-height: 18px;
	color: #c9da2b; 
	font-weight: bold;
}

.dkgrnbox span.yellowBold, 
.dkgrnbox .yellowBold {
	text-align: left;
	font-size:16px;
	line-height: 20px;
	color: #c9da2b; 
	font-weight: bold;
}

.dkgrnbox a, .dkgrnbox a:visited {
color: #c9da2b;
text-decoration: none;
}

.dkgrnbox a:hover {
color: #fff9f7;
text-decoration:underline;
}


.yellowbox {
	background-color: #c9da2b; 
	padding:0px; 
	color: #0c4521; 
	margin: 4px auto; 
	font-size:12px;
	line-height: 15px;
	overflow:hidden; 
}

.yellowbox td.group2 { text-align:left; color: #0c4521; width: 200px;}
.yellowbox td.group2 a {text-decoration: underline; color: #0c4521;}
.yellowbox tr {vertical-align: top}

.adContainer {margin: 0 0 4px 0; padding: 0px; background-color:#FFFFFF;}


/* ---- footer ---- */

#footer {
	padding: 3px;
	background-color: #5d823a;
	text-align: center;
	margin: 3px 0 4px 0;
	clear:both;
}

#footer a, #footer a:visited {
	color: #fff9f7;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
}

#footer a:hover {color: #c9da2b;}

#footerB {
	padding: 3px;
	background-color: transparent;
	text-align: center;
	margin: 3px 0 4px 0;
	clear:both;
}

#footerB a, #footerB a:visited {
	color: #4f504f;
	font-size: 10px;
	font-weight: normal;
	text-transform: capitalize;
}

#footerB a:hover {color: #5d823a;}

/* ------------------------ client area -------------------------------- */
#clientArea {
	background-color: #c9da2b;
	padding:5px 2px 0;
	margin: 0 0 5px;
	display:table;
width:896px;
}

/* --- client left and sidebar items --- */
.infotext {
	display:table; 
	width: 205px;
	background-color:#0c4521;
	padding: 5px;
	margin: 0;
	color: #fff9f7;
	text-align:left;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.navigation {
	background: url(images/client-area_kmcu-navigation.jpg) top left no-repeat;
	display:table;
height:64px;
margin:0 0 8px 8px;
width:215px;
}

.navigation img {
float:left; border: 0;
margin:17px 0 0 17px;
}

.navigation a img {
float:left; border: 0;
margin:-2px 0 0 -2px;
}

.navigation a {
clear:none;
float:left;
margin:20px 0 0 20px;
}

a.naviA, a.naviA:visited {
color:#FFFF02;
font-size:21px;
font-weight:normal;
line-height:22px;
}

a.naviA:hover {color:#fff9f7;} 


/* --- client right side items --- */
#clientArea #rightColumnContainer {
	background-color: transparent;
	width: 670px;
	height:auto;
	float:left;
	clear:none;
	margin: 2px 0px;
	padding: 0px;
}

.maincontent  {
	background-color: #0c4521;
	padding:10px;
	color: #fff9f7;
	margin: 0;
	font-size:13px;
	line-height: 18px;
	height: auto;
}

.maincontent a, .maincontent a:visited {
color: #fff9f7;
font-size:13px;
line-height: 18px;
font-weight: bold;
} .maincontent a:hover {color: #FFFF02;} 

.regYellow, .regYellow a, .regYellow a:visited {
	font-size:13px;
	line-height: 18px;
	color: #FFFF02; 
	font-weight: bold;
}.regYellow a:hover {color:#fff9f7;}

.bigYellow, .bigYellow a, .bigYellow a:visited {
	font-size:18px;
	line-height: 22px;
	color: #FFFF02; 
	font-weight: bold;
}.bigYellow a:hover {color:#fff9f7;}

.exBigYellow, .exBigYellow a, .exBigYellow a:visited  {
	font-size:24px;
	line-height: 23px;
	color: #FFFF02; 
	font-weight: bold;
} .exBigYellow a:hover {color:#fff9f7;}

.superYellow, .superYellow a, .superYellow a:visited  {
	font-size:32px;
	line-height: 31px;
	color: #FFFF02; 
	font-weight: bold;
} .superYellow a:hover {color:#fff9f7;}

.regMustard, .regMustard a, .regMustard a:visited  {
	font-size:13px;
	line-height: 18px;
	color: #c9da2b; 
	font-weight: normal;
}  .regMustard a:hover {color:#fff9f7;}

div.titleMustard {margin: 8px 0 6px;}
.titleMustard, .titleMustard a, .titleMustard a:visited  {
	font-size:13px;
	line-height: 18px;
	color: #c9da2b; 
	font-weight: bold;
	text-transform: uppercase;
}  .titleMustard a:hover {color:#FFFF02;}

.bigMustard, .bigMustard a, .bigMustard a:visited  {
	font-size:16px;
	line-height: 20px;
	color: #c9da2b; 
	font-weight: bold;
	margin-bottom:5px;
} .bigMustard a:hover {color:fff9f7;}

.smallWhite, .smallWhite a, .smallWhite a:visited  {
	font-size:10px;
	line-height: 12px;
	color: #fff9f7; 
	font-weight: normal;
}  .smallWhite a:hover {color:fff9f7;}

.exSmallWhite, .exSmallWhite a, .exSmallWhite a:visited  {
	font-size:8px;
	line-height: 11px;
	color: #fff9f7; 
	font-weight: normal;
}  .exSmallWhite a:hover {color:fff9f7;}

.maincontent table {width:99%;}
.maincontent tr {vertical-align:top}

.leftfloat {
float:left;
clear:none;
width: 49%;
padding:0;
margin:0;
}

.rightfloat {
float:right;
clear:none;
width: 50%;
padding:0;
margin:0;
}

.clearfloat {clear:both;}

.maincontent .sideButton {
	background:url(images/side-buttonA.png) no-repeat scroll left top transparent;
clear:both;
float:right;
height:31px;
padding:0.45em 2px 0;
text-align:center;
text-transform:capitalize;
vertical-align:middle;
width:100px;
}

.maincontent .sideButton:hover {background: url(images/side-buttonB.png) top left no-repeat;}

.maincontent .sideButton a, .maincontent .sideButton a:visited {
	color:#0C4521;
font-family:arial;
font-size:0.85em;
font-weight:bold;
line-height:11px;
}
.maincontent .sideButton a:hover {color:#4f504f;}

.maincontent .sideButtonCenter {
background:url(images/side-buttonA.png) no-repeat scroll left top transparent;
clear:both;
float:left;
height:31px;
padding:0.45em 2px 0;
text-align:center;
text-transform:capitalize;
vertical-align:middle;
width:100px;
	margin-left: 50px;
}

.maincontent .sideButtonCenter:hover {background: url(images/side-buttonB.png) top left no-repeat;}

.maincontent .sideButtonCenter a, .maincontent .sideButtonCenter a:visited {
	color:#0C4521;
font-family:arial;
font-size:0.85em;
font-weight:bold;
line-height:11px;
}
.maincontent .sideButtonCenter a:hover {color:#4f504f;}

/* --- forms --- */


.dkgrnbox form {
padding: 15px;
}

.dkgrnbox label {
float: left;
clear: left;
width: 100px;
padding: 2px;
margin: 0 5px 20px 5px;
}

.dkgrnbox input,
.dkgrnbox textarea {
float: left;
clear: none;
width: 450px;
padding: 2px;
margin: 0 5px 10px 5px;
}

.dkgrnbox input#promoCode {
width: 100px;
float: none;
}

.dkgrnbox label#events {
margin:0 5px 5px;
padding:2px;
width:300px;
}

.dkgrnbox .event {
margin:0 5px 10px 40px;
padding:2px;
width:275px; 
}

.dkgrnbox label.eventLoc {
margin:2px 0 0 -15px; padding:2px;
width:245px;
float: right;clear: right;
}

.dkgrnbox input.eventRadio {
margin: 5px 0 0 0;
padding:2px;
width:20px; float: left;
clear: none;
}

.dkgrnbox select {
float: left;
clear: none;
width: 450px;
padding: 4px;
margin: -40px 5px 10px 70px;
}

.dkgrnbox input:focus {
background-color: #ffff02;
opacity:0.8;
}


.dkgrnbox .attendees {
display: ;
}

.dkgrnbox .attendees label {
float: left;
clear: left;
width: 130px;
padding: 2px;
margin: 0 5px 10px 5px;
}

.dkgrnbox .attendees input {
float: left;
clear: none;
width: 180px;
padding: 2px;
margin: 0 5px 10px 5px;
}

.dkgrnbox .attendees label#positionAttendee1,
.dkgrnbox .attendees label#positionAttendee2, 
.dkgrnbox .attendees label#positionAttendee3, 
.dkgrnbox .attendees label#positionAttendee4,
.dkgrnbox .attendees label#positionAttendee5
{
float: right;
clear: none;
width: 60px;
padding: 2px;
margin: 0 5px 10px 5px;
}

.dkgrnbox .attendees input#positionAttendee1,
.dkgrnbox .attendees input#positionAttendee2, 
.dkgrnbox .attendees input#positionAttendee3, 
.dkgrnbox .attendees input#positionAttendee4,
.dkgrnbox .attendees input#positionAttendee5
{
float: right;
clear: none;
width: 180px;
padding: 2px;
margin: 0 5px 10px 5px;
}

.dkgrnbox .attendees .clearfloat {
height:25px;
}

.dkgrnbox #webCode {
float: left;
text-align: left;
clear:none;
margin: 0 0 10px 330px;
width: 150px;
}

.dkgrnbox input#CaptchaCode {
margin: 0 0 10px 0;
width:150px;
}

.dkgrnbox input#skip_CaptchaCode {
margin: 5px 0 10px 0;
width:150px;
}

.dkgrnbox #captchaPic {
float:left;
margin:5px 0;
text-align:right;
width:120px;
}

.dkgrnbox input#skip_Submit {
float: left;
text-align: left;
clear:both;
margin: 10px 0;
width:auto;
font-size: 14px;
padding:5px;
}

.dkgrnbox input.inputPercent {
text-align: right;
width: 150px;
}

.dkgrnbox .rasPercent {
width: 20px;
text-align:left;
float:left;
clear: none;
}

.hidden {
display:none;
}


/* ---- hol page --- */


/*#hol-video1 {
width: 278px;
}

#hol-video1 div {
text-align: center;
padding: 10px;
color:#056B37; 
}

#hol-video2 div {
text-align: center;
padding: 10px;
}

#hol-video2 div embed {
border: solid 2px #fff;}*/

#hol-video1 {
clear:none;
float:left;
height:auto;
margin:10px 5px 5px 5px;
width:300px; text-align: center;
}

#video-rotate{
clear:none;
float:left;
height:auto;
margin:0 0 0 -30px;
overflow:;
padding:0;
width:350px;
}

#video-rotate ul {list-style:none;}
#video-rotate ul li {display:none;}
#video-rotate ul li:first-child  {display:block;}


/*--- client page - index.html ---*/
ul#newcontent {
width: 100%; margin: 5px 0 0 -25px;
list-style: square;
}

ul#newcontent li {
padding: 5px 0 0 5px; width:97%;
}