/**********************************************************************************************
TEXT STYLES
**********************************************************************************************/
p {
	margin:0px 0px 14px 0px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
#mainColumn>p {margin:0px;}
#mainColumn>p+p {text-indent:30px;}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:30px;
	font-weight:bold;
	color:#669999;
	line-height:normal;
	text-align:center;
	}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	}	
h4 {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	}
.headerTitle {
	margin-left:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:50px;
	font-size:21px;
	font-weight:bold;
	color:white;
	text-align:left;
	}
.sectionHeader {
	border-bottom:1px solid #cccccc;
	padding-top:1em;}
	
#homepageFeature h3 {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#263d6d;
	border-bottom:1px solid #263d6d;
	}
#homepageFeature ul.links {list-style-image:url(../../_img/layout/actionLink.gif); margin:0 0 0 1em; padding:0 0 0 1em;}
#rightColumn #rightContentItem {
	padding:5px 15px 1.5em 0px;
	margin:0 14px 10px 14px;
	border-bottom:1px solid #cccccc;
	}
#rightContentItem h4 {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
	margin-bottom:2px;
	line-height:normal;
	}
#rightContentItem p {
	font-size:11px;
	line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top:2px;
	}
#leftColQuote , #leftColQuote p{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top:40px;
	padding:0 4px 0 4px;
	}
#contentHighlight {
	float:left;
	padding:5px 5px 5px 5px;;
	width:100%;
	margin-left:-10px;
	color:#336666;
	border-top:1px dashed #336666;
	border-bottom:1px dashed #336666;
	}
	
p.quote {font-style:italic; padding:0 1em 0 1em; color:#333333;}
p.quote strong {font-style:normal; font-weight:normal; font-size: 0.8em;}
p.footnote {font-size: 0.75em; color:#333333; border-top:1px solid #cccccc;}
.dividergray {border-bottom:1px solid #ccc; margin-bottom:2em;}
/**********************************************************************************************
END - TEXT STYLES
**********************************************************************************************/

/**********************************************************************************************
CSS LAYOUT STYLES - inspired by http://www.glish.com/css/7.asp
**********************************************************************************************/
	body {
		margin:0px;
		padding:0px;
		font:12px/18px verdana, arial, helvetica, sans-serif;
		}
	#img {border:none;}
	#container {background-color:#fff;}
	#leftcontent {
		position: absolute;
		left:0px;
		top:200px;
		width:196px;
		background:#a4a0cb;
		background-image:url(../../_img/columns/column_bg_gradient.gif);
		background-repeat:repeat-x;
		/*border:1px solid #000;
		padding-bottom: 100%;   
		margin-bottom: -100%;*/
		}

	#centercontent {
	padding-left:15px;
	padding-right:15px;
	margin-left: 196px; /*leftcontent width - 1*/
	margin-right:231px; /*rightcontent width - 1*/
	/*border:1px solid #000;*/
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 198px;
		}
	html>body #centercontent {
   		margin-left: 198px;
   		margin-right:231px;
		}

	#rightcontent {
	position: absolute;
	right:0px;
	top:200px;
	width:211px;
	background:#a4a0cb;
	background-image:url(../../_img/columns/column_bg_gradient.gif);
	background-repeat:repeat-x;
	/*border:1px solid #000;*/
		voice-family: "\"}\"";
	voice-family: inherit;
	width:211px;
		}
	html>body #rightcontent {
   		width:216px;
		}
	#banner {
		background:#fff;
		height:216px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:216px;
		background-image:url(../../_img/header/new_header_1400.gif);
		background-repeat:no-repeat;
		}
	html>body #banner {
		height:216px;
		}
		
		.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
#bannerImage {
	float:right;
	margin-right:45px;
	margin-top:3px;
}

#glyphBar {
	position:absolute;
	top:168px;
	width:100%;
	background:#234669;
	height:30px;
	left:0px;
	text-align:center;
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	}
#glyphBar img {padding-top:7px;}

#footer {
	background-color:#cccccc;
	position:relative;
	margin-bottom:0px;
	}

#contentImage {
	float:left;
	padding:0 0px 0 -20px;
	margin:0px 15px 20px -15px;
	}
#mainContentImage {
	float:left;
	padding:0 0px 0 -20px;
	margin:0px 15px 20px -5px;
	}
