/* 
##  dreikelvin CSS Framework 2.0 
##  
##  Author & Copyright: Robert Jung 2007
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "KBB" - Keep Bermuda Beautiful
##
##
*/

/* ## XHTML basis elements ############################ start # */

body, html {
	
	margin:0;
	padding:0;
	
}

body {
	
	background-color:#98B622;
	
}

.hidden {

	display:none;

}


/* ## XHTML basis elements ########################### end ### */



/* ## main elements ################################## start # */

#mainwrapper {

	margin:0 auto;
	padding:0;
	width:775px;
	overflow:hidden;
	background-color:#fff;
	overflow:hidden;

}

#sitebody {
	
	margin:0;
	padding:0;
	float:left;
	width:765px;
	border-top:7px solid #0C7513;
	position:relative;
	left:5px;
	
}

#header {
	
	margin:0;
	padding:0;
	float:left;
	width:765px;
	height:234px;	
	background: url(img/header.jpg) no-repeat transparent;
	overflow:hidden;

}


#header-sub, #header-feature {
	
	margin:0;
	padding:0;
	float:left;
	width:765px;
	height:96px;	
	background: url(img/logo.gif) no-repeat transparent;
	overflow:hidden;
	border-bottom:8px solid #98B622;

}

* html #header-sub, * html #header-feature {

	height:102px;	

}

#header-feature {

	border-bottom: 8px solid #E9EBD0;

}

#index {

	padding:0;
	margin:0;

}

#index a:link, #index a:active, #index a:visited {
	
	margin:0;
	padding:0;
	float:left;
	width:250px;
	height:94px;
	position:relative;
	z-index:1000;

}

#index a:link span, #index a:active span, #index a:visited span {

	display:none;

}

#intro {

	margin:0;
	padding:12px;
	clear:both;
	height:234px;
	width:515px;
	
}

#content {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background-color:#fff;
	
}

.column-1 {

	margin:0;
	padding:0;
	float:left;
	width:100%;
	overflow:hidden;

}



.column-2 {

	margin:0;
	padding:0;
	float:right;
	width:508px;
	overflow:hidden;
	position:relative;
	top:5px;

}

.column-3  {
	margin:0;
	padding:0px 0px 20px;
	float:left;
	width:252px;
	overflow:hidden;
	background-color:#E9EBD0;
	position:relative;
	top:5px;
/*	height: 640px; */
}


.column-4  {

	margin:0;
	padding:0;
	float:left;
	width:253px;
	overflow:hidden;
	background-color:#E9EBD0;

}


.column-5 {

	margin:0;
	padding:0;
	float:right;
	width:512px;
	overflow:hidden;

}

.column-6  {

	margin:0;
	padding:0;
	float:left;
	width:253px;
	overflow:hidden;

}


#footer {

	margin:0px 0px 5px 0px;
	padding:0;
	clear:both;
	width:100%;
	height:19px;
	background-color:#0C7513;
	border-bottom:5px solid #fff;
	text-align:center;
	position:relative;
	top:5px;

}

#footer ul {
	
	margin:0;
	padding:2px 0px;
	display:block;
	list-style-type:none;
	
}

#footer ul li {

	margin:0;
	padding:0px 5px;
	display:inline;
	
}

#credit {
	
	margin: 5px auto;
	width:775px;

}

#credit span {
	
	display:none;

}

/* ## main elements ################################## end ### */



/* ## element "main navigation" ###################### start # */

#main-nav {

	margin:0;
	padding:10px 0px 0px 0px;
	height:90px;
	float:right;
	list-style-type:none;
	overflow:hidden;

}

#main-nav li {

	margin:0;
	padding:0;
	display:inline;

}



/* ## element "main navigation" ###################### end ### */

/* ## element "feature" ############################## start # */

.feature, .feature-last {

	margin:5px 4px 0px 0px;
	padding:0;
	width:252px;
	height:146px;
	float:left;
	overflow:hidden;

}

.feature-last {

	margin:5px 0px 0px 1px;

}

.feature img, .feature-last img {

	border:none;

}



#feature-nav {

	padding:0;
	margin:0;
	width:511px;
	float:left;
	list-style-type:none;
	position:relative;
	top:-26px;
	left:254px;

}

* html #feature-nav {

	left:8px;

}

