@charset "utf-8";
/* CSS Sea Witch Sailing Charters */

body { 
	background: #033a9f; 
	color: #0F0F0F; 
	font: 62.5%/1em Arial, Helvetica, sans-serif; 
	margin: 1em 0 0; 
	padding: 0;
}

p { font-size: 1.2em ; margin-bottom: 1em ; }
h1 { font-size: 3em ; }
/* h2 { font-size: 2.7em ; } */
h3 { font-size: 2.5em ; }

#wrapper {
	background: #fff url(../i/sw_bg.jpg) ;
	width: 80em ;
	margin: 1em auto ;
	text-align: center ;
}

#topcopy p span { font-weight: bold ; }

/* top panel */
#topPanel {
	width: 770px ;
	position: relative; 
	margin: 0 auto; 
	padding:0; 
}

#topPanel ul { display: inline ; }
#topPanel ul li { float: left ; font-family: 'lucinda grande', arial, sans-serif ; }

/* header panel */
#topPanel #headerPanelpc ,
#topPanel #headerPanelpg ,
#topPanel #headerPanelcu {
	width: 230px ; 
	height: 180px ; 
	margin-left: 10px ;
	margin-right: 10px ;
	margin-bottom: 0 ;
	padding: 0 ; 
	color: #fff ;
	display: inline-block ;
}

#topPanel #headerPanelpc {
	background: transparent url(../i/o-normal.jpg) no-repeat 0 0 ; 
}

#topPanel #headerPanelpg {
	background: transparent url(../i/g-normal.jpg) no-repeat 0 0 ; 
}

#topPanel #headerPanelcu {
	background: transparent url(../i/b-normal.jpg) no-repeat 0 0 ;
}

#topPanel #headerPanelpc a ,
#topPanel #headerPanelpg a ,
#topPanel #headerPanelcu a {
	/* width: 230px ;   */
	height: 180px ;
	padding-top: 1em ;
	padding-left: 60px ;
	padding-right: 50px ;
	display: block ;
	text-decoration: none ; 
	font: 2.5em/1.2 'lucina grande', arial, sans-serif ; 
	font-weight: bold ; 
}

#topPanel #headerPanelpc a:hover ,
#topPanel #headerPanelpg a:hover ,
#topPanel #headerPanelcu a:hover {
	padding-top: 1em ;
	padding-left: 60px ;
	padding-right: 50px ;
	background: transparent url(../i/h.jpg) no-repeat 0 0 ; 
	height: 180px;
	color: #fff; 
	text-decoration: none;
}

/* content */
#bodyPanel {
	width: 75em ;  
	position: relative ; 
	margin: 1.2em auto 0 ; 
	padding: 0 ;
}

#bodyPanel img {
	float:left; 
	margin: .3em 2.5em 1em 1em ;
}

#slides { width: 240px ; height: 240px ; overflow: hidden ; position: relative ; float:left; margin-right: 18px ; margin-bottom: 10px ; border: 2px solid #f00 ; }
#bodyPanel h2 { margin: 0 16px ; }

h2 { 
	background: #fff ; 
	display: block; 
	margin: 0 0 0 1em ; 
	font:3em/1 Georgia, "Times New Roman", Times, serif; 
	font-weight: bold ; 
	padding: 0 ; 
	color:#f00 ;
	text-align: left ;
}

#bodyPanel p {
	margin: 1em 0 1em 4em ;
	color: #0F0F0F;
	font-size: 1.4em ;
	line-height: 1.5 ;
}

#bodyPanel p.pad {
	margin-bottom: 2em ;
}

#bodyPanel p span {
	font-weight: bold ;
}

.em {
	font-weight: bold ;
	font-style: italic ;
}
#bodyPanel div.dotline{
	clear: both ;
	background: #fff url(../i/dot-line.gif) 0 0 repeat-x ; 
	padding: 0 ; 
	margin: 1.5em 3em 0 2em ; 
	color: #000 ;
}

#bodyPanel p.capstext{
	background: none; 
	font: 1.8em/1.6em Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	color: #555555; 
	padding: .2em .8em 0 .8em ; 
	margin: 0 .5em 1em .5em ; 
}

ul#contact {
	clear: both ;
	display: block ;
	border: 1px dashed #000066 ;
	margin: .2em 1em 1em ;
	padding-bottom: 1em ;
}
ul#contact ,
ul#contact li {
	padding: 1em .1em .2em .2em ;
	font-weight: bold ;
	margin: .5em 1em ;
	text-align: center ;
}
ul#contact li {
	display:inline ; 
	vertical-align:  ;
	font-size: 1.3em ;
}
ul#contact li img {
	vertical-align: middle ;
	margin: 0 .5em 0 0 ;
	float: none ;
}
ul#contact li a span { text-decoration: none ; }
ul#contact li a:hover span { text-decoration: underline ; }
ul#contact li a ,
ul#contact li a:hover { text-decoration: none ; }

#footerPanel { 
	clear: both ;
	width:100%;  
	background: #DCDCDC; 
	color: #FFCC99 ; 
	font-size: 1em ;
	margin: .1em auto ;
	text-align: center ;
}
#footerPanel ul {
	padding: .3em ;
	margin: 0 auto ;
	text-align: center ;
	font-style: normal ;
}
#footerPanel ul ,
#footerPanel ul li {
	display: inline ;
	color: #666666 ;
	padding: 0 1em ;
	height: 1.5em ;
}
#footerPanel ul li a { font-weight: normal ; }

/* rates table information */
table { border-collapse: collapse ; margin: 1em auto ; }
table, tr, td { padding: 0 .2em .2em ; margin: 0 ; }

