@charset "utf-8";

body { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color: #164871; }

* {margin: 0px; padding: 0px;}

#container { margin: 10px auto; text-align: left; width: 800px; background-color: #397eb7; background-image: url(images/background.gif); }
#main { width: 800px; background-image: url(images/background.gif); }

#header { width: 750px; height: 341px; margin-left: 25px; background-image: url(images/header.jpg); display: block; }

.nav { width: 742px; height: 22px; margin: 2px 0px 2px 25px; background-color: #a5cae5; padding: 3px 5px 3px 1px; }
.nav ul      { }
.nav li      { display: inline; background-color: #245882; width: 102px; height: 22px; float: left; margin-left: 4px; text-align: center; }
.nav a       { width: 102px; height: 19px; padding-top: 3px; text-decoration: none; color: #a5cae5; font-weight: 800; display: block; }
.nav a:hover { color: #ffffff; font-weight: 800; }

p, h1, a, span{ font-family: verdana,arial,helvetica,sans-serif; }

#content { width: 750px; margin-left: 25px; background-color: #a5cae5; }
.left { float: left; width: 390px; display: inline; margin: 20px 0px 30px 20px; }
.left p       { font-size: 12px; color: #000000; padding: 5px 0px; }
.left a       { color: #052d4e; font-weight: 800; }
.left a:hover { color: #ffffff; }
.left h1      { font-size: 16px; color: #052d4e; display: inline; font-weight: 900; }
.left span    { font-size: 12px; color: #007dda; font-weight: 900; display: inline; margin-left: 8px; }

.right { float: right; width: 260px; background-color: #397eb7; color: #ffffff; font-size: 12px; padding: 10px 20px; margin: 30px 20px 20px 0px; display: inline; }
.right p      { padding: 7px 0px; }
.right a      { color: #ffffff; font-weight: 900; }
.right a:hover{ color: #052d4e; }

.centre        { float:left; width: 700px; display: inline; margin: 20px 0px 30px 20px; }
.centre p      { font-size: 12px; color: #000000; padding: 5px 0px; }
.centre a      { color: #052d4e; font-weight: 800; }
.centre a:hover{ color: #dfdfdf; }
.centre h1     { font-size: 20px; color: #052d4e; display: inline; font-weight: 900; }
.centre span   { font-size: 12px; color: #007dda; font-weight: 900; display: inline; margin-left: 8px; }

#gallery       { width:710px; margin: 0px; padding: 0px; background: #ffffff; }
#gallery img   { border: 1px; padding: 1px; margin: 1px; }
#gallery p     { margin: 2px; padding: 2px; text-align: center; }

img.left       { float: left;}
img.right      { float: right;}
img.centred    { display: block; margin-left:auto; margin-right:auto; }

#links         {  }
#links p       { margin: 10px 0px 0px 0px; padding: 5px; background-color: #ffffff; font-size: 1.0em; color: #000000; }
#links a       { text-transform: none; text-decoration: none; color: #000080; }
#links a:hover { text-decoration: underline; }
#links img     { border: 1px; }

/* just adds a 20px spacer on top */
.post { margin-top: 20px; }
.post a      {  }
.post a:hover{  }
.post p      {  }

.gappytext   { margin: 1px 1px; }

.whitebglink {  }
.whitebglink a:hover{ color: #d04040; }

#footer { width: 800px; color: #ffffff; margin: 0px; text-align: center; background-color: #164871; }
#footer img { border: 0px; }
.cfooter ul      { }
.cfooter li      { display: inline; float: none; text-align: center; }
.cfooter a       { color: #ffffff; font-weight: 900; text-decoration: none; }
.cfooter a:hover { text-decoration: underline; }
.cfooter span    { display: block; clear: both; color: #ffffff; margin: 10px 0px; }

.clear{ clear: both; }