#contentText {
	padding:0 10px 0 15px;
	}
#homepageFeature {
	float:left;
	width:30%;
	padding-left:0px;
	padding-right:12px;
	}
#homepageFeatureFullWidth {
	float:left;
	padding:5px;
	width:100%;
	margin-left:0px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:1em;
	}
#homepageFeature h3 {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#263d6d;
	border-bottom:1px solid #263d6d;
	}
.homepageFeatureImage {
	float:left;
	padding:0 0px 0 0px;
	margin:0px 5px 0px -3px;
	width:60px;
	}
.homepageFeatureImage img {border:2px solid #eeeeee;}

.homepageFeatureContent {
	/*float:right; width:85%; margin:-17px 0 0 -30px;}*/
	float:left; width:85%; margin:0px 0 0 1em;}
	
.homepageFeatureContent h3 {font-size:14px; margin-top:0; margin-bottom:0.25em;}

#rightContentItem {

	b/*order-bottom:1px solid #cccccc;*/
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-left: 14px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 1.5em;
	padding-left: 0px;
	}
#rightContentItem h2 {
	border-bottom:1px solid gray;}
#rightContentItem h4 {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
	margin-bottom:2px;
	}
#rightContentItem p {
	font-size:11px;
	line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top:2px;
	}
#leftColQuote , #leftColQuote p{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top:40px;
	padding:0 4px 0 4px;
	}
#welcome {
	padding-top: 20px;
}
#welcome h2 {
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#333366;
	text-align:center;
	padding-bottom:.4em;
	}
#homewelcome h2 {
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#333366;
	text-align:center;
	}

.headerTitle {
	margin-left:44px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:50px;
	font-size:21px;
	font-weight:bold;
	color:white;
	}
#contentFullWidth {
	float:left;
	width:100%;
	margin-left:0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 0px;
	}
#contentPricingInfoContainer {
	float:left;
	padding:5px;
	width:100%;
	border-top:1px solid #336666;
	border-bottom:1px solid #336666;
	}
#contentPricingInfoContainer .price {
	float:left;
	text-align:left;
	color:#336666;
	font-size:12px;
	}
#contentPricingInfoContainer .orderLink {
	float:right;
	text-align:right;
	color:#336666;
	font-size:12px;
	}	

.featurePageInlineMap {
	margin: 0.5em 0 1em 0;
	text-align: center;
	}
.featurePageInlineMap img {
	border:2px solid #003366;
	}
#contentArticle {
	clear:both;
	padding:5px;
	width:100%;
	margin-left:0px;
	}
#contentArticle h2 {
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#333366;
	text-align:center;
	}	
.articleQuote {
	padding: 0em 1em 0em 1em;
	font-style:italic;
	font-weight: bold;
	text-align:center;
	}
.articleQuote strong {
	font-style:normal;
	font-weight:normal;
	}
.articleGlyphTitles {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left: 25px;
	}
	
#contentACGReport {
	clear:both;
	padding:5px;
	width:100%;
	margin-left:0px;
	}
#contentACGReport strong {color:#333333;}

#contentACGReport div#reportTitle {
	border-bottom:1px solid #ccc; 
	padding:0.1em 0 1em 0; 
	margin-top:3em;
	margin-bottom:2em;
	background-color:#dedef7;
	}
#contentACGReport h2 {
	margin-top:1.25em;;
	font-size:24px;
	font-weight:bold;
	color:#333366;
	text-align:center;
	}
#contentACGReport h3 {
	font-size:18px;
	padding-top:1.5em;
	padding-bottom:0.25em;
	border-bottom: 1px solid #ccc;
	}
#contentACGReport h4 {
	font-size:14px;
	padding-top:0.25em;
	}
.topLink {
	float:right;
	font-size:0.8em;
	margin-right: 1em;
	width: 20%;
	}
/**********************************************************************************************
CSS LAYOUT STYLES - inspired by http://www.glish.com/css/7.asp
**********************************************************************************************/

/**********************************************************************************************
LINK STYLES
**********************************************************************************************/
a {
	color:#003399;
	text-decoration:underline;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	}
