/*-------------UpFront General styles --*/
body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:10pt;
	font-family:Verdana;
	background: #FFFFFF;
	color:#242424;
                height:100%;
}
body,div,dl,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a {    text-decoration:none;
	color: #E95A0C;
}
body a:visited, a:active {color: #E95A0C; text-decoration: none;}

body a:hover {	
	color: #eea400;
	background-color:#FFFFFF;
	text-decoration:none;
}
p {	margin:.4em 0 .8em 0;
	padding:.5em 0 0 0;
	color:#242424;
}
body img {
	margin:0;
	border:0;
}
#header-wrap { 
	clear:both;
	float:left;
	width:100%;
	height:200px;
	background: #E95A0C; /* header background colour */
	overflow: visible;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
}
#content-wrap { 
	clear:both;
	float:left;
	width:100%;
	overflow: visible;
	font-size:10pt;
	font-family:Verdana;
	background: #FFFFFF; /* content background colour */
	color:#242424;
	height:100%;
}

#content-wrap table {  
	/* These tables have a subtle relationship with the fckeditor - see the styles in the fckeditor row and be careful!*/
	border-collapse: collapse;
           	padding-right:5px;
           	padding-left:5px;	
            	font-size:10pt;
	font-family:Verdana;
}
#content-wrap td {
           	padding-right:5px;
           	padding-left:5px;	
}
#content-wrap th {      
           	padding-right:5px;
           	padding-left:5px;	
}


#header table {margin:0;width:100%;padding: 0;border: 0;border-collapse: collapse;}
#header tr,th,td,td img{margin:0;padding:0;border:0;}  

#footer-wrap { 
	clear:both;
	bottom: 0; 
	left: 0; 
	width:100%;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
	background: #FFFFFF;/* footer background colour */
}
#column-wrap { 
	clear:both;
	/* float:33em 9px 25.6%;  These next 3 lines do a float center */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	min-height:100px; /* must have a height property or the colours don't work but set to less than the columns*/
	background: #FFFFFF;/* right column background colour */
	position: relative;
	overflow: hidden;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
  	height:100%;
            /*  border: 3px solid red; -- example - for a border around your columns */
}

#slideshow-wrap { 
	display: none;
	background-color:#DDDDDD;
}

#slideshow-placeholder { 
	display: block;
	background-color:#DDDDDD;
}

#header {
	clear:both;
	float:33em 9px 25.6%; /* These next 3 lines do a float center */
	margin-left: auto;margin-right: auto;
	margin-top:0;
	width:1000px;
	height:200px;
	background: #242424;
	color:#E95A0C; /* This one is calculated to be the right contrast for the header color*/
	overflow: visible;
}
#header p {
	margin:0;
	background: #242424;
	color:#E95A0C; /* This one is calculated to be the right contrast for the header color*/
}

.float-left{float:left;margin:3px 10px 5px 0;}

/* Some logo stylest */
#logo{float:left;height:200px;width:260px;background-color:#f2f2f2;}
#logo img{margin:73px 0 0 21px;}
#headerimages{float:left;height:200px;width:740px;}
#headerimage1{float:left;border-right:3px solid white;}
#headerimage2{float:left;}
.clear{clear:both;}
/*-------------UpFont Header styles -----------------------------*/
H1 {margin-top: 24px; font-weight: normal; font-size:150%; margin-bottom: 12px;padding-bottom: 0px; line-height: normal; padding-top: 0px; width: 95%;text-align:left; color:#E95A0C;}	
H2 {margin-top: 24px; font-weight: bold; font-size: 90%; margin-bottom: 0px;text-align:left;}
H3 {margin-top: 0px; font-weight: bold; font-size: 10pt; margin-bottom: 0px;text-align:left;color:#E95A0C;}
H4 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;text-align:center;}
H5 {margin-top: 0px; font-weight: normal; font-size: 120%; line-height:135%;margin-bottom:15px;}	

/*-------------UpFront Column Settings -----------------------------*/
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	background: yellow;
		
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	background: #FFFFFF;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/*no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	
}
.colonlyone {			/* only one column displayed */
	float:left;
	position:relative;
	padding:2em;	
	min-height:100%;
	background: #FFFFFF;
	width:95%;
}
	
.veryplain {		/* only one column displayed, no formatting except the basics (used for faded window)*/
	float:left;
	position:relative;
	padding:2em;	
	background: #FFFFFF;
	color: #242424;
	min-width:300px;
}	/*-------------UpFront Threecol Column Settings -----------------------------*/
.threecol {		
	color:#242424;
	background:  #FFFFFF;	/* right column background colour */
	min-height:100%; /* must have a height property or the colours don't work */
}
.threecol .colmid {
	right:20%;			/* width of the right column */
	background: #FFFFFF;			/* center column background colour */
	color: #242424;
	min-height:100%; 				/* must have a height property or the colours don't work */
}

