/*
*	Dry Island Style Sheet
*	==============================
*	Designed By Alacrify Ltd
*	www.alacrify.co.uk
*	jon@alacrify.co.uk
*	Jon Sloper 
*	5th May 2009
*/	
 * {
border:0;
margin:0;
padding:0
}
body {
font-weight:400;
font-size:80%;
background: url('images/background.jpg') center top repeat-x #045692;
color:#fff;
margin:auto
}
h1,h2,h3,h4,h5 {
font-weight:400;
text-align:left;
font-size:1.4em;
line-height:1.1em;
margin-bottom:0;
color:#065188;
}
h2 {
font-size:1.4em;
line-height:1.6em;
margin-bottom:0
}
h3 {
font-size:1.2em;
line-height:1.2em;
margin-bottom:0
}
h4 {
font-size:1.1em;
line-height:1.1em;
margin-bottom:0
}
a {
text-decoration:none
}
a:hover {
color:#f00;
}
p,ul,ol {
font-size:0.9em;
line-height:1.1em
}
ul,ol {
margin-left:4em
}
*,h1,h2,h3,h4,h5,p,ol,ul,li,th,td,caption,input,textarea,a {
font-family:arial, serif
}
#outerContainer {
width:100%;
text-align:center
}
#shadowContainer {
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
background:#fff;
width:900px;
border:1px solid  #555;
border-top:0;
}
#innerContainer {
position:relative;
width:900px;
text-align:left;
background:#FFF;
overflow:hidden;
}
#masthead {
clear:both;
width:850px;
height:220px;
}
#navigation {
float:left;
background: #065188;
width:900px;
}
#navigation a {
height: 23px;
line-height: 23px;
color:#fff;
display:block;
width:100px;
float:left;
text-align:center;
}
#navigation a:hover {
background:#4babf1;
color:#062168;
}
#mainArea {
float:right;
width:400px;
background: url('images/top-shadow.gif') repeat-x top left #fff;
padding-top:20px;
}
#marginContent {
float:left;
width:500px;
margin-bottom:-3000px;
padding-bottom:3020px;
color:#065188;
background:#b4c9d7;
}
#photoGallery {
margin:30px
}
#bottomNav {
position:relative;
width:945px;
color:#FFF;
text-align:left;
margin-left:20px;
height:2.6em
}
#footer {
float:left;
background: #065188;
width:900px;
}
#footer p {
font-family: arial, sans-serif;
font-size:0.9em;
line-height:0.9em;
text-align:center;
height: 23px;
line-height: 23px;
}
#footer a {
font-family: arial, sans-serif;
color:#fff
}
#footer a:hover {
color:#f00
}
#masthead h1,
marginContent h1 {
margin:0 10px
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea p,
#mainArea ul,
#mainArea ol {
margin:0 20px 20px 20px;
color:#065188;
}
#mainArea p{
color:#717171
}
#mainArea a {
color: blue;
}
#mainArea a:hover {
color:red;
text-decoration:underline
}
#mainArea li {
margin:0 30px 0 45px
}
#mainArea h1,
#mainArea h2 {
margin-bottom:0
}
#mainArea img {
margin: 0 20px 20px 20px;
}
#marginContent h1,
#marginContent h2,
#marginContent h3,
#marginContent h4,
#marginContent h5,
#marginContent p {
margin-left:20px;
}
div.photo {
clear:left; 
float:left; 
margin-left: 30px;
margin-right: 30px; 
margin-top:7px; 
display:inline;
}
p.caption {
font-size: 0.8em;
line-height: 1.1em !important;
margin:3px 0px 5px 0px !important;
font-family: arial;
width:250px;
color: #897c6b !important;
}
.captionTitle {
font-weight: bold;
font-family: arial;
}
#comments p {
line-height: 1.2em;
color:#897c6b;
}
#addThis {
float:right;
margin-right: 20px;
margin-top:10px
}
div.feature {
margin:20px 20px 0px 0px;
}
.feature img {
float:right;
margin:0 0 0 20px;
}
.feature h2 {
}
.feature p {
font-size:90%
}
input {
border: 1px solid #777; 
width: 250px;
height: 2em;
line-height: 2em;
font-size: 1.2em;
}
textarea {
border: 1px solid #777; 
width: 250px;
}
.citizenButton {
    background: #B4C9D7;
    padding: 7px;
    -moz-box-shadow:black 0 1px 2px 0;
    -webkit-box-shadow:black 0 1px 2px 0;
    -o-box-shadow:black 0 1px 2px 0;
    box-shadow:black 0 1px 2px 0;
    text-shadow:rgba(255, 255, 255, 0.5) 0 1px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
a.citizenButton {
    color: #009 !important;
}