/* The Coracle Society */
/* Copyright 2010 - euan raffel | freelance website designer */

/* Overall */

body,
html {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #cf0000;
color: #000000;
}

#wrap {
width:980px;
margin:0 auto;
padding-top: 10px;
}

#phead {
padding: 10px;
top: 0;
}

#main {
background-color: #ffffff;
float:right;
width:980px;
padding: 0px;
}

#pfoot {
clear: both;
padding: 15px;
}

* html #pfoot {
height:1px;
}

/* Header */

#head {
text-align: right;
width: 980px;
}

#head h2{
font-weight: normal;
font-style: normal;
padding: 0px 10px;
}

#head p{
padding: 0px 10px;
}

/* Nav */

#nav {
margin: 10px 0px;
padding: 5px 0px;
width: 980px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
}

/* Body */

#body{
padding: 0px 10px;
margin-top: 0px;
}

#body h2 {
font-weight: normal;
text-decoration:underline;
}

#body h3 {
font-weight: normal;
text-decoration:underline;
}

#body li {
margin-right: 20px;
padding-left: 5px;
list-style-position: inside;
}

#body a:link {
color: #3366FF;
text-decoration: none;
}

#body a:visited {
color: #9900cc;
text-decoration: none;
}

#body a:hover {
color: #3366FF;
text-decoration: underline;
}

/* Footer */

#foot {
width: 980px;
background-color: #336699;
color: #ffffff;
padding: 5px 0px;
text-align:center;
}

#foot p {
margin-left: 20px;
margin-right: 20px;
font-size: 10px;
}

#foot a:link {
color: #FFFFFF;
text-decoration: underline;
}

#foot a:hover {
color: #000000;
text-decoration: none;
}

#foot a:visited {
color: #FFFFFF;
text-decoration: underline;
}

/* Text */

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

/* Design */

.headimg {
margin: 0px 10px 10px 10px;
float: left;
vertical-align:top;
border: 0px;
}

.footimg {
padding: 5px;
background: #ffffff;
margin-top: 8px;
border: 0px;
vertical-align: middle;
}

.footimg2 {
padding: 5px;
margin-top: 8px;
border: 0px;
vertical-align: middle;
}

.imgrt {
float:right;
padding: 5px 10px;
border: 0px;
}

.imglt {
float:left;
padding: 5px 10px;
border: 0px;
}

.pdf {
float:left;
margin: 0px 5px 0px 5px;
border: 0px;
}

.link {
vertical-align: middle;
margin-top: 1px;
}

/* Announcements */

#announcement {
border: 2px solid #cf0000;
background-color: #ffffff;
color: #000000;
text-align:center;
margin: 0px 10px;
}

#announcement p{
padding: 10px;
margin: 0px;
}