/**********************************************************************************************
*                                                                                             *
* Author: 		 : James Marshall, Harlequin Solutions                                        *
* Last modified  : 17.05.2009                                                                 *
* Version        : 1.0                                                                        *
* Browser(s)     : All (IE Win hacks/fixes are in separate stylesheets)                       *
*                                                                                             *
*                                                                                             *
**********************************************************************************************/
/*
T1 = Template 1 (home)
T2 = Template 2 / 2a / 2b   
T3 = Template 3    
T3a = Template 3a    
T3b = Template 3b                                                                                                
T4 = Template 4


/* Global Layout Settings
==============================================================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 88%; /*global sets font-size at 14px*/
	/* Font sizing in ems. If you want to change anything size-wise, just change this. */
	/* Refer to http://clagnut.com/blog/348/ for details. */
	/* http://riddle.pl/emcalc/ - Em Calculator */
	/* text-align: center; */
	
}	

/* HTML Styles
=============================================================================================*/
p {
	font-size: 1em;
	line-height: 1.38em;
	margin: 0px 0px 12px 0px;
	color:#333;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

H1 {color:#b51f24;font-size:1.5em;font-weight:bold;margin: 0 0 1.38em;padding:0;}/*displayed 24px*/
H2 {font-size:1.13em;font-weight:bold;line-height:110%;margin: 0 0 1.38em;padding:0px;} /* displayed at 18px */
H3 {font-size:1.06em;font-weight:bold;margin: 0 0 1.38em;padding:0;line-height:110%;} /* displayed at 17px */
H4 {font-size:1em;margin: 0 0 1.38em; padding: 0;line-height:110%;font-weight:bold}/* displayed at 16px */
H5 {font-size:0.94em;margin: 0 0 1.38em; padding: 0;line-height:110%;}/* displayed at 15px */
H6 {font-size:0.88em;margin: 0 0 1.38em; padding: 0;line-height:110%;} /* displayed at 14px */

strong, b {
		font-weight: bold;
	}
	
		/* :link :visited :focus :hover :active */
	a:link {
		text-decoration: none;
		color: #e7432a;
		font-weight: bold;
		border-bottom: 1px solid #fff;
		background-color: transparent;
	}
	a:visited { 
		text-decoration: none;
		/* text-decoration: line-through; */			
		color: #e68b15 /* #d8ee78 */;
		background: transparent;
		font-weight: bold;
	}		
	a:focus, a:hover, a:active { 
		text-decoration: underline;
		/* background: transparent; */
		font-weight: bold;
		}	

	ul {
		margin: 0 0 36px 0;
		font-size: 0.88em;
		line-height: 1.7em;
		}
		ul ul {
			margin: 0 0 0 -3px;
			font-size: 100%;
		}			
		ul li {
			padding: 0 0 0 0;
			background: url(/includes/site-images/bullet.png) no-repeat 0 3px;
			color: #666;
		}
	ol {
		margin: 0 36px 20px;
		font-size: 0.88em;
		line-height: 1.6em;
		}
		ol ol {
			margin: 0 0 0 0;
			font-size: 100%;
		}			
		ol li {
			margin: 0 0 0 1.88em;
			list-style-type: decimal;
			color: #666;
		}
		
	img {
		border: none;
	}

	hr {
		height: 1px;
		margin: 20px 0;
		color: #ccc;
		background-color: #ccc;
		border: 0px;
	}
	
	address {
		margin: 0 0 1.5em;
		padding: 0 0 0 40px;
		color: #999;
		font-style: normal;
		border-left: 1px solid #d7d2d0;
	}
	
	acronym, abbr {
		border-bottom: 1px dashed #9c1948;
		cursor: pointer;
	}

	q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	
	q:before { content: open-quote; }
	q:after  { content: close-quote; }
	
	q:before   { content: '\201C'; } /* Safari support */
	q:after    { content: '\201D'; }
	q q:before { content: '\2018'; }
	q q:after  { content: '\2019'; }

	blockquote * { quotes: none; }
	blockquote > *:before { content: '\201C'; }
	blockquote > *:after  { content: '\201D'; }
	blockquote q:before   { content: '\2018'; }
	blockquote q:after    { content: '\2019'; }
		
	
	blockquote {
		background: #f2f2f2 url("/includes/site-images/blockquote-bg.gif") top right no-repeat;
		margin: 0 0 20px;
		padding: 20px 92px 20px 40px;
		font-size: 1.2em;
		line-height: 1.4em;	
		border: 1px solid #fff;
		}
		blockquote p {
			margin: 0 !important;
			padding: 0 !important;
			color: #000;
		}
		
		
	/* CMS Cleanup
	==============================================*/
	
	font a,
	a font { /*Deal with link and FONT tag combos*/
		color: #e7432a !important; 
		font-weight: bold;
	}	
		
	font { /*To override any legacy code or pesky users that know some HTML*/
		font: 100% arial,sans-serif;
		color: #666;
		background-color: transparent !important;
		line-height: 1.45em;
	}
	li font {
		color: #666;
	}
	u {
		text-decoration: none;
	}
		


	/* Tables
	==============================================*/
	
	
	table {
		border-collapse: collapse;
		border: 2px solid #d8dce3;
		background: #fff;
		color: #000;
		margin: 0 0 1.38em;
		padding: 1px;
		}
		table caption {
			font-size: 1.15em;
			letter-spacing: -1px;
			text-align: left;	
			color: #4e4f4f;
			padding: 0 0 3px;
		}
		table tr {
			background: #fefefe;
		}
		/* This is the magic class for the 'zebra' row effect */
		table tr.rowTint {
			background: #f4f4f4;
		}
		table td,
		table th {
			/* border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; */
			border: 1px solid #f4f4f4;
			padding: 10px 6px;
			font-size: 0.88em;
			/* line-height: 1.1em; */
			/* font-size: 0.69em; */
			/*width: 20%;*/
			}
		table th {
			vertical-align: bottom;
			font-weight: bold;
			font-style: italic;
			color: #fff;
			background: #ccc /* url("/includes/site-images/child-main-heading-bg.gif") left bottom no-repeat */;
		}
		table td {
			vertical-align: top;
			background: #fefefe url("/includes/site-images/td-bg.gif") top left repeat-x;
			}	
	
			table td p {
				font-size: 1.00em;
				/* line-height: 1em; */
				color: #4e4f4f;
				}	
			table td i {
				color: #63748e;
				}
			table td ul li {
					background: url(/includes/site-images/bullet-table.png) no-repeat 0 0;
				}

#Menu a{padding: 6px 25px 6px 25px;} 

/*Set page color scheme
============================*/
#Home_Section h2 a, #Home_Section h2 a:hover, #See_Section h2 a, #See_Section h2 a:hover, #Do_Section h2 a, #Do_Section h2 a:hover, #Stay_Section h2 a, #Stay_Section h2 a:hover, #Travel_Section h2 a, #Travel_Section h2 a:hover, #Book_Section h2 a, #Book_Section h2 a:hover, #Info_Section h2 a, #Info_Section h2 a:hover{color:#000;} /*Black links in introductory paragraph*/

#Home_Section h2, #Home_Section h3, #Home_Section a, #Home_Section a:hover{color:#b51f24;}
#See_Section h2, #See_Section h3, #See_Section h4, #See_Section h5, #See_Section h6, #See_Section a{color:#836e2c;}
#Do_Section h2, #Do_Section h3, #Do_Section h4, #Do_Section h5, #Do_Section h6, #Do_Section a{color:#00365b;}
#Stay_Section h2, #Stay_Section h3, #Stay_Section h4, #Stay_Section h5, #Stay_Section h6, #Stay_Section a{color:#426874;}  
#Travel_Section h2, #Travel_Section h3, #Travel_Section h4, #Travel_Section h5, #Travel_Section h6, #Travel_Section a{color:#9c7487;}
#Book_Section h2, #Book_Section h3, #Book_Section h4, #Book_Section h5, #Book_Section h6, #Book_Section a{color:#005c96;}
#Info_Section h2, #Info_Section h3, #Info_Section h4, #Info_Section h5, #Info_Section h6, #Info_Section a{color:#b51f24;}

/*Vertical column colour*/
#See_Section #VerticalColumn{background-color:#ede9e0;}
#Do_Section #VerticalColumn{background-color:#d9e1e7;}
#Stay_Section #VerticalColumn{background-color:#e3e8ea;}     
#Travel_Section #VerticalColumn{background-color:#f0eaed;}
#Book_Section #VerticalColumn{background-color:#d9e7ef;}
#Info_Section #VerticalColumn{background-color:#f4dede;}
/*menu description colour*/
#See_Section .VerticalColumnDes{color:#836e2c;}
#Do_Section .VerticalColumnDes{color:#00365b;}
#Stay_Section .VerticalColumnDes{color:#426874;}     
#Travel_Section .VerticalColumnDes{color:#9c7487;}
#Book_Section .VerticalColumnDes{color:#005c96;}
#Info_Section .VerticalColumnDes{color:#b51f24;}
/*===============================================================================================*/

/* Main container 
============================*/
#Container {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	min-height:580px;
}
/* Header banners above menu
============================*/
#Header {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 900px;
	height: 50px;
	background:none!important;	
}



