@charset "utf-8";
/************** Groups colour notes: dark blue: #244379    gold:#c7a017 ********************/



/*********** Half a reset css (full reset wrecks existing Groups pages) ***********/

html {	height: 100%; }  

ol, ul {	list-style: none; }
blockquote, q {	quotes: none;  }
 
/* remember to define focus styles! */
:focus {	outline: 0; }

 /* remember to highlight inserts somehow! */
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
 
/* tables still need 'cellspacing="0"' in the markup */
table {	border-spacing: 0; }
table img { display:block;   }
 
/*********** END of Half Reset CSS   ***********/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align:center;
	padding: 0; margin: 0;
	overflow: hidden;	
	}
html {	overflow-y: scroll; /****** forces scroll-bar to always appear in Firefox, so no horizontal shift occurs*****/
		height: 100%;
		} 
p {	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6c6a74;
	text-align:left;
	vertical-align:top; 
	}
p.noSpace{ margin-bottom: 0px; margin-top: 0px; }

table {	border-spacing: 0; border-collapse: collapse;  }
table img { display:block;   }

.centred {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6c6a74;
	text-align:center;
	vertical-align:top; 
	}

.content {
	width:775px;
	height:auto;
	border:none;
	height: inherit;
	padding:0;
	}
.header {
	background: url(images/header-blogo.jpg) no-repeat;
	width: 775px;
	height:80px;
	padding:0; 	margin:0;
	float:right;
}
.header1 {
	background: url(images/header-blogo.jpg) no-repeat;
	width: 775px;
	height:46px;
	padding:0;	margin:0;
	text-align:right;
	vertical-align:bottom
}
.header2 {
	background: url(images/header-bar.jpg) no-repeat;
	width: 775px;
	height:36px;
	padding:0;	margin:0;
	vertical-align:middle;
	}
.maincontent {
	background: url(images/Aferrygp-BG6.jpg) no-repeat;
	width:775px;
	border:none;
	height: 400px;
	padding:0; margin:0;
	}
.maincontent-1 {
	background: url(images/Aferrygp-BG2.jpg) no-repeat;
	width:775px; height: 400px;
	border:none;
	padding:0; margin:0;
		}
.maincontent-2 {
	background-repeat:no-repeat;
	width:775px; height: 400px;
	border:none;
	padding:0; margin:0;
	background-position: right top;
	vertical-align: top;
	}

.maincontentOP {
	background: url(images/Aferrygp-BG5.jpg) no-repeat;
	width:775px; height: 400px;
	border:none;
	padding:0; margin:0;
	}
.nav {	width:775px; height:40px;
		float:right;
		margin:0; padding:0;
		}

.tabs {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }

.tabs a {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #244379;
			text-decoration: none;
			}
	
