/*--Layout adapted from
456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ --*/
html {
height: 101%;
margin: 0;
padding: 0;
background: #EBE8D6;
color: #000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
margin: 0;
padding: 0;
background: #EBE8D6;
color: #000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
min-width: 760px;
}
#wrap {
background: url('img/nauticalNeedle_wrapBg.jpg') repeat-y top left;
margin: 0 auto;
width: 770px;
}
#header {
background: transparent;
height: 174px;
}
#header H1 {
margin: 0;
}
#main {
background: transparent;
float: left;
width: 480px;
padding-left:8px;
padding-top:.8em;
margin-bottom: 12px;
}
#main h2 {
margin: .9em 0 0 1em;
font-size: 1.3em;
color: #036;
}
#main h4 {
padding: 0px .8em;
color: #369;
}
#main h5 {
padding: 0px .8em;
color: #036;
}
#main h3 {
padding: 0px .8em;
color: #036;
}
#main p {
padding:0 .8em;
font-size: .92em;
line-height: 1.4em;
text-align:justify;
}
#sidebar {
background: transparent;
float: right;
width: 260px;
margin-top: 20px;
padding-top:.7em;
}
#sidebar ul {
margin-bottom: 0;
}
#sidebar h5 {
margin-top: 0;
padding-bottom:0;
padding: 0 10px 0 0;
color: #600;
}
#sidebar h3 {
margin-top: 0;
padding: 0 10px 0 0;
color: #600;
}
#sidebar p {
padding: 0 24px 0 0;
font-size: .72em;
text-align:justify;
text-indent: .8em;
}
#sidebar img {
border: 0;
}
/* old footer
#footer {
background: transparent url('img/nauticalNeedle_foot.gif') no-repeat top left;
clear: both;
text-align: center;
padding-top: 46px;
height: 60px;
}
#footer address {
margin: 0;
padding: 0;
}
#footer p {
margin: 0;
padding: 0;
} --- */
/* New Footer */
#footer {
background: transparent;
clear: both;
text-align: center;
font-size:.86em;
padding-bottom:1em;
}
#footer p {
padding: 5px;
margin: 0;
}
#footer address {
padding: 5px;
font-style:normal;
font-weight:bold;
color:#036; 
}
/*-- Presentational classes --*/
img.right {
border-width: 0px;
float: right;
clear: right;
padding: 5px 0 16px 16px;
}
img.left {
border-width: 0px;
float: left;
clear: left;
padding: 5px 16px 16px 16px;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
border: 0;
}
p.center {
text-align: center;
padding: .7em 4em;
}
p.right {
text-align: right;
padding: 5px 16px 16px 16px;
}
strong.hlight {
 color:#600;
}
span.small {
	font-size:.74em;
	line-height:1.2em;
	color:gray;
}