table.rates { border: 1px solid #666666 ; text-align: left; vertical-align: top ; padding: .3em .5em ; }
table.rates tr td { border-right: 1px solid #666 ; border-bottom: 1px solid #666 ; vertical-align: top ; }
thead { text-align: center ; font-weight: bold ; font-size: 1.2em; border-bottom: 1px solid #666 ; }

table.rates tbody tr:hover td, 
table.rates tbody tr:focus td,
table.rates tbody tr:hover th,
table.rates tbody tr:focus th
{
	background: url("../i/p/shimx.gif")  repeat-x top left;
	color: #000;
}
table.rates tr.odd
{
	background: url("../i/p/shim.gif")  repeat-x top left;
}

#bodyPanel p.abnb {
  text-align: center ;
  margin: 1em auto ;
  padding: 1em ;
  background-color: #FFFFEA;
  border: 1px solid #000066 ;
}

.ip { margin-top: 1em ; }
label { display: block ; margin: .2em auto .5em ; }
.skip { visibility: hidden ; }
.contact { font-weight: bold ; text-align: center ; }
div.footer { background: #E2F3FC url("../i/p/shim.gif") repeat-x left; }
div.footer p { font-size: 1em ; text-align: center ; }
form { border: 1px solid #000066; }

/* main */
body#main div#services {
	float: right ;
	width: 25% ;
	background-color: #E6E6E6 ;
	border: 1px dotted #666 ;
	padding: 12px ;
	margin: 18px 0 10px 10px ;
}
body#main #services ul ,
body#main #services ul li { 
	list-style: circle ;
	list-style-position: inside ;
}
body#main #services ul li span { font-weight: bold ; font-size: 1.1em; }
body#main #services p {
	margin: 5px auto 2px 0 ;
	padding-left: 0 ;
	font-weight: bold ;
	font-style: italic ;
	text-decoration: underline ;
}
body#main #coc { width: 100% ; height: 201px ; }
body#main #coc, body#main #coc a , body#main #coc a img {
	margin: 0 auto .5em ;
	text-align: center ;
	float: none ;
}
body#main object { visibility: hidden ; position: absolute ; }

/* about */
body#about #copy { width: 350px ; }
body#about #bodyPanel h2 { margin-left: 0 ; }
body#about #bodyPanel p + h2 { margin-top: 1.2em ; }
body#about #bodyPanel p { margin-left: 0 ;  }
body#about #bodyPanel p + div.dotline { margin-top: 2em ; }
body#about #bodyPanel div.dotline { clear: none ; /* width of pic col */ }
body#about #bodyPanel div.picsR { width: 325px ; float: right ; margin-left: 1em ; }
body#about #bodyPanel div.picsL { width: 365px ; float: left ; margin-right: 1em ; }
body#about #bodyPanel div.picsR div ,
body#about #bodyPanel div.picsL div { border: 3px solid #993300 ; padding: 10px ; margin-bottom: 1em ; }
body#about #bodyPanel div.picsR div h3 ,
body#about #bodyPanel div.picsL div h3 { font-size: 1em ; font-weight: bold ; text-align: right ; margin: .5em .5em 0 0 ; padding-top: .5em ; line-height: normal ; }
body#about #bodyPanel div.picsR img ,
body#about #bodyPanel div.picsL img { margin: 0 ; float: none ; }
body#about #bodyPanel div.th_strip { float: left ; margin: 16px 20px 0 0 ; width: 90px ; }
body#about #bodyPanel div.th_strip img { margin-bottom: 16px ; border: 2px solid #7dd300 ; padding: 4px ; }
body#about #inset {
	padding: .5em ;
	background-color: #CCC ;
	border: 1px solid #000 ;
	font-style: italic ;
	font-weight: bold ;
	clear: both ;
}

/* rates */
body#rates div#tables { font-size: 1.2em ; }
body#rates h2 { margin-left: .3em ; width: auto ; }
body#rates td { padding: .5em ; }
body#rates table.rates { margin: 1em auto ; text-align: center ; width: 70% ; }
body#rates table.inset { border: none ; width: 90% ;float: right ; }
body#rates .mainHdr { font-size: 1.5em ; font-weight: bold ; background-color: #EFE3B4 ; }
body#rates .price { font-weight: bold ; text-align: right ; margin-right: .3em ; width: 8em ; }
body#rates .rj { text-align: right ; margin-right: .3em; }

body#rates form { clear: both ; padding-top: 1em ; width: 80% ; margin: .3em auto 1em ; text-align: center ; }
body#rates form img { vertical-align: middle ; }
body#rates #bodyPanel tr td p {  background-color: transparent ; margin: 0 .5em .5em ; padding: .2em ; font-size: 1em; line-height: 1em ; border: none ; }
body#rates #bodyPanel div#cancel ,
body#rates #bodyPanel p { margin: 1em auto 1em 1em ;  padding: .7em ; border: 1px solid #000066 ; }
body#rates #bodyPanel div#cancel { background-color: #E6E6E6 ; }
body#rates #bodyPanel div#cancel p { background-color: transparent ; font-size: 1em ; border: none ; margin: 0 auto; }
body#rates #bodyPanel div#cancel p span { font-weight: bold ; font-size: 1.1em ; }
body#rates #bodyPanel p { background-color: #D7EBFF ; }
body#rates ul#contact { border: none ; padding: 1em 0 ; margin: .2em 0 1em ; }
body#rates hr { width: 100%; height: 2px; margin: 2em auto ; }

#gallery { text-align: center ; margin: .2em auto ; }