#feature-nav li {

	margin:0;
	padding:0;
	float:left;
	border-left:4px solid #fff;
	height:24px;

}

/* ## element "feature ############################### end ### */

/* ## element "side navigation" ###################### start # */

.side-nav {

	padding:0;
	margin:0;
	width:100%;
	float:left;
	list-style-type:none;

}


.side-nav li{

	padding:0px 0px 0px 19px;
	margin:0;
	display:block;
	width:100%;
	background: url(img/side-nav-bullet.gif) no-repeat transparent;

}

.side-nav li.active {

	background-color:#fff;

}



/* ## element "side navigation" ###################### end ### */

/* ## element "box-1" ################################ start # */

.box-1, .box-1 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-1 .box-content .text{

	margin:0;
	padding:10px;

}

/* ## element "box-1" ################################ end ### */

/* ## element "box-3" ################################ start # */

.box-3, .box-3 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-3 .box-content .text{

	margin:0;
	padding:10px;

}

/* ## element "box-3" ################################ end ### */

/* ## element "box-4" ################################ start # */

.box-4 {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-4 .box-content {

	margin:10px 10px 50px 10px;
	background: url(img/quote-a.png) no-repeat transparent;

}

.box-4 .box-content .text {

	margin:0;
	padding:25px 20px 0px 35px;
	background: url(img/quote-b.png) no-repeat transparent;
	background-position: 100% 100%;

}

/* ## element "box-4" ################################ end ### */

/* ## element "box-5" ################################ start # */

.box-5, .box-5 .box-content {

	margin:0;
	padding:0;
	width:100%;
	float:left;

}

.box-5 .box-content .text{

	margin:0;
	padding:5px;

}

/* ## element "box-5" ################################ end ### */

/* ## element "box-6" ################################ start # */

.box-6, .box-6 .box-content {

	margin:0;
	padding:0;
	width:300px;
	float:left;

}

.box-6 .box-content .text{

	margin:0;
	padding:10px;

}

/* ## element "box-6" ################################ end ### */

/* ## element "box-7" ################################ start # */

.box-7, .box-7 .box-content {

	margin:0;
	padding:0;
	width:205px;
	float:left;

}

.box-7 .box-content .text{

	margin:0;
	padding:0;

}

/* ## element "box-7" ################################ end ### */

/* ## element "special-box" ########################## start # */

.special-box {

	margin:0;
	padding:0;
	width:490px;
	float:left;
	border-right: 2px solid #EAECD2;
	border-bottom: 2px solid #EAECD2;

}

.special-box .text{

	margin:0;
	padding:5px;
	width:468px;
	border:1px solid #98B622;
	float:left;

}

* html .special-box .text {

	width:490px;

}

/* ## element "special-box" ########################## end ### */

/* ## forms ########################################## start # */

#kbb-join {

	padding:0px;
	margin-top:5px;
	width:99%;
	border:1px solid #98B622;
	float:left;

}

#radio-invite-1, #radio-invite-2 {

	padding:5px;
	margin:5px 0px 0px 0px;
	width:20px;
	float:left;
	clear:both;

}

* html #radio-invite-1, * html #radio-invite-2 {

	margin:0;

}

#label-radio-invite-1, #label-radio-invite-2 {

	margin:0;
	padding:5px;
	float:left;
	width:90%;

}

#select-title {

	margin:0;
	padding:3px;
	border:1px solid #98B622;
	background-color:#f7f7f7;

}

#input-name, #input-name-2 {

	margin:0;
	padding:3px;
	width:150px;
	border:1px solid #98B622;
	background-color:#f7f7f7;

}

#input-street, #input-town, #input-parish, #input-country, #input-postal {
	
	margin:0;
	padding:3px;
	width:300px;
	border:1px solid #98B622;
	background-color:#f7f7f7;


}

#input-hometel, #input-worktel, #input-fax, #input-email {
	
	margin:0;
	padding:3px;
	width:150px;
	border:1px solid #98B622;
	background-color:#f7f7f7;


}

#select-title:focus, #input-name:focus, #input-name-2:focus,
#input-street:focus, #input-town:focus, #input-parish:focus, #input-country:focus, #input-postal:focus,
#input-hometel:focus, #input-worktel:focus, #input-fax:focus, #input-email:focus {

	background-color:#fff;

}

