/* CSS Document */

html {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  padding:0; /*remove padding */
  margin:0; /* remove margins */
  border:0; /* remove borders */
  background:#fff; /*color background - only works in IE */
  font-size:80%; /*set default font size */
  font-family:"century gothic", "trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow:hidden; /*get rid of scroll bars in IE */
  /* */
}

body {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  overflow:hidden; /*get rid of scroll bars in IE */
  padding:0; /*remove padding */
  margin:0; /* remove margins */
  border:0; /* remove borders */
}

b {font-weight:900;}

#content { 
  display:block; /* set up as a block */
  height:100%; /* set height to full page */
  max-height:100%;
  overflow:auto; /* add scroll bars as required */
  padding-left:50px; /* pad left to avoid navigation div if required */
  position:relative; /* set up relative positioning so that z-index will work */
  z-index:3; /* allocate a suitable z-index */
 
  color:#888785;
}

.preload {display:none;}

.innerc {
  width:800px;
}
.innerc2 {
  width:900px;
}

.pad2 {
  display:block;
  height:125px; /* height to miss header */
}

.pad3 {
  display:block;
  height:100px; /* height to correct coaching scroll */
}

.pad4 {
  display:block;
  height:215px; /* height to miss footer */
}

#head {
  position:absolute; 
  margin:0; 
  top:0; 
  right:18px; 
  display:block; 
  width:100%; 
  height:100px; 
  background: white; 
  font-size:4em; 
  z-index:5; 
  color:#000; 
  border-bottom:1px solid #CBF9F7;
}

#nav {
  position:absolute; 
  margin:0; 
  top:101px; 
  right:18px; 
  display:block; 
  width:100%; 
  height:25px; 
  background:#fff; 
  font-size:20px; 
  z-index:5; 
  color:#000; 
  padding-top:20px;
}

#expanda {
display:none;
}

a {
  text-decoration:none;
  color:#888785;
}

a:hover {
	text-decoration: underline;
}

#foot a {
  text-decoration:none;
  color:white;
}

#foot a:hover {
	text-decoration: underline;
}

.ftpara p {
display:inline;
}

a.navi {
	display:block;
	height:25px;
	text-decoration: none;
	line-height:25px;
	color:#888783;
	font-weight:lighter;
	font-size:75%;
	padding-left:35px;
	float:left;
}

a:hover.navi {

	text-decoration: underline;
	font-weight:bold;
}

a.navi1 {
	display:block;
	height:25px;
	text-decoration: none;
	line-height:25px;
	color:#888783;
	font-weight:lighter;
	font-size:75%;
	padding-left:55px;
	float:left;
}

a:hover.navi1 {

	text-decoration: underline;
	font-weight:bold;
}

#logo {
position:absolute;
top:1px;
left:100px;
}

#ironmanlogo {
position:absolute;
top:12px;
left:600px;
}

#humanlogo {
position:absolute;
top:0px;
left:600px;
}

#homeimg {
position:absolute;
top:150px;
left:30px;
}

#slideshow {
position:absolute;
top:150px;
left:30px;
}

#homeright {
position:relative;
left:550px;
top:30px;
height:300px;
width:380px;
}
/* homeimageright for inclusion of advertising */
/* 3/08/09 ES image size 150 w x 259 h */
#homeimageright {
position:absolute;
left:854px;
top:300px;
}

#facright {
position:relative;
left:450px;
top:30px;
height:300px;
width:380px;
}

#newsright {
position:relative;
left:450px;
top:-252px;
height:200px;
width:380px;
}

#foot {
position:absolute; 
margin:0;  
left:0px;
min-width:1004px; 
display:block; 
width:1004px; 
height:150px; 
background:#888785; 
color:white; 
text-align:right; 
z-index:4; 
border-top:none;
}


/*############################################################ clubroom stuff ##########################################################*/

#lockers {


}

#lockers a.locker_coach {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker_coach.png);
background-repeat: no-repeat;
}

#lockers a.locker1 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker.png);
background-repeat: no-repeat;
}

#lockers a.locker2 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker2.png);
background-repeat: no-repeat;
}

#lockers a.locker3 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker3.png);
background-repeat: no-repeat;
}

#lockers a.locker4 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker4.png);
background-repeat: no-repeat;
}

#lockers a.locker5 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker5.png);
background-repeat: no-repeat;
}

#lockers a.locker6 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker6.png);
background-repeat: no-repeat;
}

#lockers a.locker7 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker7.png);
background-repeat: no-repeat;
}

#lockers a.locker8 {
float:left;
display:block;
height:320px;
width:63px;
background-image: url(images/locker8.png);
background-repeat: no-repeat;
}

#lockers a span {
display:none; 
position:relative; 
z-index:2;
}

