/* ######################################## */
/* JA To make IE 4,5,5.5 show font-sizes in decent scale */
/* ######################################## */

body {
background: #CCC;
font-size: small;
margin: 0;
padding: 0;
}
body, p, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
}
h1 {
font-size: 1.4em;
font-weight: normal;
color: #666666;
}
h2 {
font-size: 16px;
font-weight: bold;
color: #666666;
}
h3 {
font-size: 14px;
font-weight: bold;
color: #666666;
}
a {
color : #007dec;
text-decoration : none;
}
a:hover {
color : #e27a00;
text-decoration : underline;
}
.smallText {
font-size: x-small;
}
form {
display: inline;
}
map area {
cursor:default;
}
fieldset {
margin: 10px 5px 5px 5px;
border: 1px solid #6eabfb;
padding: 10px;
}
.copyright {
color: #000;
padding: 0 10px;
}
.emphasis {
color: #666666;
font-weight: bold;
}
.red {
font-size: 8pt;
color: #FFFFFF;
background: #FF0000;
}
.highlight {
border: 1px solid #FF0000;
background: #FFECEC;
margin-right: 0px;
padding: 10px;
margin-bottom: 35px;
}
.clear {
clear:both;
}
.imageleft {
float: left;
padding: 7px 7px 7px 0;
}
.imageright {
float: right;
padding: 7px 0 7px 7px;
}
.centered {
text-align: center;
}
/******************************************/
/************ Layout Elements *************/
/******************************************/

/*********** header styles ************/
#topnav {
margin: 10px 30px 0 30px;
height: 18px;
background: #FFA629;
border: 1px solid #C76110;
}
#header {
border-right: 1px solid #C76110;
border-left: 1px solid #C76110;
height: 130px;
padding: 0;
background: url(../images/montage_pirates.jpg) no-repeat center;
}
#gradient {
background: url(../images/bgd_gradient.gif);
margin: 0 30px;
}
ul.links {
float: left;
list-style:none;
/*background: url(../images/trans_bgd.gif);*/
padding: 0 15px;
margin: 0;
}
ul.links li {
display: block;
width: 12em;
font-size: 0.95em;
font-weight: bold;
margin: 4px 0;
padding: 0 6px;
background: #fceeca; /*#6facfc #fceeca */
}
ul.links a, ul.links a:visited {
color:#c63;
}
ul.links a:hover {
color: #930;
}
#headerteam {
border-right: 1px solid #C76110;
border-left: 1px solid #C76110;
margin: 0px 30px;
height: 130px;
padding-left: 570px;
background: #438DE1 url(../images/montage_blue.jpg) no-repeat;
}
#header2 {
position:absolute;
margin: 0px 30px;
height: 130px;
left: 700px;
}


/*********** body styles ************/
#body {
background: #FFF;
border: 1px solid #C76110;
padding: 0;
margin: 0 30px 30px 30px;
}
#content {
padding: 20px 20px 0 20px;;
margin-right: 270px;
}
#content2 {
padding: 0 20px;
margin: 0 0 0 340px;
}
#content3 {
padding: 0;
margin: 0;
}
#important {
background: #ffefcf;
width: 240px;
float: right;
margin: 0;
padding: 9px;
}
#important span.important {
display: block;
background: #FFA629;
padding: 5px;
margin: 7px -9px -9px -9px;
font-size: 1.1em;
}
#important span.important img {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align:bottom;
}
#important .morelink {
float: right;
padding: 0 5px 0 0;
}
#bonusinfo {
position: relative;
z-index: auto;
border: 1px solid #C76110;
padding: 5px;
background: #FFFFFF;
margin: 0px;
right: 2%;
width: 35%;
visibility: hidden;
}
#newsletterinvite {
background: #eee;
border: 1px solid #C76110;
padding: 10px;
margin-right: 0px;
margin-bottom: 20px;
}
#flyer {
background: #d0e5fe url(../images/box_blue_gradient.gif) top repeat-x;
padding: 0 20px 10px 20px;
margin-bottom: 5px;
clear: right;
}
#recruitment {
background: #ffe2a9;
padding: 20px 15px;
margin: 5px 0;
}
#teamimage {
background: #d0e5fe;
padding: 20px 15px;
margin: 5px 0;
}
#bustimes {
float:left;
margin: 0 10px;
background: #ffca63;
width: 330px;
clear: left;
}
#bustimes table {
border-collapse: collapse;
font-size: 0.8em;
width: 100%;
}
#bustimes td {
padding: 3px;
}
#bustimes tr.bustimeshead {
font-weight: bold;
background: #FFA629;
}
#footer {
background: #DDD;
padding: 20px;
margin: 20px 0 0 0;
text-align: center;
}
.flyer_thumb {
border: 3px solid #ffa629;
}
/* webcalendar customising */
#printarea table, table#prevmonth.minical {
margin: 0 30px;
}
table#prevmonth.minical, table#nextmonth.minical {
margin: 10px 30px;
}
#printarea div.title {
margin: 10px 0;
}
#printarea div.title span {
line-height: 24px;
}

/* volunteer form  */

form#volunteer label {
display: block;
width: 250px;
}
form#volunteer fieldset.dates label {
display: inline;
}