#Header a{text-decoration:underline;}

#Header a:hover {border:none;}

#Header h1 {
	color:#fff;margin:0px;text-align:center;
}

.HeaderLink{
	display:block;
	width:900px;
	height:150px;
	

}

/*v---temp---v*/
#Header.Home {
	background-image:none;
	background-color:#999;
	height: 150px;
}


/* Main horizontal menu
============================*/
#Menu {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	display:none;
}

#Menu ul{
		margin: 0 0 36px 0;

		line-height: 1.7em;
}

	#Menu li {
		font-family: Arial, Helvetica, sans-serif;
		float:left;
		display:block;
		width:149px;
		height:22px;
		text-align:center;
		padding-top:8px;
		margin-bottom:10px;
		font-size: 1.14em;
		line-height:1em;
	}
		#Menu li a {
			list-style:none;
			text-decoration:none;
			color:#fff;
			border:none;
		}
		
			#Menu li a:hover {color:#fff;text-decoration:underline;}

#Menu .ItemOne{background-color:#836e2c;margin-right:1px;}
#Menu .ItemTwo{background-color:#00365b;margin-right:1px;}
#Menu .ItemThree{background-color:#426874;margin-right:1px;}
#Menu .ItemFour{background-color:#9c7487;margin-right:1px;}
#Menu .ItemFive{background-color:#005c96;margin-right:1px;}
#Menu .ItemSix{background-color:#b51f24;width:150px;}