#lockers p.popt {
font-weight:bold;
font-size:14px;
}

#lockers a:hover {
cursor:pointer;
position:relative;
text-decoration:none; 
z-index:3;
background-image: url(images/lockerdrop.png);
background-repeat: no-repeat;
}

#lockers a:hover .popbox {
	position:relative;
	top:50px;
	display:block; 
	width:150px; 
	height:200px;
	color:#888785;
	z-index:2;
	background-color:#fff; 
	border:1px solid #CCC; 

	text-align:left; 
	font-size:12px; 
	padding:5px;
}

#lockers a:hover .popboxb {
	position:relative;
	top:100px;
	left:0px;
	display:block; 
	width:150px; 
	height:200px;
	color:#888785;
	z-index:2;
	background-color:#fff; 
	border:1px solid #CCC; 
	text-align:left;
 
	font-size:12px; 
	padding:5px;
}

h1.club {margin-left:0px; margin-top:35px; font-size:3em; font-weight:bold; color:#888783;}

#lockers input { 
float:left;
display:block;
position:relative;
top:-8px;
border:none;
height:320px;
width:63px;
background-image: url(images/locker.png);
background-repeat: no-repeat; 
} 

#lockers input { 
position:relative;
text-decoration:none; 
border:none;
z-index:-1;
height:320px;
width:63px;

} 

#lockers input:hover {
cursor:pointer;
position:relative;

border:none;
background-image: url(images/lockerdrop.png);
background-repeat: no-repeat;
}

#clubroomtextbox{
position:absolute;
left:650px;
top:300px;
height:320px;
width:380px;
text-align:left; 
border:1;
font-size:90%;}

ul.norm{
margin:0;
padding:0;
list-style-type: none;
line-height:normal;
font-size:90%;
}
/* #################### I think the below is now old clubroom & not needed GK ################## 

#clubroomphoto{
width:650px;
height:320px;
position: relative;
background-image: url(images/clubroom.png);
background-repeat: no-repeat;
}
#clubroomphoto ul{
margin:0;
padding:0;
list-style: none;
}
#clubroomphoto a{
position:absolute;
width:50px;
height: 285px;
text-indent:-1000em;
}



#clubroomphoto .program a{
top: 5px;
left: 45px}

#clubroomphoto .win a{
top: 5px;
left: 415px}


########################################################## clubroom end ###############################################################*/

.box img {padding-left:50px;}

.box {
float:left;
margin-top:0px;
padding-left:20px;
padding-top:5px;
width:230px;
height:145px;
border-right:1px solid #ACABA9;
text-align:left; 
font-size:80%;
}

.clubroombox {
float:left;
margin-top:0px;
padding-left:0px;
padding-top:0px;
width:900px;
height:600px;
text-align:left; 
font-size:100%;

}

.membersboxl {
float:left;
margin-top:0px;
padding-left:20px;
padding-top:0px;
width:450px;
height:200px;
border-right:1px solid #ACABA9;
border-left:1px solid #ACABA9;
text-align:left; 
font-size:80%;
color: #333333;
}
.membersboxr {
	float:left;
	margin-top:0px;
	padding-left:20px;
	padding-top:0px;
	width:450px;
	height:200px;
	border-right:1px solid #ACABA9;
	text-align:left;
	font-size:80%;
	color: #333333;
}

.membersboxheadgrey {
float:left;
margin-top:0px;
padding-left:0px;
padding-top:5px;
width:280px;
height:30px;
border-right:0px solid #ACABA9;
border-left:0px solid #ACABA9;
border-top:0px solid #ACABA9;
border-bottom:0px solid #ACABA9;
background:#888785; 
color:white;
text-align:center; 
font-size:80%;
}

.membersboxheadblue {
float:left;
margin-top:0px;
padding-left:0px;
padding-top:5px;
width:280px;
height:30px;
border-right:1px solid #ACABA9;
border-left:1px solid #ACABA9;
border-top:1px solid #ACABA9;
border-bottom:1px solid #ACABA9;
background:#8de6d4; 
color:white;
text-align:center; 
font-size:80%;
}



.video {
float:left;
margin-top:0px;
padding-left:20px;
padding-top:0px;
width:330px;
height:290px;
text-align:left; 
font-size:80%;
}

.min {
width:952px;
min-width:952px;

}

.box input {   
font-size:90%;
width:8em;
height:12px;
padding:0px; 
color: #000000; 
border-style:none;    
}

input.g {
width:160px;
height:47px; 
border-style:none;    
}

#submit{
margin-left: 7em;
height:18px;
}

.box label {
width: 6em;
padding:0px;
margin-top:0px;
float: left;
text-align: right;
margin-right: 0.2em;
display: block
}