a:link {color:#003366;}
a:visited {color:#003399;}
a:hover {background-color:#d3cde6;}

.contactLink {background-image:url(../../_img/layout/actionLink.gif); background-repeat:no-repeat; background-position:bottom; background-position:left; padding-left:10px;}

.homepageFeatureLink {background-image:url(../../_img/layout/actionLink.gif); background-repeat:no-repeat; background-position:bottom; background-position:left; padding-left:10px; margin-left:0px; }

a.externalLink
{background: url(../../_img/misc/externalLinkIcon.gif) no-repeat 100% 0;
padding: 0 23px 0 0;
}
/**********************************************************************************************
END - LINK STYLES
**********************************************************************************************/

/**********************************************************************************************
NAVIGATION STYLES
**********************************************************************************************/
#nav {
	margin:10px 0px 0 0px;
	padding: 0 0 1em 0;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#333366;
	}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#nav li {
	border-bottom: 1px solid #cccccc;
	margin: 0;
		}
#nav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	color: #333366;
	text-decoration: none;
	width: 90%;
	}
	
.current {
	background-color: #d3cde6;
	}

html>body #nav li a {
	width: auto;
	}

#nav li a:hover {
	background-color: #d3cde6;
	}

#navHeading {padding:3px 0 3px 5px; color:#ffffcc; margin-bottom:-0.1em; background-color: #666699; }

/**********************************************************************************************
END - NAVIGATION STYLES
**********************************************************************************************/

/**********************************************************************************************
BOOKING FORM LAYOUT STYLES
**********************************************************************************************/
div.formRow {
	clear:both;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

div.formRow span.formLabel {
  float: left;
  text-align:left;
  width:35%;
  }

div.formRow span.formElement {
  text-align:left;
  } 

h3.bookingFrmHeading {
	clear:both;
	border-bottom:1px solid #669999;
	padding-top:20px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
.formField {background-color: #fff;
border: 1px double #cccccc; font:12px Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:2px 0px 2px 4px; margin-bottom:3px; }

optgroup {font-size:14px;}

.formHelp {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}
.formPricingInfo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#669999;
	}
/**********************************************************************************************
BOOKING FORM LAYOUT STYLES
**********************************************************************************************/

/***********************************************************************************************
ERROR MESSAGE STYLES
************************************************************************************************/

.formError {border:1px solid #ffcc33; padding:0px 5px 5px 5px; background-color:#ffffcc;}
.formError p, .formError li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:red;
	} 

/***********************************************************************************************
END - ERROR MESSAGE STYLES
************************************************************************************************/

/***********************************************************************************************
ROUNDED BOX STYLES
************************************************************************************************/

.contentsBox {width:40%; padding: 0.25em 0em 2em 2em; float: right;}
.contentsBox h3 {font-size:1.5em; text-align:center; color:#669999; margin-bottom:0.5em; padding-bottom:0.35em; border-bottom:1px solid #ccc;}
.contentsBox ul {list-style-type:none; margin:0; padding:0;}
.contentsBox ul.otherLinks {list-style-image:url(../../_img/layout/actionLink.gif); margin:0; padding:0;}
.contentsBox h4 {font-weight:bold; color:#666666; font-size: 1em; margin-bottom:0.25em;}
.contentsBox ul li {margin-left: 1em;}
.contentsBox ul li  a {color:#666699;}


a:link {color:#003366;}
a:visited {color:#003399;}
a:hover {background-color:#d3cde6;}



.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../../_img/layout/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	background-color:#dedef7;
	border-left: 1px solid #9999cc; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #9999cc;/* YCC: color & properties of the right-borderline */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */


/***********************************************************************************************
END - ROUNDED BOX STYLES
************************************************************************************************/

/***********************************************************************************************
MISC
************************************************************************************************/
.imgleft {float: left; margin-right: 10px;}
.imgright {float: right; margin-left: 10px;}
.centre {text-align: center;}
.note {
	font-family: Arial, Helvetica, sans-serif;
	color: #663399;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	border: 1px dotted #999999;
	padding-top: 4px;
	padding-bottom: 2px;
}
.mediumtext {
	font-size: 14px;
}
.pagenav {
	float: right;
	margin-left: 6px;
	width: 160px;
}
.pagenav h3{
	color: #666699;
	text-align: right;
	border: 1px solid #666699;
	background-color: #D3CDE6;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 2px;
	
}
.notice {
	background-color: #FFBBBB;
	padding: 4px;
	border: 4px solid #CC6600;
	text-align: center;
	font-weight: bold;
}