.tabs a:hover {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
	
.tabs a:visited {	font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

.whitetabs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align: right;
}
.whitetabs a {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
	
.whitetabs a:hover { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFCC00; }
	
.whitetabs a:visited { font: bold 10px Verdana, Arial, Helvetica, sans-serif;  text-decoration: none; }

h1 {	font: bolder 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#244379;
		text-align:left;
		padding:0; margin: 0;
		}
h1 strong {		font: lighter 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#185993; }
								
h2 {	font: lighter 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#185993;
		text-align: left;
		padding:0; margin:0;
		}
.galleryH2 {	font: lighter 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#185993;
				text-align: left;
				padding: 4px 0px 0px 0px; 
				margin-right:20px;
				border-top:	1px dotted #185993;
				}
.title2 {
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif; color:#c7a017;
	text-align: left;
	}
ul {	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#333333;
		list-style: none;
		padding: 0 0 0 5px;
		margin: 0;
		text-align: left;
		}
		
ul li {	padding-left: 10px;
		list-style: url(none) none;
		background: url(images/Bullet.jpg) no-repeat 0 0;
		margin: 0px 0px 0px 0.2em;
		}

.paragraph {	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c6a74;
				text-align:left;
				vertical-align:top; 
				}

.Bkengine {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#000000;
			background-color:#FFFFFF;
			text-align: left;
			vertical-align:top
			}
.quote {	font: italic lighter 14px Verdana, Arial, Helvetica, sans-serif; color:#c7a017;
			text-align: right;
			vertical-align: bottom;
			}
.quote strong{	font: bold italic 14px/14px Verdana, Arial, Helvetica, sans-serif; color: #c7a017;
				text-align: right;
				vertical-align: bottom;
				}
.line {	height:1px; background:url(images/Greydot.jpg) repeat-x; }
.line-yellow { height:1px; background: url(images/yellowdot.jpg) repeat-x; }
.line-vert { width:1px; background-image:url(images/Greydot-vert.jpg) repeat-y;	}
	
.Zoomout {	font: bolder normal 10px Verdana, Arial, Helvetica, sans-serif; color:#c7a017;
			text-align:center;
			}
.Zoomout a { 	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#c7a017;
				text-decoration: none;
				vertical-align: middle;
				}
	
.Zoomout a:hover {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#cccccc;
					background:url(images/arrow-down.gif) right;
					}
	
.Zoomout a:visited {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
						text-decoration: none;
						background-position:right
					}

strong {	font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #244379;
			text-align: left;
			}
.bold a {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#c7a017;
			text-decoration: none;
			}
	
.bold a:hover {	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#cccccc;
				background:url(images/arrow-down.gif) right;
				}
	
.bold a:visited {	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
					background-position:right
					}

.bar{	vertical-align:top; background-color: #234378; text-align:right; }

.Topbar {	width:608px; height:9px;
			background: #234378 url(images/bar.gif) no-repeat;
			vertical-align:top;
			}

.footer {	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#6c6a74;
			text-align: center;
			}
.footer a {	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#6c6a74;
			text-decoration: none;
			}
	
.footer a:hover {	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#cccccc;
					background:url(images/arrow-down.gif right) ;
					}
	
.footer a:visited {	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
					}
.allrights {	font: normal 9px Verdana, Arial, Helvetica, sans-serif; color:#333333;
				text-align: center;
				}

/********************************* GC new 2010 additions ***********************************/

/***divWrapper contains everything ABOVE "#footer", which must be outside divWrapper to make Sticky Footer work ***/
 #divWrapper {	min-height: 100%;
				height: 100%;
				width:770px;
				margin-left:auto; margin-right:auto;
				padding:0px;
				text-align:left;
				background-color: #ffffff;
				padding: 0px 0px 20px 0px; 
				overflow:hidden;
				zoom: 1;
				}

.twoColumn {	width:770px;
				overflow:visible;
				clear:both;
				padding: 5px 0px 5px 0px;
				}  
.twoColumnHomepage {	width:770px; height: 122px;
				overflow:visible;
				clear:both;
				padding: 5px 0px 5px 0px;
				background: #ffffff url(images/Aferrygp-BG6new.jpg) bottom right no-repeat;
				}  
					
#divLeft{	float: left;
			width: 375px;
			margin-right:20px;
			padding-bottom: 10px;
			
}                             
#divLeft p {margin: 0px 0px 10px 0px; padding: 0; 	}

.groupForm{	width: 375px;
			padding-bottom: 20px;
			background: #ffffff url(./images/corner-shadow.jpg) bottom right no-repeat;
			}                             

.groupForm p {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6c6a74; text-transform: uppercase; }



#divRight{	float: right; 
			width: 375px;
			 }

#phoneUs {	width: 375px; }

.operatorImages {	width: 375px; margin: 0px 0px 10px 0px; }

#divRight p {margin: 5px 0px 8px 0px; padding: 0;	}
.highlight {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #b28c35; text-transform: uppercase; }

		
#operatorLogo { float: right; width: 120px;  margin: 0px 0px 6px 10px; }
				
.photo img {	border:thin #E1E1E1 solid;
				background-color: #FFF;
				padding: 4px; 
				
				}

.figure {
	float: left;
	text-align:center;
	width: 130px;
	margin: 0px 23px 10px 0px;
	height: 80px;
	display: inline;
}
.figure a:link, .figure a:visited, .figure a:hover { 	font: normal 12px/14px Arial, Helvetica, sans-serif; 
						text-align: center; color: #666666;
						 text-decoration: none;
						 display: block;

					}



p a:link, p a:visited, p a:hover { 	font: bold 11px Arial, Helvetica, sans-serif; color: #244379;
						 			text-decoration: none;

					}
.figure a:hover { color: #999999; text-decoration: underline; }
.photo a:hover { color: #999999; border-bottom:none;}

.photo {	background: url(./images/drop_shadow.gif) right bottom no-repeat; 
			text-align:center;}


#gallery {	margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; 
			}
			
				
ul.niceList { margin-left:0em; padding-left:0.2em; margin-bottom:1em; }
ul.niceList li { background:url(images/bullet.gif) 0em 0.4em no-repeat; /* change background em accordingly */ padding-left: 0.8em; list-style: none; }
.niceList ul li { background-image:url(images/bullet_child.gif); }

ol.niceList li, ul.niceList li { margin-bottom:0.25em; }

ol.niceList { margin-left:1.5em; padding-left:0px; }
.niceList ol li { list-style:decimal; background-image:none; padding-left:0em; }

a.text:link, a.text:visited, a.text:hover { 	font: normal 12px/16px Arial, Helvetica, sans-serif; 
						text-align: left; color: #666666;
						 text-decoration: none;
						 display: block;
						 margin: 0; padding: 0;
						}

a.text:hover { color: #999999; text-decoration: underline; }