.threecol .colmid  p{
	color: #242424;
}


.threecol .colleft {	
	right:60%;			/* width of the middle column */
	color:#242424;
	background: #FFFFFF;			/* left column background colour */
	min-height:100%;				 /* must have a height property or the colours don't work */
}
.threecol .col1 {					/*This is the centre column */
	width:56%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	background: #FFFFFF;
	padding-top: 10px;
	color: #242424;
}


.threecol .col2 {					/*This is the left column */
	width:16%;			/* Width of left column content (column width minus padding on either side) */
	left:26%;
	padding-top: 10px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    	  background: #FFFFFF;
}
.threecol .col3 {					/*This is the right column */
	width:16%;			/* Width of right column content (column width minus padding on either side) */
	left:90%;			/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */	
	padding-top: 10px;
	padding-left: 4px;
	background: #FFFFFF;
}
	/*-------------UpFront  2 Column Settings -----------------------------*/

.twocol {		
	color:#242424;
	background:  green;
	height 100%; 		
	min-height:20px; 		/* must have a height property or the colours don't work - but less than the columns */
}

.twocol .colmid {
	/*right:20%;	*/		/* width of the right column */
	background: yellow;		/* right or left column background colour - this will be swapped by code tocorrect value 
						depending if we are centre + right or left plus centre*/
	color:#242424;
	min-height:100%; 		
	height 100%; 				/* must have a height property or the colours don't work */
}


#coloneoftwo {	/* this is the left column for a left and  main display */
	float:left;
	text-align:left;
	border-right:10px;
	width:16%;
	background-color: #FFFFFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;

}

#coltwooftwo {	/* this is the maincolumn for a left and  main display */
	float:right;
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:72%;
	background-color:#FFFFFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	/*be careful of changing the padding here as it can mess up the columns */	
	padding: 2em;
}

#colthreeoftwo {	 /* this is the main column for a main and right display */
	float:left;
	text-align:left;
	border-right:10px;
	width:72%;
	background-color: #FFFFFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;
}

#colfouroftwo {	 /* this is the right column for a main and right display */
	float:right;
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:16%;
	background-color:#FFFFFF;
	color:#242424;
	min-height:100%; 
	height: 100%;
	padding: 2em;
	padding-bottom: 0;
}/*-------------Amended Footer styles --------------------------*/

#footer {
	clear:both;
	float:left;
	width:100%;
	background-color:#E95A0C;
	color:#242424;
	z-index: 3;
}
#footer p {
	padding:10px;
	margin:0;
	background-color:#E95A0C;
	color:#242424;
}
/*-------------Amended Navigation Menu  --------------------------*/
#navleft, #navleft ul { /* all lists */
	padding: 0;
	margin: 5;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0.5em;
	margin-bottom : 1em;
	list-style: none;
	float : left;
	width : 100%;
        font-weight: normal;
	z-index: 500;
	font-size: 110%;
	background-color:#FFFFFF;
}
#navleft li { /* all list items */
	position : relative;
	float : left;	
	line-height : 1.6em;
	margin-bottom : -1px;
	width:10em;
	background-color:#FFFFFF;	
	color: #242424;
	padding: 2px 2px 2px 0px;	
}
	
#navleft li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 10.05em;
	margin-top : -1.35em;
	background-color:#FFFFFF;
	color: #242424;	
	border-style: solid;
	border-width: 1px 2px 3px 1px;
	border-color: #000000 ;
}
#navleft li ul li a { /* mh added for second-level lists */
 	font-weight : normal;
 	color: #242424; 
	text-decoration: none;
}
#navleft li ul ul { /* third-and-above-level lists */
	left: -999em;
	background-color:#FFFFFF;
}

#navleft  li a {
	width: 9em;				
	display : block;
	color: #242424;
	background:#FFFFFF;
	font-weight : normal;
	text-decoration : none;
	padding : 2 0em;
}
#navleft li a:hover {
	color : #E95A0C;	;			
	background-color : #FFFFFF; 
}	
#navleft li:hover ul ul, #navleft li:hover ul ul ul, #navleft li.sfhover ul ul, #navleft li.sfhover ul ul ul {
	left: -999em;
	z-index: 510;
	}	
#navleft li:hover ul, #navleft li li:hover ul, #navleft li li li:hover ul, #navleft li.sfhover ul, #navleft li li.sfhover ul, #navleft li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 510;
	}
