/* 
Copyright 2006 Timaru Motors. All Rights Reserved.
------------------------------------------------------
General Elements
Page Structure
Typography
Images
Navigation
Links
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/18px Arial, Verdana, sans-serif;
color: #777;
background: #fff;
text-align: left;
margin: 0;
padding: 0 30px;
}
body#body {
background: #C9C8C8 url(Images/contentbg.gif) top left repeat-y;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 100%; 
margin: 0;
padding: 0;
background: url(Images/bg.gif) top left repeat-x;

}
#content {
width: 883px; 
margin: 0;
padding: 0;
margin: 0 auto;

}
#header {
margin: 0;
padding: 0;
height: 125px;
width: 725px;
position: relative;
background: #fff url(Images/header2.jpg) top left no-repeat;
}

#header2 {
margin: 0;
padding: 0;
height: 125px;
width: 725px;
position: relative;
background: #fff url(Images/marina-news-h.jpg) no-repeat left top;
}

#leftwrap {
	padding: 0;
	margin: 0;
	float: left;
	width: 725px;
	background-color: #FFFFFF;
	background-image: url(Images/left-img.gif);
	background-repeat: repeat-y;
}
#left {
	padding: 0;
	margin: 0;
	float: left;
	width: 165px;
	/*background-image: url(Images/left-img.gif);
	background-repeat: repeat-y;*/
}
#copy {
padding: 20px 0 0 0;
margin: 0;
width: 500px;
float: left;
}
#right {
padding: 0;
margin: 0;
float: right;
width: 158px;
}
#options {
padding: 15px 0 15px 11px;
margin: 30px 0 0;
background: #C0BDBD;
width: 100px;
}
#links {
	width: 111px;
	margin: 0 0 0 0px;
	padding: 0;
	height: 100%;
	background-image: url(Images/left-img.gif);
	background-repeat: repeat-y;
}
#copy div {
margin: 0;
padding: 0 0 0 30px;
}
#news {
width: 160px;
padding: 0;
margin: 10px 0 0 0;
border-left: 1px solid #1A5E98;
float: right;
}
/* TYPOGRAPHY */
table {
font: normal 11px/18px Arial, Verdana, sans-serif;
color: #777;
padding: 0;
margin: 0;
}
#copy table td {
vertical-align: top;
padding: 0;
margin: 0;
}
p {
margin: 0; 
padding: 8px 0; 
}
.grey6 {
font: normal 6pt Arial, Verdana, sans-serif;
}
.grey8 {
font: normal 8pt Arial, Verdana, sans-serif;
}
.grey10 {
font: normal 10pt Arial, Verdana, sans-serif;
}
.grey12 {
font: normal 12pt Arial, Verdana, sans-serif;
}
.grey14 {
font: normal 14pt Arial, Verdana, sans-serif;
}
.grey16 {
font: normal 16pt Arial, Verdana, sans-serif;
}
.blue6 {
font: normal 6pt Arial, Verdana, sans-serif;
color: #28689E;
}
.blue8 {
font: normal 8pt Arial, Verdana, sans-serif;
color: #28689E;
}
.blue10 {
font: normal 10pt Arial, Verdana, sans-serif;
color: #28689E;
}
.blue12 {
font: normal 12pt Arial, Verdana, sans-serif;
color: #28689E;
}
.blue14 {
font: normal 14pt Arial, Verdana, sans-serif;
color: #28689E;
}
.blue16 {
font: normal 16pt Arial, Verdana, sans-serif;
color: #28689E;
}
h1 { 
font: bold 12px/18px Arial, Verdana, sans-serif;
margin: 0; 
padding: 10px 0 6px 0;
color: #28689E;
}
h2 { 
font: bold 12px/18px Arial, Verdana, sans-serif;
margin: 8px 0; 
padding: 0;
color: #7E0000;
}
h3 { 
font: bold 11px/18px Arial, Verdana, sans-serif;
margin: 8px 0; 
padding: 0;
color: #777;
}
ul {
padding: 0;
margin: 0;
}
#options ul {
padding: 0 0 0 0px;
margin: 0;
list-style: none;
}
#options li {
padding: 2px 0;
margin: 0;
}
#links ul {
padding: 0;
margin: 0;
list-style: none;
}
#links li {
padding: 0;
margin: 0;
}
/* IMAGES */
a img {
border: none;
}
/* NAVIGATION  */
#nav {
margin: 40px 0 0 0px;
padding: 0;
width: 111px;
}
#nav table {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav td {
margin: 0;
padding: 0;
}
#nav a {
margin: 0 0 0 11px;
color: #fff;
text-decoration: none;
display: block;
width: 90px;
padding: 7px 5px 2px 5px;
font: bold 11px/18px Arial, Arial sans-serif;
border-bottom: 1px solid #9C9A9A;
}
#nav a:hover, #nav td.current a {
color: #073053;
border-bottom: 1px solid #fff;
}
#topnav {
margin: 0;
padding: 0 0 0 187px;
width: 570px;
background: #1A5E98
}
#topnav table {
margin: 0;
padding: 0;
list-style-type: none;
}
#topnav td {
margin: 0;
padding: 0;
}
#topnav a {
margin: 0;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 3px 8px;
font: bold 11px/18px Arial, Arial sans-serif;
}
#topnav a:hover, #topnav td.current a {
background: #073053;
}
/* LINKS */
a {
padding: 0;
margin: 0;
text-decoration: none;
color: #009EB4;
}
a:hover {
color: #000;
}
.logo {
float: left;
padding: 0;
margin: 0;
background: url(Images/logo.gif) top left no-repeat;
height: 87px;
width: 486px;
}
/* FOOTER */
#footer {
clear: both;
padding: 0;
margin: 0;
}
/* FORMS */
#search {
padding: 0;
margin: 0;
position: absolute;
top: 16px;
left: 308px;
}
#searchform td {
padding: 0;
}
form {
padding: 0;
margin: 0;
}
#searchinput {
width: 102px;
background: #fff;
border: 1px solid #D8D7D7;
height: 14px;
margin: 0 0 0 10px;
}
#copy table.SubscribeForm, #copy table.EmailFormContainer, #copy table.EmailFormContainer table  {
margin: 0;
}#topnav2 {
	margin: 0;
	padding: 0 0 0 101px;
	width: 570px;
	background: #1A5E98 url(Images/marina-news-b.jpg);
	height: 24px;
}
#leftwrap2 {
	padding: 0;
	margin: 0;
	float: left;
	width: 671px;
	background-color: #FFFFFF;
	background-image: url(Images/left-img.gif);
	background-repeat: repeat-y;
}