/*==========================================*/

/* Left column/ menus
============================*/
#VerticalColumn{
	clear:both;
	width:149px;
	min-height:402px;
	background-color:#d9e7ef;
	float:left;
	display:none;
	padding-top:8px;
}
	.VerticalColumnDes{
		
		font-size:0.81em;
		margin-top:4px;
		margin-bottom: 10px;
		display:block;	
	}
	
#VerticalColumn ul{font-size:1em;line-height:normal;padding-left:10px;padding-right:10px;}
#VerticalColumn ul li{margin-right:0px;}
#VerticalColumn ul li a{border:none;}
#VerticalColumn ul li a:hover{border:none;text-decoration: underline;}

#VerticalColumn ul ul{line-height:normal;margin-top:8px;}
#VerticalColumn ul ul li{line-height:100%;}
#VerticalColumn ul ul li a{ /*menu sub level 1*/color:#666;font-size:.81em;border:none;}
#VerticalColumn ul ul li a:hover{border:none;text-decoration:underline;}

#VerticalColumn ul ul ul{line-height:normal;margin-top:8px;}
#VerticalColumn ul ul ul li{line-height:100%;font-size:1em}
#VerticalColumn ul ul ul li a{ /*menu sub level 2*/display:block;color:#999;}
#VerticalColumn ul ul ul li a:hover{border:none;text-decoration:underline;}


#VCPlaceholder{
	width:149px;
	height:90px;
	margin-top:70px;
	margin-bottom:10px;
}
/* Main images
============================*/
#MainImageT1{
	height:190px; /*temp*/
	width:900px; /*temp*/
	clear:both;
	margin: 0px 0px 20px 0px;
}

#MainImageT2{	
	height:140px; /*temp*/
	width:750px; /*temp*/
	margin: 0px 0px 10px 0px;
	display:none;
}

.MainImageT2b{margin:0px 6px 0px 6px;}

/*===================================*/

/* Main content areas
============================*/

/* Template 1
================*/
#T1Sect1{
	height:190px;
	width: 150px;
	float:left;
	display:none;
}
	#T1Sect1 img{
		margin-bottom:10px;
	}
		
#T1Sect2{
	width: 866px;
	float:left;
	padding: 0px 32px 0px 2px;
}

	#T1Sect2 p{
		margin:10px 0px 0px 0px;
	}

#T1Sect3{
	width: 300px;
	height:190px;
	float:left;
	padding: 0px 0px 0px 0px;
	display:none;
}
	#T1Sect3 img{
		margin-bottom:10px;
	}

/* Template 2 / 2a / 2b
===============*/
#T2Sect1{
	width: 447px;
	float:left;
	padding: 10px 26px 0px 26px;

}

#T2Sect2{
	height:190px;
	width: 300px;
	float:left;
	margin-top: 40px;
}
	
#T2aSect2{
	height:260px;
	width: 300px;
	float:left;
	margin-top:43px;
}
	#T2Sect2 img, #T2aSect2 img{
		margin-bottom:10px;
	}
	
/* Template 3
===============*/
#T3Sect1{
	width: 300px;
	height: 409px;
	background-color:#999;
	float:left;
	margin-top:10px;
}
#T3Sect2{
	float:right;
	width:548px;
	padding: 10px 26px 0px 26px;
}

/* Template 3a
===============*/
#T3aSect1{
	float:left;
	width:548px;
	padding: 0px 26px 0px 10px;
}

#T3aSect2{
	width: 300px;
	float:right;
	margin-top: 4px;
}
	#T3aSect2 img{
		margin-bottom:10px;
	}	

/* Template 3b
===============*/

#T3bSect1{
	width: 600px;
	height: 409px;
	float:left;
	margin-top:10px;
}

#T3bSect2{
	float:right;
	width:255px;
	padding: 10px 10px 0px 35px;
}
	
/* Template 4 (full width layout)
===============*/	
#T4Sect2{	
	clear:both;
	width:862px;
	padding: 10px 14px 0px 24px;
}

/* Footer
===============*/
	
#footer{	
	width: 900px;
	height: 30px;
	clear:both;
	margin-bottom: 10px;
}

/*table fix*/
#T2Sect1 table {width:300px;}
#T2Sect1 table td {width:10px;}