label {
float: left;
margin-top:10px;
padding-top:0px;
padding-bottom:10px;
width: 550px;
height: 25px;
text-align: right;
margin-right: 0.2em;
display: block;
}

label.labeln {
float: left;
margin-top:10px;
padding-top:0px;
padding-bottom:10px;
width: 100px;
height: 25px;
text-align: right;
margin-right: 0.2em;
display: block;
}

label.labelcoach {
display: block;
margin-top:10px;
padding-top:0px;
padding-bottom:10px;
width: 200px;
height: 25px;
text-align: right;
margin-right: 0.2em;

}

label.ath {
float: left;
margin-top:8px;
padding-top:0px;
padding-bottom:0px;
width: 650px;
height: 25px;
text-align: right;
margin-right: 0.2em;
display: block;
}

input {
display: block;   
padding-top:0px;
margin-top:8px;
font-size:90%;
width:200px;
height:25px; 
color: #000000;
border: solid 1px #888785;;     
}

input.none {
display: inline;   
padding-top:0px;
margin-top:8px;
width:25px;
height:25px; 
font-size:90%;
color: #000000;
border: none;     
}

label.news {
float: left;
margin-top:10px;
padding-top:0px;
padding-bottom:10px;
width: 100px;
height: 25px;
text-align: right;
margin-right: 0.2em;
display: block;
}

input.news {
display: block;   
padding-top:0px;
margin-top:8px;
font-size:90%;
width:200px;
height:25px; 
color: #000000; 
   
}

.para {
width:200px;
}

.pad1 {
display:block; 
width:18px; 
height:50px; 
float:left;
}

#content p {padding:5px;}

#coach_indepth_detail p {font-family:"century gothic"; line-height:14px; margin-bottom:-5px;}

#foot h4.sub {font-size:120%; margin-bottom:2px; margin-top:0px; text-align: center}
#foot form {display:inline;}
#foot p {font-size:90%;}

.bold {font-size:1.2em; font-weight:bold;}
h1 {margin-left:150px; margin-top:35px; font-family:calibri, "century gothic", "trebuchet ms", tahoma, verdana, arial, sans-serif; font-size:1em; font-weight:lighter; color:#888783;}
h1.sub {margin-left:0px; margin-top:35px; font-size:2em; font-weight:lighter; color:#888783;}
h2 {margin-left:5px;}
h3 {margin-left:5px;}
h4.noreturn {font-size:1.8em;margin-bottom:0px;}
h4.sub {font-size:1.3em;}
h4.blue {font-size:1.3em; color:#585387;}
h5 {margin-left:5px; text-align:center; font-size:0.75em;font-weight:lighter;color:#888783;}

ul { 
list-style-image: url(images/logo_bullet.png);
font-size:1.3em;
font-weight:lighter;
line-height:30px;
}

ul.package { 
list-style-image: url(images/bullet.png);
font-size:100%;
font-weight:normal;
line-height:18px;
margin:0px;
margin-left:15px;

}

div.coach {
float:left;
width:300px;
height:162px;
background-image: url(images/bkgnd_coach3.png);
}

div.athlete {
float:left;
width:300px;
height:162px;
min-height:162px;
background-image: url(images/bkgnd_athlete.png);
}


div.clear {
clear:both;
}

img.coach {
position:relative;
top:4px;
left:4px;
}

div.coach_detail {
position:relative;
top:-145px;
left:108px;
width:180px;
height:180px;
color:white;
font-size:80%;
}

.coach_detail p {
display:inline;

}

.coach_detail h4.sub {
display:inline;
font-size:1.8em;
}

.coach_detail a {
  text-decoration:none;
  color:white;
}

.coach_detail a:hover {
	text-decoration: underline;
}

div.coach_indepth {
float:left;
width:941px;
height:390px;
background-image: url(images/bkgnd_coach_dtl.png);
}

div.athlete_indepth {
float:left;
width:941px;
height:390px;
background-image: url(../images/bkgnd_athlete_dtl.png);
}

#coach_indepth_detail {
position:relative;
top:-270px;
left:220px;
width:700px;
height:300px;
color:white;
}

#coach_indepth_detail a {
  text-decoration:none;
  color:white;
}

#coach_indepth_detail a:hover {
  text-decoration: underline;
}



#traintop {
min-width:901px;
width:901px;
margin-right:18px;
height:350px;
border-bottom:1px solid #CBF9F7;
}

#daytop {
min-width:901px;
width:901px;
margin-right:18px;
height:325px;
border-bottom:1px solid #CBF9F7;
}

#day {
min-width:901px;
margin-right:18px;
margin-top:30px;
height:700px;

}

div.why {
float:left;
width:300px;
height:400px;
}

