body{font-family: Verdana, Helvetica, sans-serif; margin: 0;  padding: 0px; background-image:url(images/transparentbg.gif); background-repeat:repeat-x repeat-y; background-position:top left; text-align: center;}

/**the main div sets the outline container for the page**/
#main {width: 900px; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom:0;  background-color: #fff;  padding-bottom: 0.5em; font-size: 1em;}

/**the mainheader div sets the outline container for the page**/
.mainheader {width:900px; background-image:url(header.jpg); background-position:top; background-repeat:no-repeat; height: 164px; margin-top:0; padding: 0;}

/**heading styling**/
h1.brand {position:relative; margin:0 0 0 15%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	color: #000000; padding-top: 0.8em; font-size: 1.8em; z-index: 10;  }

h1.brand2 { position:relative; margin:-3.5% 0 0 15.4%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	color: #ddd; padding-top: 0em; font-size: 1.8em; z-index:2; }

h1.tour {position:relative; margin:0 0 0 15%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	font-size: 1em; color: #333; padding-top: 0.7em; z-index: 2;}

h1.tour2 {position:relative; margin:-2% 0 0 15.2%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	color: #ddd; padding-top: 0em;	font-size: 1em; z-index:1; }



h1.maintitle {margin:0 0 0 10%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	color: #000; padding-top: 0.8em; font-size: 1.6em; padding-bottom: 0.5em;}

h1.loctitle {font-family: Arial, Helvetica, sans-serif;  font-weight: bold;	color: #000; padding: 0.5em 0 0 0.3em; font-size: 1.3em; }

h2.largetitle {color: #000; background-color: #fff; font-size: 1.1em;  font-weight: 600; margin-top:0; padding-top:0;}

h2.gallerytitle {color: #000; background-color: #fff; font-size: 1em;  font-weight: 600; margin-top:0; padding-top:0;}
h2.title2 {color: #000; background-color: #fff; font-size: 1.3em; text-align: center; font-weight: 600; margin-top:0; padding-top:0;}
h2.title3 {color: #000; background-color: #fff; font-size: 1.2em; text-align: center; font-weight: 600; margin-top:0; padding-top:0;}

.smaller {font-size:0.9em;}

h3{font-size: 1.1em;}
h3.dest {font-size: 0.9em;}
h3.centertitle {text-align:center; padding-top: 1em;}
h3.client {font-size: 0.9em;}
.content.home h3 {font-size: 1.1em; color: #000;}
.content.home h3.bt {font-size: 1.3em; font-variant: small-caps; padding: 0m 0em 0.5em 0em;}

h4{padding-top:0; padding-bottom: 0; margin-top:1em; font-size: 0.9em;}

h6 {text-align: center; margin:1em;}

/**the contact class sets the positioning of the phone number and form text in the header**/

.contact { position:absolute; width:310px; height:100px; z-index:5; left:60%; top: 21px; text-align:left; color: #192f78; background-color: transparent; font-size: 1em; font-weight: 700; margin-top: 2.8%; font-family: Arial, Helvetica, sans-serif;}
.contact img{float: right; border:none; margin-right: 11%; z-index:6;}
.indent {margin-left: 2.2em;}

/**topnav sets the black menu line across the top of the page**/
#topnav {height: 2.4em; background-color: #000; padding:0; width: 900px; text-align:center;}
#topnav ul {margin: 0; padding: 0 ; list-style-type: none; padding-left: 0.1em; }
#topnav li {float: left; display: block; padding: 0px; height:2.4em; /*Hack for Internet Explorer, it does not understand min-height*/ _height:2.4em; width: 12.4%; text-align: center;  margin:0;}
#topnav a {display: block; color: #fff; padding: 5px 13px; text-decoration: none; font-weight: bold;  font-size: 8pt; height: 2.2em; border:3px outset #333; border-bottom-color:#333;border-top-color:#000; padding-top:2px;opacity:1;filter:alpha(opacity=100); margin:0;}
#topnav a:hover {text-decoration:underline; color: #fff; background-color:#000066; height: 2.2em; border:3px #666 solid; border-bottom-color:#ccc;  border-right-color:#999;opacity:0.8;filter:alpha(opacity=80); margin:0; }

/**secondnav sets the blue menu line across the top of the page**/
#secondnav {height: 1.5em; background-color: #000; padding:0; width: 900px; margin:0;}
#secondnav ul {margin: 0; padding: 0 0 0 0.1em ; list-style-type: none; border-left: 1px solid #5fa7d9; }
#secondnav li {float: left; display: block; padding:0px; height: 1.5em;  width:11.2%; text-align: center; background-color: #5fa7d9; }
#secondnav li.long {float: left; display: block; padding: 0px; height: 1.5em; width:16%; text-align: center;}

#secondnav a {display: block; color: #036; padding: 5px 2px; text-decoration: none; font-weight: bold;  font-size: 8pt; height: 1.5em; border:2px outset #999;border-bottom-color:#666;border-top-color:#ccc; padding-top:2px;opacity:1;filter:alpha(opacity=100); vertical-align:middle; }
#secondnav a:hover {display:block; colour: #036; background-color: #c5eafc; height:1.5em; border:2px #c5eafc solid; border-bottom-color:#84d2f9; border-right-color:#054665;opacity:0.8;filter:alpha(opacity=80); }


/**link colours - check that there is no inline styling using the font tag which is overriding this stylesheet**/
a {}
a:visited {color:  #663399;}
a:hover {border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; 	border-left-color: #000000; 	/*color: #FF00FF;*/ 	color:300; }
a:active {}
a:link.nav {	text-decoration: underline;	}
a:active.nav {	 text-decoration: underline;	}
a:hover.nav { 	text-decoration: underline;	}
a:visited.nav {color: #300;} 

.apple {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; text-align: left; line-height: normal; background-attachment: fixed; background-repeat: repeat; background-position: left top}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;

}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.txt2 {font-size: 1em;}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 10px;
}
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.formblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	}
.bigtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-left:0;
	padding-top: 0.5em;
}

.bigtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #036;
	margin:0;
	padding:0;
}

.blueheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #0000FF;
}
.link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;
	color: #00f; border: none; }
.link img{border:none;}
.link h3 {font-size: 1em;}

A:link.email {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	A:hover.email {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	A:visited.email {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	.credits{
	font-size:10px;
	font:Verdana;
	font-color:#000000;
	}
	a:link.credits{
	font-size:10px;
	font:Verdana;
	font-color:#000000;
	}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #FFFFFF;
}
.gallerylargepix {
	text-align: left;
	vertical-align: middle;
}
.blacktextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px none;
	padding-right: 5px;
	padding-left: 5px;
	font-style: italic;
	font-weight: bold;
}
.inet_form_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.inet_required {
	font-size: 16px;
	color: #FF0000;
}
.inet_form_valid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.style2 {color: #FFFFFF}
.style7 {font-size: 11px}
.style10 {color: #FFFFFF}
.style11 {font-weight: bold; font-size: 10px;}
.padtop {padding-top: 0.3em;}
.leftlogo {text-align:center; padding-top: 6em;}
.leftlogo2 {text-align:center; padding-top: 2em;}
.leftlogopad { padding-top: 8em; }
.midlogo {padding-top: 7em;}
.midlogo2 {padding-top: 4.5em;}
.midlogo3 {padding-top: 1.5em;}
.rightlogo {text-align:center; padding-top: 8em; vertical-align:bottom;}
.rightlogo2 {text-align:center; padding-top: 2em; vertical-align:bottom;}
.rightlogonopad {text-align:center; padding-top:2em; vertical-align:baseline; margin-bottom: 6em;}

.boxedtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding: 8px;
	border: 1px solid #000000; margin: 0.5em 0;}



#apDiv1 {	position:absolute;width:333px;	height:105px;	z-index:2;	left: 360px;	top: 535px;}
#apDiv2 {	position:absolute;	width:332px;	height:101px;	z-index:2;	left: 361px;top: 539px;}

#atol{padding: 0 0 0.3em 0 ; margin-bottom: 0.5em;}
img#atol a {border: none; margin:0; padding:0;}

/**this div controls the blue backed information box on the destination pages**/

#destinationbox {padding-top: 1em; padding-left:0; margin-left:0; z-index: 1; background-image:url(images/Dest_info-bar.JPG); background-position:0em 1.2em; background-repeat:no-repeat; height: 560px; }

/** this div controls the text overlaying the blue destination info box above using tables and lists**/

#destinationlayer {z-index: 3; padding: top: 2em; text-align:left}
#destinationlayer img {padding: 0; border: none; text-align:center;}
#destinationlayer table {z-index: 6; width: 250px; border:0; }
#destinationlayer td {height: 80px; vertical-align: middle; }
#destinationlayer td.activities {height: 118px; vertical-align: middle; }
#destinationlayer td.flagcell {height: 140px; vertical-align: middle; }
#destinationlayer ul.activity{margin-top: 0.5em; line-height: 0.9em;}


ul.pre {width: 80%; list-style-type:none; }
ul.pre li h3{float: right; font-size: 0.9em;}
ul.pre li a{}



.infobox {width: 90%; padding: 0 0.3em 5em 0.5em; margin:0; text-align: left; }
.highlights {background-color: #7C9CDE;  border: 1px none #000000; color: #fff;}




/**this sets the footer styling**/
#footer {width: 100%; background-color: #000; color:#fff; font-weight: 600; text-align:center; padding-top: 0.3em; margin-top: 2em; }
#footer p {padding bottom: 0;}
#footer p.mail {padding: 0 0 0.6em 0; }

#footer a {color:#c5eafc; text-decoration:underline; }
#footer a:hover {color: #FFFFCC; }
#footer a:visited {color: #6666FF;}


.endmenu {font-size:10px;} 


/**the content class sets the main content area styling**/

.content {width:100%;  border:0; cellpadding:0; cellspacing:0; text-align:left;  }

.content.home {width:100%; border:0; cellpadding:0; cellspacing:0; text-align:left; margin-right: 12%;}

.content.tours {margin: 0%;}



/**icon and icontext are the cells on the home page containing the images and main sports links**/
.content td.icon {width:  72px; vertical-align:top; padding: 8px 0px; }
.content td.icon div{margin:0; padding:0;}
.content td.icon img {width: 70px; height: 90px; border: 0; padding:0;}
.content td.icontext {width: 11%; text-align:left; padding:0px 5px 0px 0px;}
.content td.icontexttop {width: 22%; text-align:left; padding: 5px 8px 0px 0px;}
.content td.icontexttop p {text-align:center; padding-top: 0.3em; font-size: 9px;}


/**middlecell controls the styling of the middle cell of the main sports pages**/

.middlecell { vertical-align:top; padding: 0 5px; margin: 0 0 0 9em;}
.middlecell img.minicon{float: left; padding-right: 10px; padding-top: 10px; margin-top: 10px; margin-right: 10px;}
.middlecell p{}

/**2imagebar controls the div with 2 images in the centre of the page content**/
.2imagebar {text-align:center;}
.2imagebar img {margin-right:0.5em;}
.locpix {padding: 5px 10px;}

/**3imagebar controls the div with 2 images in the centre of the page content**/
.3imagebar {}
.choir ul{text-align:center; width:100%; list-style-type:none; margin:0; padding:10px 0 0 0;}

.choir li{float: left; margin-right: 0.3em; padding:0 0.3em 0 0; margin-bottom:0; width: 31%;}
.choirlogo {float: right;}


.choir2 ul{text-align:center; width:100%; list-style-type:none; margin:0; padding:20px;}

.choir2 li{float: left; margin-right: 0.5em; padding:0 0.5em 0 0; margin-bottom:0; width: 31%;}

/**can2 controls the div with 3 large images in the centre of the page content**/
.can2 ul{text-align:center; width:100%; list-style-type:none; margin:4em 0 1em 0; padding: 1em 0.5em 0.5em 0.5em;}
.can2 li{float: left; margin-right: 0.5em; padding:0 2em 0.5em 0 ; margin-bottom:0; }


.can2b ul{text-align:center; width:100%; list-style-type:none; margin:1em 0 1em 0; padding: 1em 3em 0.5em 0.5em;}
.can2b li{float: left; margin-right: 0.5em; padding:0 3em 0.5em 0 ; margin-bottom:0; }


can2c ul{text-align:center; width:100%; list-style-type:none; margin:2em 2em ; padding: 1em 3em 1em 0.5em;}
.can2c li{float: left; margin-right: 0.8em; padding:0 1.5em 1em 0 ; margin-bottom:0; list-style-type:none;}

.can3 { }
.can3 ul{ list-style-type:none; margin:0em; padding:  0.5em; text-align:center;}
.can3 li{float: right; margin-right: 0.5em; padding:0 1.5em 0.5em 0.5em ; margin-bottom:0; }

.can4 {width:100%; text-align:center; margin: 0;}
.can4 ul{ list-style-type:none; margin:0; padding:  0.7em; text-align:center;}
.can4 li{float: left; margin-right: 0.5em; padding:0 0.3em 0.5em 0 ; margin-bottom:0; }
.can4 li.btlogo { padding:1em 0.5em 1.3em 0.5em; margin:0.5em 0; width:23%; height:100%;}



/**sixbar controls the div with 6 images in the centre of the page content**/
.sixbar ul{text-align:center; width:100%; list-style-type:none; margin:2em 0 0 0; padding: 0.5em;}
.sixbar li{float: left; margin-right: 0.3em; padding:0 0.3em 0 0; margin-bottom:0; width: 15%;}




/**rightbar controls the styling of the right hand cell on the main sports pages**/
.content td.rightbar{padding: 1em 0.3em 0.3em 0.3em; font-size: 0.9em;  text-align:center;}
img.logo{margin-top: 5em; border:none; vertical-align:bottom;}

/**bluebox sets the styling for the top right hand box on sports pages containing links to tour destinations**/

.bluebox { background-color:#c5eafc; padding:  3px; margin-top: 1.5em;width: 20em; font-size:11px;}
.bluebox ul{ list-style-type: none; margin-left:0; padding-left: 3px; }
.bluebox ul li{ text-align:left; font-size:0.9em; padding-left: 3px; line-height:1.8em; font-size:12px;}

/**bluebox2 sets the styling for the top right hand box on destinations pages containing links to tour destinations**/

.bluebox2 { float: right; background-color:#c5eafc; padding:  3px ; margin-top: 1.5em; margin-left: 8px; width: 20em; font-size:11px;}
.bluebox2 ul{ list-style-type: none; margin-left:0; padding-left: 3px; }
.bluebox2 ul li{ text-align:left; font-size:1em; padding-left: 3px; line-height:1.8em;}

.return {margin-left: 0.3em; font-size: 10px;}
.return a{margin-left: 0.3em; text-decoration:none; font-size: 10px;}

/**generic content styling **/

.content td p {font-size: 0.8em; margin-top:0; padding-top:0; width: 100%;}
.content td p.bold { margin-top:0; padding-top:0; width: 100%; font-weight:600;}

.content2 {width:100%;  border:0; cellpadding:0; cellspacing:0; text-align:left;}
.content2 p {font-size: 0.8em; margin-top:0; padding-top:0; width: 100%;}
.content2 td.rightbar{padding: 1em 0.3em 0.3em 0.3em; font-size: 0.9em;  text-align:center;}
.content2 td p {padding-right: 5px;}

.content2 div.brfc {float:right; padding:0.3em; margin: 0 0 0.3em 0.3em ;  width: 210px;}
.content2 div.brfc h5{ text-align:center; padding:0 ; margin:0;}
.content2 div.brfc h6{ text-align:center; padding:0 ; margin:0;}
.content2 div.brfc img.clublogo{  padding:0  ; margin:0; text-align:center; vertical-align:top; }
.content2 div.brfc img.clublogo4{  margin: 0 3em;}

.content2 img.logo{margin-top: 7em; border:none; vertical-align:bottom;}
.logo2 {margin-top: 1em; border:none; vertical-align:bottom;}
.logo3 {margin-top: 10em; border:none; vertical-align:bottom;}
.logo4 {margin-top: 14em; border:none; vertical-align:bottom;}

.content2 img.clublogo{float: right; padding: 1em 2em 1em 1em; margin: 3px  5px 0 8px;}
.content2 img.clublogo2{float: right; padding: 1em ; margin: 3px  0 0 8px;}
.content2 img.clublogo3{float: right; padding: 0.3em 0 0.3em 0.5em; margin: 0;}
.content2 img.clublogoleft{float: left; padding: 0.5em 1em 0 0em;  margin: 0 5px 0 0;}

.minicon{float: left; padding-right: 10px; padding-top: 10px; margin-top: 15px; margin-right: 10px;}
.fixture {float: left; width: 100%; padding-top: 1.5em;}
.fixture2{float: left; width: 100%; padding-top: 0.5em;}
p.matchtext{padding-top: 4em;}
p.matchtext2{padding-bottom: 6em;}
p.matchtext3 {padding-top: 1em;}
p.matchtext4{padding-bottom: 2em;}
.teamphoto {float: left; width: 100%; padding-top: 1em; text-align: center;}
.teamphoto img{text-align: center;}
.yellow {background-color: #FBDB0A; padding: 0 0.5em 0.5em 0.5em; margin-top: 0.5em;}
.padleft {padding-left: 2em; margin-left: 2em;}
.padleft2 { margin-left: 7em;}

.content3 {width: 80%; margin-left: 15%; }

/**sidenavtours sets the left hand menu on the main sports pages**/

.sidenavtours {position: absolute; z-index:1; left: auto; top: 230px;  background-color:#5fa7d9; text-align:left; font-size: 8pt; padding: 0;  margin:0px 5px 0px 0px; width: 11.5em;}

.sidenavtours h2 { padding: 5px; margin:0; font-size:1.3em;  color: #006; background-color:#c5eafc; }
.sidenavtours h3{ padding: 5px; margin:0; font-size:0.9 em;  color: #006; background-color:#c5eafc; }

.sidenavtours ul {padding: 0 0px 5px 0px; margin: 0; }
.sidenavtours li { margin: 0px; list-style-type: none; line-height: 1.2em; }
.sidenavtours ul a{display: block; text-decoration:none; font-size: 1.1em; font-weight: 600; height: 1.4em; border-top:1px #fff solid; padding: 8px 0px 5px 8px; color: #006; }
.sidenavtours a:hover {display:block; color: #fff; background-color: #789ede; height: 1.4em; }
.sidenavtours p {padding: 0 0 0 5px; margin: 3px;}




.sidenav {z-index:1; left: 4%; top: 230px;  background-color:#5fa7d9; text-align:left; font-size: 8pt; padding: 0;  margin:0px 15px 0px 0px; width: 11em;}
.sidenav h2 { padding: 5px; margin:0; font-size:1.3em;  color: #006; background-color:#c5eafc; }
.sidenav h3{ padding: 5px; margin:0; font-size:0.9 em;  color: #006; background-color:#c5eafc; }

.sidenav ul {padding: 0 0px 5px 0px; margin: 0; }
.sidenav li { margin: 0px; list-style-type: none; line-height: 1.2em; }
.sidenav ul a{display: block; text-decoration:none; font-size: 1.1em; font-weight: 600; height: 1.4em; border-top:1px #fff solid; padding: 8px 0px 5px 8px; color: #006; }
.sidenav a:hover {display:block; color: #fff; background-color: #789ede; height: 1.4em; }
.sidenav p {padding: 0 0 0 5px; margin: 3px;}

.sidenav2 {margin-top: 5px; font-size: 8pt; width: 18em; padding: 2px 2px 2px 2px;}
.sidenav2 h2{padding: 0; margin: 1em 0 0 0; font-size: 1.5em; background-color: #fff; color: #c03; font-family: Arial, Helvetica, sans-serif; }

#rightbox {  height:110%; z-index:0;  border:1px solid #000; background-color:#c5eafc; text-align:center;  }
#rightbox h3 {font-size: 0.9em; }

#flags {margin-top: 1em; }
#flags h2 {font-size: 1.2em; font-weight: 600; margin-left: 0.5em; padding-top: 1em;}

.movie {width:100%;  border:0; cellpadding:0; cellspacing:0; text-align:left; }
.movie td.file{width: 40%;}
.grey {background-color: #ccc; color: #000; font-size: smaller; text-align:center; }