/*
HL Logo Colours
#153c5b   background
#4775b3   sea
#c0cbe1   land (approx)
#0f1539   writing (Regatta)
*/

* { margin:0; padding:0;}

body
{
  font-family: Helvetica, Arial, Verdana;
  font-size:14px;
  line-height:1.1em;
  color:#444;
  background:#c0cbe1;
  background-image: url("/images/bg-gradient.jpeg");
  background-attachment: fixed;
  background-position: top;
  background-repeat:repeat-x;
}

input, textarea, select { font-size:1em;}

object { vertical-align:top;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

/*.wrapper { width:100%; overflow:hidden;}*/
.container { width:100%;}

p { margin:0; padding:0; line-height:175%;}

a:hover { background: transparent; border: none;}

/*.tail-top-right { position:absolute; right:0; top:0; width:50%; height:285px; background:url(images/tail-top-right.gif) repeat-x right top;}
*/
#main
{
  width:978px;
  margin:0 auto;
  position:relative;
  border:3px solid gray;
  margin-top:5px;
  padding:5px;
  background:white;
  height:100%;
}

/*#header {height:165px; background:url(images/regatta/header-vslice.jpg) repeat-x left top;}*/
#header, #content, #footer { font-size:1.0em;}

.col-1 {
  float:left;
  width:200px;
  padding: 0 10px 0 10px;
  margin-bottom: 3px;
  margin-left: auto;
  border-right: 3px solid gray;
}

.col-2 {
  /*  background:yellow;*/
  margin:0 0 52px 220px;
  border-left: 3px solid gray;
  padding:20px 0 20px 10px;
}

#header
{
  margin: 0; padding: 0;
}

#header-images
{
  /*  background: #153c5b;*/
  background-image: url("images/header-gradient.jpeg");
  height:175px;
  padding:5px;
}

#header-images-no-menu
{
  /*  background: #153c5b;*/
  background-image: url("images/header-gradient.jpeg");
  height:175px;
  padding:5px;
  border-bottom: solid 5px #153c5b;
}

#header-logo
{
  position:absolute;
  height:123px;
  width:287px;
  top:34px;
  left:350px;
  z-index:1;
}
#header-top
{
  display:none;
  width:980px;
}
#header-bottom
{
  display:none;
  width:980px;
}
#header-left
{
  position:relative;
  width:312px;
  height: 165px;
  border: 2px solid gray;
  top:4px;
  left:5px;
  z-index:2;
}
#header-right
{
  position:absolute;
  width:312px;
  height: 165px;
  border: 2px solid gray;
  top:14px;
  right:14px;
  z-index:2;
}
#header-menu
{
  /*clear:both;*/
  padding: 0;
  border-bottom: solid 3px #153c5b;
  margin-left: 225px;
}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#4c7cbd;}
#contacts-form input { width:170px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; float:left;}
#contacts-form textarea { width:539px; height:252px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; margin-bottom:15px; overflow:auto; float:left;}


/*==================list====================*/

ul { list-style:none;}

/*==================other====================*/
.img-box1 { width:100%; overflow:hidden; padding-top:3px;}
.img-box1 img { float:left; margin:-3px 15px 0 0;}

.p1 { margin-bottom:14px;}


/*==================txt, links, lines, titles====================*/
a {color:#4775b3; outline:none;}

h1 { font-weight:bold; margin-top:20px; line-height:24px; color:#153c5b; font-size:22px; }
h2 { font-weight:bold; margin-top:20px; line-height:22px; color:#222; font-size:18px; }

h3 { font-size:1em; color:#4c7cbd; margin:16px 0 4px 0;}
h3 a { color:#4c7cbd; text-decoration:none;}
h3 a:hover { border-bottom: 1px solid black;}
h4 { font-weight:bold; margin-top:10px; line-height:20px; color:#222; font-size:16px; }

/* Centred header */
.hc1 { text-align:center; font-weight:bold; margin-top:20px; line-height:24px; color:#153c5b; font-size:22px; }
.hc2 { text-align:center; font-weight:bold; margin-top:20px; line-height:22px; color:#222; font-size:18px; }
.hc3 { text-align:center; font-weight:bold; margin-top:20px; line-height:18px; color:#222; font-size:14px; }

/* Left header */
.hl1 { font-weight:bold; margin-top:10px; line-height:24px; color:#153c5b; font-size:22px; }
.hl2 { font-weight:bold; margin-top:10px; line-height:22px; color:black; font-size:18px; }
.hl3 { font-weight:bold; margin-top:10px; line-height:18px; color:black; font-size:14px; }

/*
.link { display:block; float:right; background:url(images/link-bgd.gif) repeat-x top; color:#4c7cbd; font-size:1em; text-decoration:none; line-height:.92em;}
.link em { display:block; background:url(images/link-left.gif) no-repeat left top;}
.link b { display:block; background:url(images/link-right.gif) no-repeat right top; padding:5px 21px 6px 21px; font-style:normal;}

.line-hor { border-bottom:1px solid #000; margin:20px 0; overflow:hidden; font-size:0; line-height:0;}
*/
.title { margin-bottom:10px;}


/*==================boxes====================*/
/*.box {
   background:green;
  width:195px;
  float:left;
  margin:0;
}*/
/*.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left; width:100%;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .inner { padding:30px 30px 40px 31px;}
*/

/*content*/
#content { padding-top:3px;}

#home-list
{
  margin-left:100px;
  margin-top:20px;
  list-style:disc;
  display:none;
}

#home-list li
{
  margin-top:10px;
  font-weight: bold;
}

#social-list
{
  margin-left:240px;
  margin-top:40px;
  list-style:none;
}

#social-list li
{
  margin-top:20px;
}

.entry-list
{
  margin-left:35px;
  margin-top:10px;
  list-style:disc;
  line-height:32px;
  height:270px;
}

.sponsor-list
{
  font-size: 13px;
}

.homepage #news {
  margin-bottom: 20px;
}

/*footer*/
#footer
{
  clear:both;
  padding: 2px 0 0 0;
  height:50px;
  margin-top: 15px;
  border-top: solid 5px #153c5b;
  font-size:12px;
  text-align:center;
}

#footer li {float:left; padding: 0;}
#footer ul { padding:0 0 0 230px; margin: 0;}
#footer li a:hover {text-decoration:none;}
#footer img { position:relative; width:80px; padding: 0 10px 0 10px; margin: 0;}
#footer a {
  color:#4c7cbd;
  text-decoration:none;
  font-weight:bold;
}

#w3c
{
  position:absolute;
  margin:0;padding:0;
  right:0px;
  bottom:15px;
}

#spirit-of-the-sea
{
  position:absolute;
  right:50px;
  top:360px;
}

.float-left
{
  border: solid 2px gray;
  margin: 10px 20px 10px 0;
  float: left;
}

.float-right
{
  border: solid 2px gray;
  margin: 10px 0 10px 20px;
  float: right;
}

.float-centre
{
  clear: both;
  border: solid 2px gray;
  margin: 10px auto 10px auto;
}

.indent { margin-left: 300px; }

.image-stack { margin-left:10px; }
.image-stack li img { margin-bottom: 5px; border:solid 2px gray;  }

.main-picture {
  padding: 0;
  margin: 30px 0 0 100px;
  border:solid 2px gray;
}

#entry-intro { padding-left: 50px; padding-right: 50px;}

#entry-intro-box {
  border: solid 5px gray;
  padding: 10px;
  background: #c0cbe1;
}

#entry-prize-box {
  border: solid 5px gray;
  padding: 10px;
  background: #ffffaa;
}

#details-cart-table {
  min-width: 500px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#entry-form {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px gray;
  background: #c0cbe1;
  padding-left: 10px;
}

.compulsory {
  color: blue;
  font-weight: bold;
  font-style: italic;
}

.boxed {
  border: solid 3px gray;
  background: #ddd;
  /*  background-image: url('/regatta/images/box-bg-gradient.jpeg');
    background-repeat: repeat-x;*/
  padding: 0 10px 10px 10px;
  margin-left:20px;
  margin-right:20px;
}

.bright {
  background: #ffffaa;
}

.green {
  background: #98fb98;
}

.twocol td { width: 50%; }

.alignr {
  position: absolute;
  right: 20px;
  padding-bottom: 20px;}

/* Entry form acknowledgement page */

#order-block-left {
  float: left;
  margin-left: 100px;
  width: 350px;
}

#order-block-boat {
  margin-left: 500px;
  width: 350px;
}

#order-block-table {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/*==========================================*/
#web-contact {
  float:right;
  margin-top:35px;
  font-size:10px;
  font-weight:normal;
}
/*==========================================*/
#map_canvas {
  margin-top:10px;
  width: 580px;
  height: 500px;
  border:3px gray solid;
}

#map_links a {
  padding:15px;
}

#map_sponsors {
  margin-top:10px;
  float: right;
  width: 150px;
  line-height: 40px;
}
/*==========================================*/

