body {

  background-color: white;
  margin: 0 0 0 0 ;
  font-family: tahoma;
  font-size: 11px;
  text-align: center;
  
}



.fontcolour {

   font-size: 13px;
   color: #333333;
   font-weight: bold;
   padding: 0 0 0 0;
} 

/********************************/
/*top*/
#all {
  margin-right: auto;
  margin-left:auto;
  width: 800px;
  text-align: left;

}

#top {
   width: 800px;
}

ul#topmenu  {
  margin: 5px 0 0 0;
  font-size: 12px;
  text-align: center;
  list-style: none;

}

ul#topmenu li {
  
  display: inline;
  padding: 0 7px 0 7px;
  color: gray;
  text-decoration: none;
    
}

ul#topmenu li a:link {
  text-decoration: none;
  color: #333366;
}

ul#topmenu li a:active {
  text-decoration: none;
  color: #333333;
}

 ul#topmenu li a:visited {
  text-decoration: none;
  color: gray;
}

ul#topmenu  li.first {
	margin: 0 0 0 -45px;
	color: #333366;
	}

ul#topmenu  li.lang {
	margin: 0 0 0 85px;
	color: #333366;
	}

/*******************************/

/*left side*/

/******************************/

#topleft {
  float: left;
  text-align: center;
  padding: 5px 0 0 0;
  width: 140px;
}

#topmiddle {
  float: left;
  text-align: center;
  top: 90px; 
  width: 635px;
  padding: 10px 0 0 5px;
    border:  1px solid green;
}

#topright {
  float: left;
  text-align: center;
  top: 90px; 
  width: 158px;
  padding: 0px
  border:  1px solid green;

}


#smallleftbike {

  padding: 0 0 0 0;
  float: left;
  text-align: center;
  width: 140px;
  background-color: #cc9933;
}

#smallleftski {
  margin:12px 0 0 0;
  
  float: left;
  text-align: center;
  width: 140px;
  background-color: #ccccff;
}

#smallleftsurf {

  padding: 0 0 0 0;
  float: left;
  text-align: center;
  width: 140px;
  background-color: #99ccff;
}
#smallleftclimb {

  padding: 0 0 0 0;
  float: left;
  text-align: center;
  width: 140px;
  background-color: #cccccc;
}

#smalllefttravel {

  padding: 0 0 0 0;
  float: left;
  text-align: center;
  width: 140px;
  background-color: #cc9999;
}

#smallright {
  padding: 5px 0 0 0;
  float: left;
  text-align: center;
  width: 160px;
}

img.small {
  float: left;
  width: 64px;
  height: 80px;
}


img.big {
  float: right;
  width: 150px;
  height: 120px;
  padding: 0 5px 0 5px;
  border: none;
}

img.link {
  border: none;
}


/*********************************/
/* newsletter list*/

ul.newslist  {
  list-style: none;
  margin: -10px 6px 0 -34px; 
}

ul.newslist li {
   background-color: #ffffff;
 
  padding:  2px 7px 0 7px;
  color: #000099;
  font-size: 1em;
  text-align: left;
  text-decoration: none;
    
}

ul.newslist li a:link {
  display: block;
  text-decoration: none;
  color: #000099;
}

ul.newslist li a:active {
  display: block;
  text-decoration: none;
  color: #000066;
}

 ul.newslist li a:visited {
  display: block;
  text-decoration: none;
  color: #000033;
}

/**************************************/
/*middle stuff*/

#middle {
  padding: 12px 0 0 0px;
  float: left;
  text-align: center;
  width: 638px;
}

#middlelow {
  padding: 10px 0px 0 0px;
  margin: 10px 0;
  float: left;
  text-align: center;
  width: 638px;
}


.middletext {
  padding: 0 5px 0 5px;
  color:#333366;
}

/**************************************/
/* video section*/

#video {
 float: left;
 padding: 0;
 text-align: center;
 width: 310px;
 margin: 10px 0;
}

#links {
 float: right;
 padding: 0;
 text-align: center;
 width: 310px;
 margin: 10px 0;
}


/************************************/
/*fonts*/

.fontbig {
   font-size: 12px;
   background-color: #9999cc;
   padding:3px 0;
   color: #333333;
}   