#navleft  .current a{
	background: #FFFFFF; 
	color : #E95A0C ;
}
#navleft  .notcurrent a{
	background:#FFFFFF;; 
	color : #242424 ;
}
#content {
	margin-left : 12em;
}/*-------------UpFront Gallery classes */
 .slideshow {
 	text-align:center;
	height:330px;/* 300 image + 10 margin + 10 margin + 5 border + 5 border */
	width:330px;
	display: block;
 	 vertical-align: middle ;
	background-color:#DDDDDD;
}
 .slideshow img {
	margin:10px;
	border: 5px solid #DDDDDD;
	border-width: 5px;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery { /*background-color: #C0C0C0;*/
		/*background-color: pink;*/
		padding: 0px;
		margin: 0px;
		width: auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul li a img {
		border: 5px solid #C0C0C0;/* gray default */
		color: #fff;
		background-color : #E95A0C; 
	}
	#gallery ul li a:hover img {
		border: 5px solid; 
		border-color:   #E95A0C;
		color: #fff;
	}
	
ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}
/*-------------UpFront FCKEDitor classes -----------------------*/
.fcolcenter 	 {	/*Style the centre area */
			background: #FFFFFF;
			margin-left:30px;	}
	

.fcolleft		 {	/*Style the left column area */
			 background: #FFFFFF;
			margin-left:30px;	 }

.fcolright		 {	/*Style the right column area */
			background: #FFFFFF; 
			margin-left:30px;	}

.fcolcenter  table 	{	border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}
		

.fcolleft		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}
.fcolright		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}/* ----------- UpFront Player Profile CSS ---------------------*/
.profile {border: 1px solid #555555; width: 158px}
.profileitem {border: 1px; background-color:white;} 
.profileitem p {border: 0; text-align: left; margin:0 0 .8em 0;padding:.5em 0 0 .6em;}
.profileitem img{border: 1px solid #313733; }
.profileitem table {border: 0;}
.profileitem table td {padding-left:5px; padding-top:10px; font-style: normal;}
.profileitem .caption {padding-left:5px; padding-top:8px; font-size:60%; font-style: normal; font-weight: bold; text-align: left;} //------------- Header Image Handling ------------------------*/
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}  /* old Gardyne Holt*/

body,div,fieldset,{margin:0;padding:0;}  /* get padding right  */
fieldset,img{border:0;}  /* takes border away from clubhub logo   */
#headerwrap{width:100%;background-color:#e95a0c;clear:both;}  /* the orange outsides  - may not be required for me */
#header{position:relative;width:1000px;height:200px;margin:0 auto;}  /* pushes good stuff to the right */
#logo{float:left;height:200px;width:260px;background-color:#f2f2f2;}  /* keeps both images in place */
#logo img{margin:73px 0 0 21px;}    /* keeps ch logo in place */
#headerimage1{float:left;border-right:3px solid white;}  /* keeps second smaller image in place */
/*-------------UpFront Search Results styles --------------------*/
#search_results{border: 0px; }

#search_input{border: 0px; }

#search_input .searchinput {  width:80px;}

input.searchbtn{
   font-weight: bold;
   background-color: Gray;
   color: #FFFFFF;
   background: #696969;
   FONT-SIZE: 8pt; 
   border: 3px solid;
   border-top-color:#A8A8A8;
   border-left-color:#A8A8A8;
   border-right-color:#5F7F7F;
   border-bottom-color:#5F7F7F;
   width:60px;
}

input.searchbtnhov{
   font-weight: bold;
   color: #000000;
   background: #FFCE30;
   FONT-SIZE: 8pt; 
   border:3px solid;
   border-top-color:#DD7700;
   border-left-color:#DD7700;
   border-right-color:#FFBB22;
   border-bottom-color:#FFBB22;
   width:60px;
}
/*-------------ClubHub Trial Access style --------------------*/
.trialaccess {border: 0px; background-color:white;} 
.trialaccess table {margin:1;padding: 1;border:1;border-collapse: collapse;}
.trialaccess table tbody {margin:1;padding: 1;border:1;}
.trialaccess tr,th,td, td img{margin:1;border:1;	color:#000000;FONT-SIZE: 8pt; padding-top:5px;padding-bottom:5px;padding-right:5px;padding-left:5px;}  

input.trialbtn{
   font-weight: bold;
   background-color: Gray;
   color: #FFFFFF;
  background: #696969;
   FONT-SIZE: 8pt; 
   border: 3px solid;
   border-top-color:#A8A8A8;
   border-left-color:#A8A8A8;
   border-right-color:#5F7F7F;
   border-bottom-color:#5F7F7F;
   width:140px;
}

input.trialbtnhov{
   font-weight: bold;
   color: #000000;
  background: #FFCE30;
   FONT-SIZE: 8pt; 
   border:3px solid;
   border-top-color:#DD7700;
   border-left-color:#DD7700;
   border-right-color:#FFBB22;
   border-bottom-color:#FFBB22;
  width:140px;
}
//-------------------------Icontact CSS -----------------------------*/
.link,
.link a,
.signupframe
{
	color: #0f1214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	.link,
	.link a {
		text-decoration: none;
		}
	.signupframe {
		border: 1px solid #f5750c;
		background: #ffffff;
		}
.signupframe .required {
	font-size: 10px;
	}