@charset "utf-8";
/* CSS Document */

/* Home page content */


.myHomepage {
	background-color: #F3F2F0;
	width:100%;
}

.myHomepage #hideURL{
	display: none;
}

.myHomepage #container {
	width: 90%; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: auto;
}

.myHomepage #personaColumn {
	/*margin: 20px 20% 0 0;*/
	margin: 20px 22% 0 0;
}

.myHomepage #recreationalColumn {
	float:left;
	width: 32%;
	/*width: 30%;*/	
}

.myHomepage #seafarerColumn {
	float: right;
	width: 33%;
	/*width: 30%;*/
}

.myHomepage #commercialColumn {
	margin: 0 34% 0 33%;
	/*margin: 0 32% 0 32%;*/
}

.myHomepage #resourceColumn {
	margin-top: 0px;
	float: right;
	width: 21%;
	overflow:hidden;
}

.myHomepage #resourceBox1 {
	width: auto;
	height: auto;
	padding-bottom: 16px;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.myHomepage #resourceBox2 {
	width: auto;
	height: auto;
	padding-left:4px;
	padding-bottom: 6px;
	padding-top: 10px;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:center;
}

.myHomepage #urgentBox {
	width:auto;
	height: 42px;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 0 10px 0;
} 

.myHomepage #urgentBox h1 {
	background-image:url(/images/red-button-bak.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 42px;
	line-height: 42px;
	width:auto;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	margin-top: 0;
	
}

.myHomepage #urgentBox h1 span {
	height: 42px;
	display: block;
	background-image: url(/images/red-button-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 

.myHomepage #urgentBox h1 span span {
	background-image: url(/images/red-button-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 42px;
	display: block;
} 

.myHomepage #urgentBox a {
	color: #FFFFFF;
} 

.myHomepage #onlineBox {
	width:auto;
	height: 42px;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 0 10px 0;
} 

.myHomepage #onlineBox h1 {
	background-image:url(/images/blue-button-bak.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 42px;
	line-height: 42px;
	width:auto;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	margin-top: 0;
}

.myHomepage #onlineBox h1 span {
	height: 42px;
	display: block;
	background-image: url(/images/blu-button-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 

.myHomepage #onlineBox h1 span span {
	background-image: url(/images/blu-button-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 42px;
	display: block;
}  

.myHomepage #onlineBox a {
	color: #FFFFFF;
} 

.myHomepage #toolBox {
	background-image:url(/images/toolbox1-back.gif);
	background-position:left center;
	background-repeat: no-repeat;
	height: 42px;
	padding-right: 16px;
}

.myHomepage #resourceFiller p {
	font-size: 0.69em;
	color: #000000;
	line-height: 1.2em;
	margin-top: 8px;
	margin-left:18px;
	margin-right: 8px;
	margin-bottom: 0px;
	text-align:left;
}

.myHomepage #resourceFiller ul {
	font-size: 0.69em;
	font-weight: bold;
	/*color: #0090c5;*/
	line-height: 1.5em;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 8px;
	margin-bottom: 12px;
	text-align:left;
}

.myHomepage a#reduceFont{
	display:block;
	background-image:url(/images/reduce-font-size.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 29px;
	width: 26px;
}
.myHomepage a#reduceFont:hover{
	background-image:url(/images/reduce-font-size-over.gif);
	text-decoration:none;
}
.myHomepage a#increaseFont{
	display:block;
	background-image:url(/images/increase-font-size.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	width: 28px;
}
.myHomepage a#increaseFont:hover{
	background-image:url(/images/increase-font-size-over.gif);
	text-decoration:none;
}
.myHomepage a#normaliseFont{
	display:block;
	background-image:url(/images/normalise-font-size.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 29px;
	width: 17px;
}
.myHomepage a#normaliseFont:hover{
	background-image:url(/images/normalise-font-size-over.gif);
	text-decoration:none;
}

.myHomepage a#printPage{
	display:block;
	background-image:url(/images/print.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 29px;
	width: 47px;
}
.myHomepage a#printPage:hover{
	background-image:url(/images/print-over.gif);
	text-decoration:none;
}

.myHomepage #personaBox {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AFAFAF;
	border-right-color: #AFAFAF;
	border-bottom-color: #AFAFAF;
	border-left-color: #AFAFAF;
	background-image: url(/images/dropdown-back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 8px;
	/*		t  l  b  r */      
	margin: 0 2% 0 2%;
	overflow: hidden;
}

.myHomepage #personaBox p {
	font-size: 0.75em;
	color: #000000;
	line-height: 1.2em;
	margin-top: 8px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 0px;
}

.myHomepage #personaBox ul {
	font-size: 0.69em;
	font-weight: bold;
	color: #0090c5;
	line-height: 1.5em;
	margin-top: 8px;
	margin-left: -20px;
	margin-right: 8px;
	margin-bottom: 6px;
}