table.table-form tr td label {

	display:block;
	width:100%;
	text-align:right;

}

#submit-register, #submit-clear {

	margin:0;
	padding:2px;
	background-color:#0C7513;
	color:#fff;
	border:none;
	font-weight:bold;

}

#submit-register:hover, #submit-clear:hover {

	background-color:#98B622;

}
#flashvideo {
	text-align: center;
	clear: left;
	width: 252px;
	margin: 0px;
	padding: 0px;
}
img.leftimg {
	margin: 0px;
	padding: 8px 10px 10px 0px;
	float: left;
}



/* ## forms ########################################## end ### */


/* ## text formatting ################################ start # */


.text, #footer, .box-bottom {

	font-family: arial, verdana, helvetica, sans;

}

.text hr {

	width:100%;
	border:none;
	height:1px;
	background: url(img/hr.gif) repeat-x transparent;
	clear:both;

}

.column-3 h2 {

	padding:4px;
	margin:0;
	font-family: arial, verdana, helvetica, sans;
	font-weight:bold;
	font-size:8pt;
	display:block;
	background-color:#0C7513;
	color:#fff;

}

.column-2 h2 {

	padding:17px 0px 14px 5px;
	margin:0;
	font-family: arial, verdana, helvetica, sans;
	font-weight:bold;
	font-size:13pt;
	text-transform:uppercase;
	display:block;
	background: url(img/header-column-2.gif) no-repeat transparent;
	color:#fff;

}

.column-5 h2 {

	padding:70px 0px 10px 10px;
	margin:0;
	font-family: arial, verdana, helvetica, sans;
	font-weight:normal;
	font-size:26pt;
	color:#fff;
	display:block;
	height:26px;
	width:100%;
	overflow:hidden;
	background: url(img/column-5-h2.gif) no-repeat #0C7513;
	background-position:100% 0%;
	
}

* html .column-5 h2 {
	
	height:106px;

}


.column-3 .text {

	font-family: arial, verdana, helvetica, sans;
	font-size:8pt;
	padding:5px;

}


.column-3 .text p {

	padding:5px 0px 10px 0px;
	margin:0;

}

.box-1 .text, .box-6 .text, .box-7 .text {

	font-size:8pt;
	color:#525252;
	text-align:justify;

}

.box-3 .text {

	font-size:9pt;
	color:#0C7513;
	text-align:justify;

}

.box-3 .text p {

	margin:0;
	padding:0px 0px 10px 0px;

}

.box-5 .text p {

	padding:0px 0px 10px 0px;

}

.box-5 .text img {

	padding:0px 10px 10px 0px;
	float:left;

}

.box-1 .text img, .box-6 .text img , .box-7 .text img  {

	margin:0px 10px 10px 0px;
	float:left;
	border:0px solid #0C7513;

}

.box-1 .text small, .box-´6 .text small, .box-7 .text small {

	color:#878787;
	padding:5px 0px;
	display:block;

}

.box-1 .text h3, .box-6 .text h3, .box-7 .text h3   {

	padding:0;
	margin:0;
	font-size:18pt;
	color:#0C7513;

}

.box-1 .text h3 strong, .box-6 .text h3 strong,  .box-7 .text h3 strong  {

	font-size:20pt;

}

.box-1 .text p, .box-6 .text p, .box-7 .text p {
	padding:0px 0px 10px 0px;
	margin:0;

}

.box-1 .text hr, .box-6 .text hr, .box-7 .text hr {

	padding:10px 0px 0px 0px;
	border-top:1px solid #98B622;
	background:none;

}

.box-3 .text {

	color:#0C7513;

}


.box-3 .text img {

	padding:0px 10px 10px 0px;
	float:left;
	border:none;

}

.text p.get-this {

	width:140px;
	height:50px;
	display:block;
	float:right;

}

.text p.get-this img {

	margin-right:50px;
	padding:0;

}

#intro {

	font-family: arial, verdana, helvetica, sans;
	font-size:15pt;
	color:#fff;

}

#main-nav li {

	font-family: arial, verdana, helvetica, sans;
	font-size:10pt;
	color:#0C7513;

}


#feature-nav li {

	font-family: arial, verdana, helvetica, sans;
	font-size:11pt;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;

}

