/* Copyright 2006 The Inside Story. All Rights Reserved.
------------------------------------------------------
General Elements
Page Structure
Online Dating
Typography
Images
Navigation
Links
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
color: #666600;
background: #fff url(Images/bg.gif) top left repeat-x;
text-align: left;
margin: 0;
padding: 0;
}
body#print table {
font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
}
body#body {
text-align: center;
}
body#print {
background: #fff;
}
/* PAGE STRUCTURE */
#slice {
padding: 0;
margin: 0;
background: url(Images/slice.jpg) 50% 0 no-repeat;
}
#chctours {
padding: 0;
margin: 0;
background: url(Images/slice-chctours.jpg) 50% 0 no-repeat;
}
#akaroa {
padding: 0;
margin: 0;
background: url(Images/slice-akaroa.jpg) 50% 0 no-repeat;
}
#private {
padding: 0;
margin: 0;
background: url(Images/slice-private.jpg) 50% 0 no-repeat;
}
#wrap {
width: 760px; 
margin: 39px auto;
padding: 0;
text-align: left;
background: url(Images/contentbg.gif) top left repeat-y;
}
#print #wrap {
background: none;
width: 500px;
margin: 0;
}
#header {
margin: 0;
padding: 0;
width: 760px;
height: 207px;
float: left;
background: #fff;
}
#gel  {
margin: 0;
padding: 0;
width: 760px;
float: left;
background: url(Images/topbar.gif) top left no-repeat;
}
#content {
width: 581px; 
margin: 0 ;
padding: 0;
float: left;
}
#copy {
width: 441px; 
margin: 0;
padding: 30px 0 0 0;
float: left;
}
#right {
width: 140px;
margin: 0;
padding: 0;
float: right;
}
#left {
width: 179px;
margin: 0;
padding: 0;
float: left;
}
/*TYPOGRAPHY */
table {
font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
vertical-align: top;
margin: 0;
padding: 0;
}
p {
margin: 0; 
padding: 8px 0; 
}
.larger {
font: normal 13px/18px Arial, Verdana, Helvetica, sans-serif;
}
.largest {
font: normal 14px/20px Arial, Verdana, Helvetica, sans-serif;
}
.sub {
padding: 0 0 8px 0;
}
h1 { 
font: bold 16px/24px Georgia, Arial, Helvetica, sans-serif;
margin: 8px 0; 
padding: 0;
}
h2 { 
font: bold 13px/20px Georgia, Arial, Helvetica, sans-serif;
margin: 8px 0; 
padding: 0;
}
h3 { 
font: bold 12px/18px Georgia, Arial, Helvetica, sans-serif;
margin: 8px 0; 
padding: 0;
}
ul {
list-style: none;
padding: 8px 0;
margin: 8px 0;
}
li {
background: url(Images/dot.gif) top left no-repeat;
padding: 3px 14px;
margin: 0;
}
/* IMAGES */
.topimage {
float: right;
}
/* NAVIGATION  */
#nav table {
margin: 14px 0 0 0;
padding: 0 5px;
width: 140px;
line-height: 18px;
}
#nav td {
margin: 0;
padding: 0;
background: url(Images/navdivide.gif) bottom left no-repeat;
}
#nav a {
color: #8C8E07;
margin: 0;
text-decoration: none;
display: block;
padding: 6px 10px;
width: 130px;
background: url(Images/navbg.gif) bottom left no-repeat;
font: bold 12px/18px Arial, Verdana, Helvetica, sans-serif;
}
#nav a:hover, #nav td.current a {
background: url(Images/navhover.gif) 2% 50% no-repeat;
color: #616200;
}
/* LINKS */
.logo {
float: left;
padding: 0;
margin: 0;
background: url(Images/logo.gif) top left no-repeat; 
height: 207px;
width: 160px;
}
a {
text-decoration: underline;
padding: 0;
margin: 0;
color: #666600;
}
a:hover {
text-decoration: none;
}
a img {
border: 0;
}
/* FOOTER */
#footer {
clear: both;
margin: 0;
font: normal 11px/18px Arial, Verdana, Helvetica, sans-serif;
}
#footer div {
width: 760px;
background: url(Images/footer.jpg) top left no-repeat;
padding: 0;
margin: 0;
float: left;
height: 132px;
}
p.contactdetails {
width: 159px;
padding: 0 10px;
float: left;
}
#footer ul li {
padding: 10px 20px;
margin: 0;
float: left;
background: none;
}
#footer ul {
margin: 10px 0 0 100px;
padding: 0;
float: left;
display: inline;
list-style: none;
background:  url(Images/swirl.gif) 45% 0 no-repeat;
}
#footer li a {
float: left;
}
.copyright {
background: #fff;
color: #67400B;
font-size: 10px;
width: 740px;
padding-right: 20px;
text-align: right;
}