﻿/* Layout */
html, body, div, p, ul, li, img, form, fieldset, input, textarea, select, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
.centre {width: 955px; margin: 0 auto;}
.container {float: left; width: 100%; height: 538px; background-color: #fff; color: #000; margin-top: 10px; padding-top: 20px;}

h1 {float: right; background: url(../images/larsen_logo.gif) no-repeat; width: 350px; height: 44px; padding-right: 12px;}
h1 span {display: none;}

.navigation {float: right; clear: both; text-transform: uppercase; list-style-type: none; padding: 50px 200px 0 0;}
.navigation li {margin-bottom: 10px;}
.navigation a {text-decoration: none; color: #000;}
.navigation a:hover {text-decoration: underline;}

.content {width: 590px; height: 538px; font-size: 0.9em;}
.content img {display: block;} /*ie6 whitespace bug*/

/* Footer - kept outside div.container so that site can expand without pushing this over the edge */
.footer {float: left; width: 949px; padding: 3px; background-color: #fff; color: #000; font-size: 0.7em;}
.footer .otherSites {float: left; width: 590px;}
.footer .otherSites p {float: left; width: 130px;}
.footer .otherSites ul {float: left; width: 460px; list-style-type: none;}
.footer .otherSites li {display: inline;}
.footer .copyright {float: right; margin-top: 1em;}
.footer a {text-decoration: none; color: #000;}
.footer a.red {color: #800000;}
.footer a:hover {text-decoration: underline;}

/* General page styles */
.content {background-color: #797979; color: #fff;}
.content h2 {height: 29px; background-repeat: no-repeat; background-position: 14px bottom; padding-top: 100px; margin-bottom: 60px; background-image: url(../images/mailinglist.gif);}
.content h2 span {display: none;}
.content a {color: #000; font-weight: bold; text-decoration: none;}
.content a:hover {color: #fff; text-decoration: underline;}
.content p {margin-bottom: 1em;}
.warning {color: #890000 !important;}
.content table {margin-left: 15px; width: 560px;}
.content thead th {text-align: left; background-color: #666; padding: 0 6px; height: 30px; border-bottom: 1px solid #797979;}
.content tbody th {width: 330px; text-align: left}
.content tbody th, .content td {padding: 0 6px; height: 30px; background-color: #969696; border-bottom: 1px solid #797979;}
.validation {display: block; margin: -55px 0 10px 15px; width: 550px; border: 1px solid #890000; padding: 4px; font-size: 0.85em;}
.validation ul {margin-left: 20px;}
.note {margin: 10px 0 0 15px; font-size: 0.85em;}

.smallCol {width: 170px; float: left; padding-left: 15px; padding-top: 4px;}
.smallCol img {width: 166px; height: 291px; border: 2px solid #fff;}
.largeCol {width: 375px; padding-top: 4px;}
.largeCol img {width: 371px; height: 291px; border: 2px solid #fff; margin-left: 15px;}
.largeCol a {margin-left: 15px;}