.side-nav li {

	font-family: arial, verdana, helvetica, sans;
	font-size:9pt;
	font-weight:bold;
	color:#0C7513;

}

.box-4 .box-content .text {

	color:#0C7513;
	font-size:11pt;
	font-weight:bold;

}

.box-4 .box-content .text p.member {
	
	padding:0px 20px 0px 0px;
	font-size:9pt;
	text-align:right;

}

.sub-img {

	margin:0;
	padding:0;

}

.box-2 h3 {

	margin:-5px 0px 0px 0px;
	padding:2px 0px 2px 19px;
	display:block;
	font-family: arial, verdana, helvetica, sans;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	background: url(img/side-nav-bullet-b.png) no-repeat #98B622;

}

.box-2 h3.sub-title {

	padding:2px 10px 3px 10px;
	display:block;
	background:none;
	background-color:#98B622;
	line-height:11pt;

}

* html .box-2 h3.sub-title {

	height:20px;

}

.box-2 h4 {

	margin:0;
	padding:2px 0px 2px 19px;
	float:left;
	width:100%;
	height:17px;
	font-family: arial, verdana, helvetica, sans;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	background: url(img/side-nav-bullet-b.png) no-repeat #0C7513;

}

.box-2 h3.collapsed, .box-2 h4.collapsed {

	margin:0;
	padding:1px 0px 0px 19px;
	border:none;
	background: url(img/side-nav-bullet-c.gif) no-repeat #98B622;

}

.box-1 .text h4 {

	margin:10px 0px 0px 0px;
	padding:5px;
	float:left;
	width:480px;
	background-color:#0B6D12;
	color:#fff;
	font-size:8pt;

}

.box-1 .text .special-box h4 {

	padding:0;
	margin:0;
	width:460px;
	font-size:16pt;
	font-weight:normal;
	color:#0C7513;
	background-color:#fff;

}





.box-1 table {

	margin:0;
	padding:10px 0px;

}

.box-1 table.table-form {

	float:left;
	width:100%;

}

.box-1 table.table-form-b {
	margin:0px;
	float:left;
	width:100%;

}

* html .box-1 table.table-form-b {
	
	margin:0px 60px;
	float:left;
	width:50%;

}

.box-1 table tr.alt{

	background-color:#FFFFCC;

}

.box-1 table tr:hover{

	background-color:#E9EBD0;
	cursor:pointer;

}

.box-1 table tr td {

	margin:0;
	padding:5px;
	text-align:left;
	color:#0C7513;
	font-size:8pt;

}

.box-1 table.table2 tr td {

	margin:0;
	padding:5px;
	text-align:left;
	color:#000;
	font-size:8pt;
	cursor:default;

}

.box-1 table.table-b tr td {

	margin:0;
	padding:5px;
	text-align:left;
	color:#0C7513;
	font-size:8pt;

}

.box-1 table.table-form tr td {

	margin:0;
	padding:2px;
	text-align:left;
	color:#525252;
	font-size:8pt;

}

.box-1 table.table-form-b tr td {

	margin:0;
	padding:2px;
	text-align:left;
	color:#525252;
	font-size:8pt;
	border-right:4px solid #fff;

}

.box-1 table.table-form-b tr td.alt {

	background-color:#FFFFCC;

}
.box-1 table.table-b tr:hover, .box-1 table.table-b tr:hover td, .box-1 table.table-form-b tr td.alt:hover{
	background-color:#E9EBD0;
	cursor:pointer;
}
table input.textfield {
	width: 300px;
	border: 1px solid #CCCCCC;
}
table textarea.textarea {
	height: 120px;
	width: 300px;
	border: 1px solid #CCCCCC;
}


.list-nav {

	margin:0;
	padding:0;
	float:right;
	list-style-type:none;
	
}

.list-nav li {

	margin:0;
	padding:2px 0px 2px 2px;
	float:left;
	
}

.text img.no-border {

	border:none;

}

.text img.float-right {

	padding:0;
	margin:0px 0px 10px 10px;
	float:right;

}

.quotation {

	margin:0;
	padding:0;
	float:right;
	display:block;
	width:195px;
	background: url(img/quote-c.gif) no-repeat transparent;

}

.quotation .quotation-text {

	margin:0;
	padding:30px 20px;
	background: url(img/quote-d.gif) no-repeat transparent;
	background-position:100% 100%;

}


