/* 
File:    baysailStyle.css
Purpose: style sheet for www.baysail.com.au 
Client:  John Owens 
Version: 1.0 
Date:    16 May 2008
Author:  Jim Gillespie, Frontend Solutions
*/
body { 
    margin:0; 
		padding:0;
    background-color:#b9babb;
		text-align:center; 
}
.boldblue { font-weight:bold; color:#3b5e98 }
.boldred {font-weight:bold; color:#a30f0f }
.boldaqua {font-weight:bold; color:#007373 }
.boldlightblue { font-weight:bold; color:#336aa8 }
.redhead {font-size:10pt; font-weight:bold; color:#a30f0f }
.quote { font:14pt Times, "Times New Roman", serif; line-height:14pt}

#border {
    width:760px;
		margin-top:20px;
    background-color:#ffffff;
		text-align:center; 
}
#container {
		margin-top:10px;
    margin-bottom:0;
    margin-left:auto;
		margin-right:auto;
		width:740px;
		background-color:#ffffff;
    border-width:10px; border-style:solid; border-color:#ffffff;
    text-align:left;
}
#homebanner { width:740px; height:200px; background-image:url(../images/home_banner.jpg); background-repeat:no-repeat; }
#aboutbanner { width:740px; height:200px; background-image:url(../images/about_banner.jpg); background-repeat:no-repeat; }
#sailingbanner { width:740px; height:200px; background-image:url(../images/sailing_banner.jpg); background-repeat:no-repeat; }
#cruisesbanner { width:740px; height:200px; background-image:url(../images/cruises_banner.jpg); background-repeat:no-repeat; }
#ratesbanner { width:740px; height:200px; background-image:url(../images/rates_banner.jpg); background-repeat:no-repeat; }
#faqbanner { width:740px; height:200px; background-image:url(../images/faq_banner.jpg); background-repeat:no-repeat; }
#locationbanner { width:740px; height:200px; background-image:url(../images/location_banner.jpg); background-repeat:no-repeat; }
#contactbanner { width:740px; height:200px; background-image:url(../images/contact_banner.jpg); background-repeat:no-repeat; }
#whalebanner { width:740px; height:200px; background-image:url(../images/whale_banner.jpg); background-repeat:no-repeat; }
#gallerybanner { width:740px; height:200px; background-image:url(../images/gallery_banner.jpg); background-repeat:no-repeat; }
#buildingbanner { width:740px; height:200px; background-image:url(../images/building_banner.jpg); background-repeat:no-repeat; } 
#adminbanner { width:716px; margin-right:auto; margin-left:auto; height:80px; background-image:url(../images/admin_banner.jpg); background-repeat:no-repeat; margin-top:10px; }  

#sidebar {
		float:left;
		width:204px;
		border-left:10px solid #ffffff;
		background-color:#ffffff;
}
#sidebar p {
		margin:8pt;
		font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
		line-height:16pt;
}
#sidebar a:link {
    font:9pt Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#0a5096;
		text-decoration:none;
    background:transparent;
}
#sidebar a:visited {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#0a5096;
		text-decoration:none;
}
#sidebar a:hover {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
    border-bottom:#980202 1px dotted;
}
#sidebar a:active {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
		text-decoration:none;
}
#home {
		margin-top:70px;
		width:178px;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#home p { 
		margin:0;
		margin-top:4px;
		margin-right:4px;
		margin-bottom:8px;
		margin-left:8px;
 }
#faq {
		margin-top:70px;
		width:175px;
		padding-top:15px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#rates {
		margin-top:70px;
		width:176px;
		padding-top:15px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#ratestable td {
		padding-bottom:6px;
}
#contact {
		margin-top:75px;
		width:175px;
		padding-top:5px;
		padding-bottom:10px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#contactdetails td {
		padding-bottom:6px
}
#location {
		margin-top:68px;
		width:176px;
		height:300px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#sailing {
		margin-top:65px;
		width:176px;
		padding-top:4px;
		padding-bottom:4px;
		background-color:#fafad2;
		border:1px solid #ffff40;
		text-align:center;
}
#sailing a:hover {
    border-bottom:0;	
}
#cruises {
		margin-top:70px;
		width:175px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#about {
		margin-top:65px;
		width:176px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#building {
		margin-top:65px;
		width:176px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#gallery {
		margin-top:64px;
		width:176px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#whales {
		margin-top:65px;
		width:176px;
		background-color:#fafad2;
		border:1px solid #ffff40;
}
#main {
		margin-top:20px;
		margin-left:214px;
}
#main p {
		margin:0;
		margin-left:0;
		margin-bottom:8px;
		font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
		line-height:16pt;
}
#main h1 {
		margin:0;
		margin-bottom:8px;
		font:20pt Times, "Times New Roman", serif;
    font-weight:bold;
		font-style:italic;
    line-height:20pt;
		padding-top:4px;
   	color:#4a86c4
}
#main h2 {
		margin:0;
		font:10pt "Helvetica neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    line-height:14pt;
    padding-top:10px;
    color:#a30f0f /*#993f3f*/
}
#main td {
		font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
		font-style:normal;
		line-height:13pt;
}
#main a:link {
    font:9pt Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#0a5096;
		text-decoration:none;
    background:transparent;
}
#main a:visited {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#0a5096;
		text-decoration:none;
}
#main a:hover {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
    border-bottom:#980202 1px dotted;
}
#main a:active {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
		text-decoration:none;
}
#photos {
		width:500px;
}
#photos p {
		font:8pt "Helvetica neue", Helvetica, Arial, sans-serif; 
}
#eco {
		width:500px;
		background-color:#f5faff;
		padding-left:5px;
		padding-top:4px;
		border:1px solid #e7f3ff;
}
#eco a:hover {
    border-bottom:0;	
}
#indent {
		margin-top:20px;
		margin-left:204px;
}
#indent p {
		font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
		line-height:16pt;
}
#indent h1 {
		margin:0;
		font:20pt Times, "Times New Roman", serif;
    font-weight:bold;
		font-style:italic;
    line-height:20pt;
    padding-top:10px;
		color:#4a86c4
}