.fontbigski {
   font-size: 12px;
   background-color: #ccccff;
   margin: 5px 0px 15px 0px;
   padding:5px 0;
   color: #333333;
}  

.fontbigsurf {
   font-size: 12px;
   background-color: #99ccff;
   margin: 5px 0px 15px 0px;
   padding:5px 0;
   color: #666699;
} 

.fontbigskivid {
   font-size: 12px;
   background-color: #ccccff;
   padding:3px 0 3px 5px;
   color: #333333;
   width: 210px;
   text-align: left;
}  

.fontbigsurfvid {
   font-size: 12px;
   background-color: #99ccff;
   width:85px;
   padding:3px 0 3px 5px;
   
   color: #666699;
   text-align: left;
} 

.fontbigbike {
   font-size: 12px;
   background-color: #cc9933;
   margin: 5px 0px 15px 0px;
   padding:5px 0;
   color: #333333;
}  

.fontbigclimb {
   font-size: 12px;
   background-color: #cccccc;
   margin: 5px 0px 15px 0px;
   padding:5px 0;
   color: #333333;
}  

.fontbigtravel {
   font-size: 12px;
   background-color: #cc9999;
   margin: 5px 0px 15px 0px;
   padding:5px 0;
   color: #333333;
}  

.fontbignobg {
   font-size: 12px;
   font-weight: bold;
   padding:25px 0 0 0;
   color: #333399;
} 

.fontcolour {

   font-size: 13px;
   color: #333333;
   font-weight: bold;
   padding: 55px 0 0 0;
   margin: 5px 0 55px 0 ;
} 

/*****************************************/
/*title fonts*/

.fonthugeski {
   font-size: 16px;
   background-color: #ccccff;
   padding:10px 0 0 0;
   color: #333333;
   text-align: center;
   font-weight: bold;
}  

.fonthugesurf {
   font-size: 16px;
   background-color: #99ccff;
   padding:10px 0 0 0;
   color: #666699;
    text-align: center;
   font-weight: bold;
} 


.fonthugebike {
   font-size: 16px;
   background-color: #cc9933;
   padding:10px 0 0 0;
   color: #333333;
    text-align: center;
   font-weight: bold;
}  

.fonthugeclimb {
   font-size: 16px;
   background-color: #cccccc;
   padding:10px 0 0 0;
   color: #333333;
    text-align: center;
   font-weight: bold;
}  

.fonthugetravel {
   font-size: 16px;
   background-color: #cc9999;
   padding:10px 0 0 0;
   color: #333333;
    text-align: center;
   font-weight: bold;
}  


/****************************************/
/*bottom menu*/

#bottom {
  float: left;
  text-align: center;
  font-size: 10px;
  margin: 15px 0 2px 0;
  width: 800px
  
}

ul.botmenu  {
  margin: 0 0 0 -30px;
  text-align: center;
  list-style: none;

}

ul.botmenu li {
  border-right:  1px solid #666699; 
  display: inline;
  padding: 0 10px 0 10px;
  text-decoration: none;
   
}

ul.botmenu li a:link {
  text-decoration: none;
  color: #000099;
}

ul.botmenu li a:active {
  text-decoration: none;
  color: #9999cc;
}

 ul.botmenu li a:visited {
  text-decoration: none;
  color: gray;
}


/***********************************/
/*top menus*/

#toptitletravel {
  margin: -13px 0 0 0;
  float: left;
  text-align: center;
  width: 800px;
  background-color: #cc9999;
}

#toptitleski {
  margin: -13px 0 0 0;
  float: left;
  text-align: center;
  width: 800px;
  background-color: #ccccff;
}

#toptitlesurf {
  margin: -13px 0 0 0;
  float: left;
  text-align: center;
  width: 800px;
  background-color: #99ccff;
}

#toptitlebike {
  margin: -13px 0 0 0;
  float: left;
  text-align: center;
  width: 800px;
  background-color: #cc9933;
}

#toptitleclimb {
  margin: -13px 0 0 0;
  float: left;
  text-align: center;
  width: 800px;
  background-color: #cccccc;
}

/********************************************/
/*for curved borders....*/

