@import "reset.css";
@import "navigation.css";
@import "content.css";
@import "footer.css";


body {
	font:75% Arial, Trebuchet ms, Helvetica, sans-serif;
	width:100%;
	min-width:980px;
	height:100%;
	color:ffffff;
	text-align: center;
	background:url(../images/structure/bg-img.jpg) top center no-repeat;
	background-color:#000c17;
}
h1 {
	font:bold 140% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#ffffff;
	margin:0 0 13px 0;
	line-height:110%;
	text-align:left;
}
h2 {
	font:bold 140% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#8acefb;
	margin:0 0 13px 0;
	text-align:left;
}
h3 {
	font:bold 130% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#ffffff;
	margin:0 0 13px 0;
	text-align:left;
}
h4 {
	font:bold 120% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#ffffff;
	margin:0 0 13px 0;
	text-align:left;
}
h5 {
	font:bold 110% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#ffffff;
	margin:0 0 13px 0;
	text-align:left;
}
h6 {
	font:bold 105% Helvetica, Arial, Trebuchet ms, sans-serif;
	color:#ffffff;
	margin:0 0 13px 0;
	text-align:left;
}

p {
	color:#ffffff;
	margin:0 0 14px 0;
	line-height:1.3em;
	font-size:90%;
}

ul {
	color:#ffffff;
	list-style-type:disc;
	margin:0 0 14px 24px;
}

ol {
	color:#ffffff;
	list-style-type:decimal;
	margin:0 0 14px 27px;
}

a {
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	color:#f00000;
}



.floatLeft { float:left; }

.floatRight { float:right; }

.wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
}








/* HOMEPAGE CONTENT AREA */	
	
.homepageArea {
	width:901px;
	margin:18px 0 0 14px;
	padding:0 0 0 0;
	display:block;
	float:left;
}

.homepageLeft {
	width:671px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.homepageRight  {
	width:214px;
	float:right;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	display:none;
}

 #featurecolumn {
 width:214px;
	float:right;
	margin:0 0 0 15px;
	padding:0 0 0 0;
 
 
 }
 
 
 .footer {
 
 display:none;
 }
 
 
 #voucher-area{
	

 }
  #voucher-area #boxes{
width:398px;
float:left;

 }
 
  #voucher-area #boxes h3 ,   #voucher-area #registerdiv h3{
color:#FFF;
text-indent:10px;
font-size:1.2em;
margin-bottom:25px;
background:#313131;
padding:6px 0px;
 }
 
   #voucher-area #boxes input{
width:auto;

 }
 
    #voucher-area #boxes label{

font-weight:bold;
 }

 
   #voucher-area #registerdiv{
width:480px;
float:left;
margin-right:5px;
margin-bottom:30px;
 }
 
 .line22 {
 height:1px;
 border-top:1px dotted #FFF;
 margin-bottom:10px;
 }
 
 .errors {
 color:#f00000;
 }
 
   .errors ul  {
 margin:0px;
 padding:0px;
  color:#f00000;
 list-style-position:inside
 }
  .errors ul li {
 margin:0px;
 padding:0px;
  color:#f00000;
  font-weight:bold;
  list-style-position:inside
 }
/* HOMEPAGE CONTENT AREA END */	










/* MASTER CONTENT AREA */	
	
.contentArea {
	width:901px;
	margin:0 0 0 14px;
	padding:0 0 0 0;
}