div.what {
float:left;
width:300px;
height:400px;
}

div.cost {
float:left;
width:300px;
height:400px;
}

div.coachingpartner {
float:left;
width:150px;
height:10px;
}

div.drills {
float:left;
width:250px;
height:300px;
}

div.trainingcamps {
float:left;
width:450px;
height:300px;
}
div.clubcamps {
float:left;
width:550px;
height:300px;
}
img.tritraining {
position:absolute;
top:750px;
left:600px;
}

img.friend {
position:absolute;
top:1000px;
left:100px;
}

.fl {
float:left;
padding-right:10px;
z-index:10;
}

.fr {
float:right;
padding-left:10px;
}

.right {text-align:right;}

.file {
display: block; 
float: none; 
position: relative
}

.valid {
position:relative; 
top:180px; 
right:0px; 
}
.valid2 {
position:relative; 
top:180px; 
right:0px;
}
img {  
border-style: none;
}

img.esti {
position:absolute;
border-style: none;
top:-60px;
right:20px;
}

fieldset {border-style:none;}

.blogtr {color:orange; font-weight:bold;}
.blogdr {font-style: italic;}

/* ############################################################ Calendar ################################################################# */

#calendar {
	padding-top:25px;
	padding-bottom:10px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#calendar table {
	width:950px;
}

#calendar th {
	border-bottom: 1px dotted #CCC;

}

#calendar td {
	font-size: 9px;
	width:150px;
	height:50px;
	border:1px solid;
	vertical-align:top;
}

#calendar td.list {
	font-size: 10px;
	vertical-align:top;
}

#calendar td.blank {
	font-size: 9px;
	width:150px;
	height:50px;
	border-style:none;
	vertical-align:top;
}

#calendar td.weekday {
	font-size: 12px;
	font-weight:bold;
	height:15px;
}

#calendar td.weekend {
	font-size: 9px;
	background-color: #f6f6f6; 	
}

#calendar a {
	text-decoration: none;
	font-size: 9px;
}

#calendar a:hover {
	color: #0E0;
}

#calendar fieldset {
	display:inline;

	padding:0px;
	margin:0px;
}

#calendar form{
	display:inline;
	padding:0px;
	margin:0px;
}

#calendar input.x {
	display:none;
}
#calendar input.submit {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background:none;
	border:none;
	width:110px;
	color:blue;
	cursor:pointer;
	padding:0px;
	margin:0px;
}
#calendar input.submit2 {
	display:inline;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background:none;
	border:none;
	width:50px;
	height:17px;
	text-align:left;
	cursor:pointer;
	padding:0px;
	margin:0px;
	color:#888785;
}

#calendar input.submit2:hover {
	font-weight:bold;
	text-decoration:underline;
}


a.popup {
	position:relative;
	font-weight:normal; 
	z-index:1;
	left:0px; 
	top:0px; 
}
a.popup b {
	display:block; 
	position:absolute; 
	left:0; 
	top:0;
	z-index:1;
	font-weight:normal; 
}
a.popup span {display:none; position:relative; z-index:2; }

a.popup:hover { 
	cursor:pointer;
	position:relative;
	z-index:3;
}

a.popup:hover .popbox {
	position:relative;
	display:block; 
	width:150px; 
	height:80px;
	color:#888785;
	z-index:2;
	background-color:#fff; 
	border:1px solid #CCC; 
	text-align:left; 
	font-size:10px; 
	padding:5px;
}

a.popup1 {
	position:relative;
	font-weight:normal; 
	z-index:1;
	left:0px; 
	top:0px;
	color:orange;
}
a.popup1 b {
	display:block; 
	position:absolute; 
	left:0; 
	top:0;
	z-index:1;
	font-weight:normal; 
}
a.popup1 span {display:none; position:relative; z-index:2; }

a.popup1:hover { 
	cursor:pointer;
	position:relative;
	z-index:3;
}

a.popup1:hover .popbox {
	position:relative;
	display:block; 
	width:150px; 
	height:80px;
	color:#888785;
	z-index:2;
	background-color:#fff; 
	border:1px solid #CCC; 
	text-align:left; 
	font-size:10px; 
	padding:5px;
}

/*################################################################ Calendar end ############################################################*/

img.aw {
position:absolute;
right:20px;
top:50px;
}

div.coachingpartner {
float:left;
width:150px;
height:10px;
}

#athlete i {
color:red;
}

.stand {
width:100%;
margin:25px;
}

.out {
border: solid 1px grey;
padding:0px;
margin:0px;
width:33%;
text-align:center;
}

.submit {
border:none;
padding-bottom:5px;
height:25px;
width:27px;
}

.grey_box {
border:solid 1px grey;
margin:15px;
padding:10px;
width:650px;
}