.bl {
background: url(blski.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.br {
background: url(brski.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tl {
background: url(tlski.gif);
background-position: top left;
background-repeat: no-repeat;
}

.tr {
background: url(trski.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.t {
background: url(dot_ski.gif) 0 0 repeat-x
}
.b {
background: url(dot_ski.gif) 0 100% repeat-x
}
.l {
background: url(dot_ski.gif) 0 0 repeat-y
}
.r {
background: url(dot_ski.gif) 100% 0 repeat-y
}

/***************************************************/
/*main rounded corners*/

.blmid {
background: url(blski.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brmid {
background: url(brski.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlmid {
background: url(tlski.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trmid {
background: url(trski.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;

}

.tmid {
background: url(dot_ski.gif) 0 0 repeat-x
}

.bmid {
  background: url(dot_ski.gif);
  background-position:0 100%;
  background-repeat: repeat-x;
}

.lmid {
background: url(dot_ski.gif) 0 0 repeat-y
}
.rmid {
background: url(dot_ski.gif) 100% 0 repeat-y
}


/***************************************************/
/*colours*/
/*bike colour: cc9933 ---text:333333*/
/*ski  colour: ccccff ---text:333333*/
/*surf colour: 99ccff ---text:666699*/
/*climbcolour: cccccc ---text:333333*/
/*hike colour: cc9999 ---text:333333*/
/***************************************************/


/***************************************************/
/*surf corners*/

.blsurf {
background: url(blsurf.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brsurf {
background: url(brsurf.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlsurf {
background: url(tlsurf.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trsurf {
background: url(trsurf.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.tsurf {
background: url(dot_surf.gif) 0 0 repeat-x
}
.bsurf {
background: url(dot_surf.gif) 0 100% repeat-x
}
.lsurf {
background: url(dot_surf.gif) 0 0 repeat-y
}
.rsurf {
background: url(dot_surf.gif) 100% 0 repeat-y
}

.trmidsurf {
background: url(trsurf.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;

}


/***************************************************/
/*climb corners*/

.blclimb {
background: url(blclimb.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brclimb {
background: url(brclimb.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlclimb {
background: url(tlclimb.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trclimb {
background: url(trclimb.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.tclimb {
background: url(dot_climb.gif) 0 0 repeat-x
}
.bclimb {
background: url(dot_climb.gif) 0 100% repeat-x
}
.lclimb {
background: url(dot_climb.gif) 0 0 repeat-y
}
.rclimb {
background: url(dot_climb.gif) 100% 0 repeat-y
}

.trmidclimb {
background: url(trclimb.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;

}

/*************************************/
/*for hiking*/

.blhike {
background: url(blhike.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brhike {
background: url(brhike.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlhike {
background: url(tlhike.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trhike {
background: url(trhike.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.trmidhike {
background: url(trhike.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;

}

.thike {
background: url(dot_hike.gif) 0 0 repeat-x
}
.bhike {
background: url(dot_hike.gif) 0 100% repeat-x
}
.lhike {
background: url(dot_hike.gif) 0 0 repeat-y
}
.rhike {
background: url(dot_hike.gif) 100% 0 repeat-y
}


/*************************************/
/*for skiing*/

.blski {
background: url(blski.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brski {
background: url(brski.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlski {
background: url(tlski.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trski {
background: url(trski.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.trmidski {
background: url(trski.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.tski {
background: url(dot_ski.gif) 0 0 repeat-x
}
.bski {
background: url(dot_ski.gif) 0 100% repeat-x
}
.lski {
background: url(dot_ski.gif) 0 0 repeat-y
}
.rski {
background: url(dot_ski.gif) 100% 0 repeat-y
}

/*************************************/
/*for biking*/

.blbike {
background: url(blbike.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.brbike {
background: url(brbike.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.tlbike {
background: url(tlbike.gif);
background-position: top left;
background-repeat: no-repeat;
}

.trbike {
background: url(trbike.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;
}

.trmidbike {
background: url(trbike.gif);
background-position: top right;
background-repeat: no-repeat;
padding:5px 0 10px 0;

}

.tbike {
background: url(dot_bike.gif) 0 0 repeat-x
}
.bbike {
background: url(dot_bike.gif) 0 100% repeat-x
}
.lbike {
background: url(dot_bike.gif) 0 0 repeat-y
}
.rbike {
background: url(dot_bike.gif) 100% 0 repeat-y
}