.contentLeft {
	width:214px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.contentMiddle {
	width:442px;
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	color:#ffF;
}

.contentMiddleTxt {
	margin:12px 0 0 0;
	padding:0 0 0 0;
	color:#FFF;

}

.contentMiddle h2.headerLinks { font:normal 140% Helvetica, Arial, Trebuchet ms, sans-serif; color:#ffffff; margin:0 0 1px 0; padding:8px 0 6px 10px; background:url(../images/structure/bg-title-blue.gif) top left repeat-x; background-color:#0090f3; display:block; }


.contentRight {
	width:214px;
	float:right;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}

/* MASTER CONTENT AREA END */













/* BLACK BOX */	
	
.blackBox {
	position:relative;
	width:928px;
	background:url(../images/structure/bg-box-black.png) top center repeat;
	text-align:left;
	margin:0 auto;
	margin-bottom:15px;
}

.blackBoxBottom {
	position:relative;
	width:928px;
	background:url(../images/structure/bg-box-black.png) top center repeat;
	text-align:left;
	margin:0 auto;
	margin-bottom:15px;
	padding-bottom:14px;
}

/* BLACK BOX END */	

	
	
	
	
	
	
	
/* HEADER */	
	
.header {
display:none;
	position:relative;
	width:901px;
	background:url(../images/structure/bg-header.gif) bottom center repeat-x;
	background-color:#ffffff;
	text-align:left;
	margin:0 0 0 14px;
	padding:0 0 20px 0;
}

ul.navigation {
display:none;}
.logo {
	margin:14px 0 0 22px;
	padding:0 0 0 0;
	float:left;
}

/*   HEADER END   */


form.contact label , form.memlogin label , form.profile label{
	float:left;
	width:200px;
	*width:180px;
	color:#FFF;
	margin-bottom:3px;
		height:18px;
		line-height:2.0em;}
form.memlogin label {width:100px;}
	
form.contact input , form.contact select , form.contact textarea  , form.memlogin input , form.profile input {
	float:right;
	width:200px;
	color:#000;
	margin-bottom:3px;
		height:18px;
	}
	form.profile input {
	float:left;
	margin-bottom:1px;
	
	}
	
 form.memlogin input  {width:195px; float:left; color:#000;}
	
 form.contact textarea {min-height:100px;}
	
form.contact select {
	width:204px;
	*width:206px;}
	
form#jobsform select    {
	width:204px;
	*width:206px;
	float:left;}

form.contact input#mailing_list {
	width:auto;
	float:left;}

form.contact select {
	height:22px;
	color:#2089d2;

}

form.contact .mini_caption {
	float:left;
	width:200px;
	color:#FFF;
	margin-bottom:3px;} 

form.contact .mini_caption2 {
	float:left;
	width:100px;
	color:#FFF;
	margin-top:6px;
	margin-left:3px;} 
.radiocont {
	float:right; 
	width: 210px;
	 color:#FFF; 
	 float:right;}
.clearline {
	height:1px;
	width:100%;
	clear:both;}

.clearline2 {
	margin:10px 0px;
	width:100%;
	height:1px;
	clear:both;}
	
	
	
form.contact input.button , form#jobsform input.button  , form.memlogin input.button  {
		background:url(../images/structure/bgenquiry.gif) bottom center no-repeat;
		border:none;
		height:24px;
		width:200px;}
	form#jobsform input.button {
	margin-top:5px;}
	
	form.memlogin input.button {
	background:url(../images/structure/login.gif) bottom center;
	
	float:left; clear:both;
	margin:5px 0px;
	margin-left:100px;
	}
	

/*   New Styles */

ul.newsteps {
width:100%;
background:url(../images/structure/stepsarrows.gif) top left no-repeat;
list-style:none;
padding:0px;
margin:0px;
float:left;
margin-bottom:15px;}

ul.newsteps li {

list-style:none;
padding:0px;
margin:0px;
width:164px;
height:56px;
background:url(../images/structure/stepsbg.gif) top right no-repeat;
float:left;
margin-right:19px;
display:inline;
text-align:center;
font-size:1.4em;
padding-top:16px;

}

ul.newsteps li span {

display:block;
padding-right:7px;
*padding-right:5px;
padding-top:15px;
*padding-top:17px;
}

ul.newsteps li.first span {

display:block;
padding-right:5px;
*padding-right:7px;
padding-top:6px;

}



ul.newsteps li.last{

margin:0px;}

ul.newsteps li.active{

background:url(../images/structure/stepsbg.gif) top left no-repeat;}

ul.newsteps li.first{

padding-top:6px;
height:68px;}