.myHomepage #fillerBox {
	padding: 6px 8px 8px 12px;
	/*		t  r  b  l */      
	margin: 0 2% 0 2%;
	overflow: hidden;
	font-size: 0.69em;
}

.myHomepage #fillerBox p {
	/*font-size: 0.75em;*/
	color: #666666;
	line-height: 1.2em;
	margin-top: 2px;
	margin-left:4px;
	margin-right: 2px;
	margin-bottom: 0.88em;
	font-weight: bold;
}

.myHomepage #fillerBox a {
	/*font-size: 0.69em;*/
	font-weight: bold;
}

.myHomepage #pictureShadow {
	display: block;
	width:auto;
	background-color: #6C6C6C;
	padding-bottom: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #C3C3C3;
	border-left-color: #AFAFAF;
}

.myHomepage #recImage {
	height: 130px;
	background-color: #FFFFFF;
	background-image: url(/images/recreational/rec-persona.jpg);
	cursor: pointer;
	background-position: center center;
	display: block;
	border: 3px solid #FFFFFF;	
}

.myHomepage #commercialImage {
	height: 130px;
	background-color: #FFFFFF;
	background-image: url(/images/commercial/commercial-persona.jpg);
	cursor: pointer;
	background-position: center center;
	display: block;
	border: 3px solid #FFFFFF;	
}

.myHomepage #seafarerImage {
	height: 130px;
	background-color: #FFFFFF;
	background-image: url(/images/seafarer/seafarer-persona.jpg);
	cursor: pointer;
	background-position: center center;
	display: block;
	border: 3px solid #FFFFFF;	
}

.myHomepage #recreationalColumn h1 {
	background-image:url(/images/Recreational/middle-title1.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 34px;
	line-height: 34px;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 2% 0 2%;
}

.myHomepage #recreationalColumn h1 a {
	color: #FFFFFF;
}

.myHomepage #recreationalColumn h2 span a {
	color: #000000;
}

.myHomepage #commercialColumn h1 {
	background-image:url(/images/Commercial/middle-title1.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 34px;
	line-height: 34px;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 2% 0 2%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-left-color: #AFAFAF;
}

.myHomepage #commercialColumn h1 a {
	color: #FFFFFF;
}

.myHomepage #commercialColumn h2 span a {
	color: #000000;
}

.myHomepage #seafarerColumn h1 {
	background-image:url(/images/Seafarer/middle-title1.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 34px;
	line-height:34px;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 2% 0 2%;
}

.myHomepage #seafarerColumn h1 a {
	color: #FFFFFF;
}

.myHomepage #seafarerColumn h2 span a {
	color: #000000;
}

.myHomepage #seafarerColumn h1 span { 
	background: url(/images/Seafarer/top-right-title1.gif) top right no-repeat;
	height: 34px; 
	display: block; 
} 

.myHomepage #seafarerColumn h1 span span {
	background-image: url(/images/Seafarer/bottom-right-title1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 34px;
	display:block;
}

.myHomepage #recreationalColumn h2 {
	background-image:url(/images/media-title1.jpg);
	background-color: #AFAFAF;
	background-position: left;
	height: 42px;
	font-size: 0.88em;
	letter-spacing: 0.04em;
	line-height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: 400;
	padding-left: 60px;
	/*		t  l  b  r  */     
	margin: 24px 2% 4px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.myHomepage #recreationalColumn h2 span {
	background: url(/images/top-right-corner.gif) top right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #recreationalColumn h2 span span {
	background: url(/images/bottom-right-corner.gif) bottom right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #commercialColumn h2 {
	background-image:url(/images/consultation-title1.jpg);
	background-color: #AFAFAF;
	background-position: left;
	height: 42px;
	font-size: 0.88em;
	letter-spacing: 0.04em;
	line-height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: 400;
	padding-left: 60px;
	/*		t  l  b  r  */     
	margin: 20px 2% 4px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.myHomepage #commercialColumn h2 span {
	background: url(/images/top-right-corner.gif) top right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #commercialColumn h2 span span {
	background: url(/images/bottom-right-corner.gif) bottom right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #seafarerColumn h2 {
	background-image:url(/images/whats-new-title1.jpg);
	background-color: #AFAFAF;
	background-position: left;
	height: 42px;
	font-size: 0.88em;
	letter-spacing: 0.04em;
	line-height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: 400;
	padding-left: 60px;
	/*		t  l  b  r  */     
	margin: 20px 2% 4px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.myHomepage #seafarerColumn h2 span {
	background: url(/images/top-right-corner.gif) top right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #seafarerColumn h2 span span {
	background: url(/images/bottom-right-corner.gif) bottom right no-repeat;
	height: 42px; 
	display: block;
}

.myHomepage #imgLeft {
			/*t  r  b  l*/
	margin: 0 10px 0 0;
	padding: 2px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #5A5A5A;
	border-left-color: #AFAFAF;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}

.myHomepage #floatLeft {
	float:left;
	width:auto;
	padding: 0;
	margin: 0;
}