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


/* GENERAL */

* { padding: 0px; margin: 0px; }
* { outline: 0px; }



body, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f3e5; }
body { line-height: 15px; background-color: #133354; }


a { color: #a6be8a; text-decoration: none; }
a:hover { text-decoration: underline; }
a.footerLink01 { color: #749fcd; }
a.footerLink02 { color: #3f6ea0; }

noscript { color: #000000; font-weight: bold; text-decoration: none; }


img { border: 0px; }

h1 { font-size: 20px; padding: 0px 0px 25px 0px; color: #f6e667; }
h2 { font-size: 16px; padding: 5px 0px 10px 0px; color: #e7d03a; }
h3{ font-size: 14px; margin: 0px 0px 5px; color: #c5cf82; }
p { padding: 0px 0px 20px 0px; }

ul, 
ol { list-style: none; padding: 0px; }


ul.bubbleL1 { list-style-image: url("../../images/ul-bubble01.gif"); margin: 0px 0px 20px 0px; padding: 0px 25px 10px 10px; }
	ul.bubbleL1 li {  }
	
ul.bubbleL2 { list-style-image: url("../../images/ul-bubble02.gif"); margin: 10px 0px; padding: 10px 10px 10px 20px; }
	ul.bubbleL2 li {  }


ul.ulerrors { padding: 10px; border: 1px dotted #dde28c; }
	ul.ulerrors li { padding: 2px 0px; color: #dde28c; }

ul.ulsuccess { padding: 10px; border: 1px dotted #6ac17a; }
	ul.ulsuccess li { padding: 2px 0px; color: #6ac17a; }


form { margin: 20px 0px 0px 0px; }

input, 
textarea { padding: 2px 4px; border: 1px solid #e2e2e2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #305b88; }

input[type="submit"]  { cursor: pointer;}

/* --- */

.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { content: ""; display: block; clear: both; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

/* --- */

.importantNote { color: #e7d03a; }

/* GENERAL END --------------------------------------------------------------------------------------------------------------------------------------------- */






/* HEADER */

.headerWrapper { width: 100%; height: 300px; background-color: #ffffff; }
	.headerWrapper .header { width: 980px; height: 300px; margin: 0px auto; background-image: url(../../images/bg-header.jpg); background-repeat: no-repeat; }
		.headerWrapper .header .logo { width: 394px; padding: 87px 0px 63px 0px; }
		.headerWrapper .header .menu { width: 621px; height: 41px; background-image: url(../../images/bg-menu.gif); background-repeat: no-repeat; }

ul.mainMenu { list-style: none; margin 0px; padding: 0px; }
	ul.mainMenu li { float: left; }
		
		ul.mainMenu li a { display: block; height: 41px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; text-align: center; line-height: 41px; color: #ffffff; }
		ul.mainMenu li a:hover { text-decoration: none; }
		
		ul.mainMenu li a.home { width: 62px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-home.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.home:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.homeSelected { width: 62px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-home.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.courseDetail { width: 126px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-courseDetail.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.courseDetail:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.courseDetailSelected { width: 126px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-courseDetail.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.boatingCard { width: 103px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-boatingCard.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.boatingCard:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.boatingCardSelected { width: 103px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-boatingCard.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.orderManual { width: 109px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-orderManual.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.orderManual:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.orderManualSelected { width: 109px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-orderManual.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.lostCard { width: 81px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-lostCard.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.lostCard:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.lostCardSelected { width: 81px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-lostCard.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.faq { width: 48px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-faq.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.faq:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.faqSelected { width: 48px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-faq.gif); background-repeat: no-repeat; }
		
		ul.mainMenu li a.contactUs { width: 92px; color: #c9e7f4; background-position: 0px 0px; background-image: url(../../images/btn-contactUs.gif); background-repeat: no-repeat; }
		ul.mainMenu li a.contactUs:hover { color: #ffffff; background-position: 0px -41px; }
		ul.mainMenu li a.contactUsSelected { width: 92px; color: #ffffff; background-position: 0px -41px; background-image: url(../../images/btn-contactUs.gif); background-repeat: no-repeat; }

/* HEADER END ---------------------------------------------------------------------------------------------------------------------------------------------- */






/* CONTENT */

.contentWrapper { width: 100%; background-color: #2f5a87; background-image: url(../../images/bg-content.gif); background-repeat: repeat-x; }
	.contentWrapper .content { position: relative; width: 980px; margin: 0px auto; }
		.contentWrapper .content .contentLeft { float: left; width: 621px; padding: 64px 0px 84px 0px; background-image: url(../../images/bg-topContent.gif); background-repeat: repeat-x; }
			
			.adFrame01 { display: block; margin: 0px 0px 20px 0px; padding: 7px; font-size: 14px; font-weight: bold; border: 1px dotted #dac89e; color: #f0f0f0; background-color: #7aa5cc; }
			
		.contentWrapper .content .contentRight { float: right; width: 359px; min-height: 590px; }
			.contentWrapper .content .contentRight .bgBoat { position: absolute; top: 0px; width: 359px; height: 199px; background-image: url(../../images/bg-boat.gif); background-repeat: no-repeat; }
			.contentWrapper .content .contentRight .bgBubbles { position: absolute; bottom: 0px; width: 359px; height: 252px; background-image: url(../../images/bg-bubbles.gif); background-repeat: no-repeat; }
			

.formWrapper { width: 100% }
	.formWrapper .formRow { margin: 0px 0px 10px 0px; }
		.formWrapper .formRow .column01 { width: 150px; padding: 2px 6px 0px 0px; }
		.formWrapper .formRow .column02 { padding: 0px 0px 0px 10px; }
	
	.formWrapper .formButtons { margin: 0px 0px 40px 166px; }
	
.formComments { font-size: 10px; color: #96b5cc; }

.warning { color: #dde28c; }

/* CONTENT END ---------------------------------------------------------------------------------------------------------------------------------------------- */






/* FOOTER */

.footerWrapper { width: 100%; border-top: 1px solid #7ea6d8; }
	.footerWrapper .footer { width: 980px; margin: 0px auto; padding: 26px 0px; font-size: 10px; color: #749fcd; }
		.footerWrapper .footer .leftText { float: left; width: 621px; line-height: 15px; }
		.footerWrapper .footer .rightText { float: left; width: 359px; text-align: right; }
			
			.footerWrapper .footer .leftText .copyrightText { color: #3f6ea0; }


/* FOOTER END ---------------------------------------------------------------------------------------------------------------------------------------------- */







/* Forms and text formating */

.textField01 { width: 160px; }
.textField02 { width: 60px; }
.textField03 { width: 34px; }

.textArea01 { width: 300px; height: 150px; }

/* Forms and text formating END ---------------------------------------------------------------------------------------------------------------------------------------------- */