.clubbox {
background:url("../images/structure/bg-home-form.gif") repeat-x scroll left top #0093FA;
float:left;
margin-right:10px;


padding:10px;
width:195px;
}
.clubbox2 {width:410px;  min-height:100px;  float:left; background:#0093FA url(../images/structure/bg-home-form.gif) repeat-x scroll left top; padding:10px; margin-top:10px;}
.clubbox3 {background:#0093FA url(../images/structure/bg-home-form.gif) repeat-x scroll left top; float:left; padding:10px; }

.pbox {
background:none repeat scroll 0 0 #424242;
float:left;
margin-bottom:15px;
margin-top:10px;
padding:10px;
width:422px;
}
.pbox .container { 
float:left; clear:both; background:#787878; width:414px; margin-bottom:5px; padding:4px;}

.pbox .container img { 
float:left; margin-right:6px;}


.formrow input , .formrow label , .formrow select {float:left;  margin-bottom:2px;}
.formrow {clear:both; }
.formrow select {margin-right:3px;}
.formrow label {width:180px; color:#FFF; font-weight:bold;}
.formrow label span {font-size:0.8em;}
.button22  { background:#e03a3e; border:1px solid #FF0000;   margin:6px 0px; color:#FFF; font-weight:bold; float:left; clear:both; }
#button2 { background:#32383d; border:1px solid #000; margin-left:4px;   color:#FFF; font-weight:bold; float:left; margin-top:1px; font-size:1.1em; *padding:3px; }

.clubbox span , .clubbox2 span , .clubbox3 span {
width:90px; font-weight:bold; float:left;
}

#errors {color:#b00646; font-weight:bold; background:#FFF; list-style-position:inside; padding:10px; margin:0px; padding:0px; margin-bottom:10px;}
#errors li {padding:2px;}


.confbox {
border-bottom:1px dotted #FFF; padding:5px 0px; float:left; clear:both; width:330px;
}

p.date {margin:10px 0px;}

ul.pagination {list-style:none; padding:0px; margin:0px; float:right; clear:both;}

ul.pagination li { float:left; }
ul.pagination li.inactive , ul.pagination li.inactive2 { float:left;  background:#0080dc; display:block; padding:4px; margin-right:2px; }
ul.pagination li a{ display:block;  font-weight:bold; list-style:none;  background:#0080dc; display:block; padding:0px; margin:0px;padding:4px; margin-right:2px;}

ul.pagination li a.next , ul.pagination li a.previous {background:#5e5e5e;}


/* SCROLLY STUFF YUM YUM NICE */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 880px;
	height:180px;
	margin-left:8px
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
cursor:pointer;
float:left;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:18px;
	height:90px;
	background:#FFF;
	float:left;
	margin-top:47px;
	cursor:pointer;
	font-size:12px;
	overflow:hidden;
}

/* right */
a.right 				{ background:url(../images/arrowright.gif) right center no-repeat; text-indent:-9999px;}
a.right:hover 		{ background:url(../images/arrowrighthover.gif) right center no-repeat; }
 


/* left */
a.left				{background:url(../images/arrowleft.gif) right center no-repeat; text-indent:-9999px;} 
a.left:hover  		{ background:url(../images/arrowlefthover.gif) right center no-repeat; }


/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.contentMiddle table.bmichart {
color:#FFF;
width:100%;
margin:10px 0px;
border-collapse:0;
border-spacing:0;
border:1px #FFF solid;}

.contentMiddle table.bmichart tr{
	border-bottom:1px dashed #CCC;}

.contentMiddle table.bmichart td{
padding:4px;border-bottom:1px #FFF dashed; border-right:0;}

.row7 {
clear:both;
float:left;
margin-bottom:2px;
width:455px;
}

.row7bot {
clear:both;
float:left;
margin-bottom:12px;
width:455px;
}

/*.membersfeature {
width:214px;
float:right;
background:#000;}*/

form.register label{
	float:left;
	width:200px;
	*width:200px;
	color:#FFF;
	margin-bottom:3px;
	height:18px;
	line-height:2.0em;}

	
	form.register input {
	float:right;
	width:200px;
	color:#FFF;
	margin-bottom:3px;
		height:18px;
	}
	form.register input {
	float:left;
	margin-bottom:1px;
	
	}

form.register .checkbox{
	float:left;
	clear:both;
	margin-top:-37px;
	
}

form.register .checkbox2{
	float:left;
	clear:both;
	margin-top:-18px;
}

form.register .button{
	background:url(../images/sbmtbnt.gif) top left no-repeat;
	cursor:pointer;
	margin:0 2px 0 0;
	border:0;
	outline:0;
	width:91px;
	height:24px;
	float:right;
}

.formrow {
clear:both;
margin:0;
padding:0;}


.formrow LABEL{
	float:left; width:200px;}


form.voucher label{
	float:left;
	width:200px;
	*width:200px;
	color:#FFF;
	margin-bottom:3px;
	height:18px;
	line-height:2.0em;}

	
	form.voucher input {
	float:right;
	width:200px;
	color:#000;
	margin-bottom:3px;
		height:18px;
	}
	form.voucher input {
	float:left;
	margin-bottom:15px;
	
	}
	
	form.voucher strong {
		color:#FFF;}

form.voucher .checkbox{
	float:left;
	clear:both;
	margin-top:-37px;
	
}

form.voucher .checkbox2{
	float:left;
	clear:both;
	margin-top:-18px;
}

form.voucher .button{
	background:url(../images/sbmtbnt.gif) top left no-repeat;
	cursor:pointer;
	margin:0 2px 0 0;
	border:0;
	outline:0;
	width:91px;
	height:24px;
	float:right;
}