#footer {

	color:#fff;
	text-transform:uppercase;
	font-size:8pt;

}


.float-left {

	float:left;

}

.float-right {

	float:right;

}

.centered {

	text-align:center;

}

/* ## text formatting ################################ end ### */

/* ## link formatting ################################ start # */

a:link, a:active, a:visited {
	
	text-decoration:none;
	
}

.text a:link, .text a:active, .text a:visited {

	color:#0C7513;

}

.text a:hover {

	color:#000;

}

.text   ul {margin-left: 2.5em; padding-left: 0;}   

table td label.space_label {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 12px;
	width: 107px;
}


#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited {

	color:#0C7513;

}


#main-nav li.active a:link, #main-nav li.active a:active, #main-nav li.active a:visited {

	text-decoration:underline;
	color:#98B622;

}

#main-nav li a:hover, #main-nav li.active a:hover {

	text-decoration:underline;
	color:#000;

}

p.get-this a:link, p.get-this a:active, p.get-this a:visited {

	font-weight:normal;

}

#feature-nav li a:link, #feature-nav li a:active, #feature-nav li a:visited {

	padding:2px 0px;
	color:#fff;
	background-color:#0C7513;
	display:block;
	width:162px;
	height:16px;
	border:2px solid #0C7513;
	text-align:center;

}

#feature-nav li a:hover {

	padding:2px 0px;
	color:#0C7513;
	background-color:#fff;
	display:block;
	width:162px;
	height:16px;
	border:2px solid #0C7513;

}

* html #feature-nav li a:link, * html #feature-nav li a:active, * html #feature-nav li a:visited {

	width:165px;
	height:20px;

}

* html #feature-nav li a:hover {

	height:20px;

}

#feature-nav li.active a:link, #feature-nav li.active a:active, #feature-nav li.active a:visited {

	padding:2px 0px;
	color:#0C7513;
	background-color:#E9EBD0;
	display:block;
	width:161px;
	height:20px;
	border:2px solid #E9EBD0;
	text-align:center;

}

#feature-nav li.active a:hover {

	background-color:#E5E7C7;
	border:2px solid #E5E7C7;

}

* html #feature-nav li.active a:link, * html #feature-nav li.active a:active, * html #feature-nav li.active a:visited {

	height:50px;

}

#footer a:link, #footer a:active, #footer a:visited {

	color:#fff;

}



.side-nav li a:link, .side-nav li a:active, .side-nav li a:visited {

	padding:2px 5px;
	display:block;
	width:100%;
	color:#0C7513;
	background: url(img/hr.gif) repeat-x transparent;
	background-position: 0% 100%;

}

.side-nav li.last a:link, .side-nav li.last a:active, .side-nav li.last a:visited {

	background: none;

}

.side-nav li a:hover {

	color:#98B622;

}

.box-2 h3 a:link, .box-2 h3 a:active, .box-2 h3 a:visited,
.box-2 h4 a:link, .box-2 h4 a:active, .box-2 h4 a:visited {

	color:#fff;

}

.box-2 h3.collapsed a:link, .box-2 h3.collapsed a:active, .box-2 h3.collapsed a:visited,
.box-2 h4.collapsed a:link, .box-2 h4.collapsed a:active, .box-2 h4.collapsed a:visited {

	padding:0px 5px;
	display:block;
	color:#fff;
	background-color:#0C7513;

}

.box-2 h3.active a:link, .box-2 h3.active a:active, .box-2 h3.active a:visited,
.box-2 h4.active a:link, .box-2 h4.active a:active, .box-2 h4.active a:visited {

	padding:2px 5px;
	display:block;
	color:#0C7513;
	background-color:#fff;

}

#footer a:hover {

	color:#98B622;

}


#credit a:link, #credit a:active, #credit a:visited {

	display:block;
	float:right;
	width:20px;
	height:20px;
	background: url(img/maven.gif) no-repeat transparent;	

}

.errmsg {

	color:#ff0000;
	font-weight: bold;
	font-size:9pt;

}
/* color for reCaptcha box */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#0C7513 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #0C7513 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #0C7513 !important; //Text input field border color
   background-color:#0C7513 !important; //Text input field background color
 }

/* ## link formatting ################################ end ### */







/* ## image caching ################################## start # */



/* ## image caching ################################## end ### */