#info {
    background-color:#f2f2f2;
}
#info p {
    font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
    line-height:15pt;
}
#info b {
    font:10pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-variant:small-caps;
    color:#993f3f;
}
#info td {
    padding:15px 10px 4px 0;
}
#bottom {
    padding-top:4px;
    padding-left:25px;
    background-color:#f2f2f2; /*#ececec;*/
    /*border-top:1px solid #ededeb;*/
}
#bottom p {
    font:9pt "Helvetica neue", Helvetica, Arial, sans-serif;
    line-height:15pt;
}
.heading {
    font:11pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#5f86c1;
}
.message {
    font:13pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#b86060;
}
.caption {
    font:9pt Arial, Helvetica, sans-serif;
    line-height:22pt;
}
#questions {
    padding-left:30px;
    padding-top:20px;
    margin-right:20px;
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    line-height:14pt;
}
.address {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;
    line-height:13pt;
}
.phone {
    margin-top:10px;
    margin-right:20px;
    font-weight:normal;
}
.menu {
		font-family:"Helvetica neue", Helvetica, Arial, sans-serif;
		font-size:9pt;
		font-weight:bold;
		letter-spacing:0.5pt;
		color:#ffffff;
    text-decoration:none;
    text-align:left;
		padding-top:10px;
    padding-right:8px;
    padding-bottom:7px;
    padding-left:7px;
}
.menu:hover {
		background-color:#00a1b1;
}
#toolbar {
		margin:0;
		clear:all;
    width:740px;
		background-image:url(../images/menu_banner2.gif); background-repeat:no-repeat;
    padding:20px 0 7px 202px;  /* t,r,b,l */
}
.dropdown {
		position:absolute;
		visibility:hidden;
		margin-left:30px;
		border-left:1px solid #c0c0c0;
		border-top:1px solid #c0c0c0;
		border-right:1px solid #b0b0b0;
		border-bottom:1px solid #b0b0b0;
		border-bottom-width:0;
		font-family:"Helvetica neue", Helvetica, Arial, sans-serif;
		font-size:8pt;
		font-weight:bold;
		letter-spacing:0.5pt;
		line-height:22px;
		z-index:100;
		background-color:#d1d1d1;
 		width:160px;
}
.dropdown a {
		width:100%;
		display:block;
		text-indent:3px;
		border-bottom:1px solid #b0b0b0;
		padding:1px 0;
		text-decoration:none;
		font-weight:bold;
		color:#ffffff;
		text-indent:5px;
}
.dropdown a:hover { 
		background-color:#b9b9b9;
		color:#ffffff;
}
#links {
    margin-top:15px;
    margin-right:10px;
    margin-bottom:20px;
}
#links td { 
    padding-left:25px; 
    padding-top:2px;
    line-height:14pt;
}
#hire {
    margin-top:15px;
    margin-right:10px;
    margin-bottom:20px;
}
#hire td { 
    padding-left:27px; 
    padding-top:2px;
    width:200px;
}
#hire p {
    font:9pt Arial, Helvetica, sans-serif;
    line-height:13pt;
}
#hire b {
    font:10pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-variant:small-caps;
    color:#993f3f;
}
#copyright { display:none }
#footer { 
    clear:both; 
    margin-top:10px; 
    padding-bottom:10px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:9pt; 
    line-height:12pt;
    color:#606060
}
#footer p { text-align:center; font-family: Arial, sans-serif; font-size:9pt; line-height:12pt; color:#606060 }
#footer a { text-decoration:none }
#footer a:active { color:#606060 }
#footer a:link { color:#606060 }
#footer a:visited { color:#606060 }
#footer a:hover { color:#3b5e98 }

#admin {
   	width:716px;
    margin-right:auto;
    margin-left:auto;
		text-align:left;
		background-color:#f2f2f2;
    font:9pt Arial, Helvetica, sans-serif;
		line-height:16pt;
		padding-left:30px;
}
#admin p {
		font:9pt Arial, Helvetica, sans-serif;
		line-height:14pt;
}
#admin h1 {
    font:16pt Arial, Helvetica, sans-serif;
		font-weight:bold;
    font-variant:small-caps;
    line-height:16pt;
    padding-top:20px;
    color:#993f3f
}
#admin tr { 
}
#admin td {
		font:9pt Arial, Helvetica, sans-serif
}
#admin a:link {
    font:9pt Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#0a5096;
		text-decoration:none;
    background:transparent;
}
#admin a:visited {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#0a5096;
		text-decoration:none;
}
#admin a:hover {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
    border-bottom:#980202 1px dotted;
}
#admin a:active {
    font:9pt Arial, Helvetica, sans-serif;
    font-weight:normal;
		color:#980202;
		text-decoration:none;
}