#jackets {
  margin-left: 25px;
  margin-top:30px;
}

#jackets li {
  margin-left: 0;
  padding-left: 20px;
  float: left;
  width:210px;
}

#jackets ul {
  display:inline;
}

#dinghy-entries-form, #keelboat-entries-form {
  margin-left: 50px;
}

.class-select {
  height:21px;
  margin-top: 1px;
}

.entries-count {
  margin-left: 30px;
}

#entriesTable td {
  font-size: 12px;
}

.account-details {
  margin:15px 10px;
  background: #98fb98;
  padding: 10px;
  border:2px solid gray;
}

/*==========================================*/
#enter-control #instructions {
  margin-left:30px;
}

#enter-control td {
  width: 420px;
  text-align:left;
  padding:10px 20px;
  border:3px solid gray;
  margin:0 10px;
}

#enter-control #entry-csv {
  width: 420px;
  text-align:left;
  padding:0 20px 10px 20px;
  border:3px solid gray;
  margin:0 16px;
  background: #FFCCAA;
}

#enter-control #entry-reference{
  background: #AAFFAA;
}
#enter-control #entry-lastname{
  background: #AAFFFF;
}

#update-fields {
  width: 100%;
  float: left;
  background: yellow;
  border:3px solid gray;
}

#order-admin {
  border:3px solid gray;
  background: #eee;
  padding: 5px;
}

#order-admin td {
  min-width: 85px;
}