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

body{
	background-color: #fff;
	font-family: 'Trebuchet MS',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background: #fff url(../grafix/generix/body-bgd.gif) repeat-y;
	color: #653;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

/* positioning the fixed and fluid columns */
/* set styles in same div ids but further down */

#header {
margin: 0;
padding:0;
border:0;
background-color: #fff;
height: 188px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
height: 188px;
}
html>body #header {
height: 188px; /* ie5win fudge ends */
}

#header img{
display:inline;
}

/* positioning the fixed and fluid columns */
/* set styles in same div ids but further down */

#nav {
position: absolute;
top: 188px;
left: 0px;
margin: 0px;
padding: 0;
border: 0px;
border-top:52px solid #b06;
width: 140px; 
}
html>body #nav {
width: 140px; /* ie5win fudge ends */
}

/* positioning the fixed and fluid columns */
/* set styles in same div ids but further down */

#content {
min-height:10px;
padding: 0 225px 100px 50px;
background: #fff;
margin: 0 0 0 140px;
border-top:52px solid #b06;
}

/* positioning the fixed and fluid columns */
/* set styles in same div ids but further down */

#right {
position: absolute;
top: 188px;
right: 0px; /* Opera5.02 will show a space 
at right when there is no scroll bar */
margin: 0 0 0 0;
border-top:52px solid #b06;
padding: 0 0 300px 0;
min-height:800px;
width: 200px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 200px;
}
html>body #right {
width: 200px; /* ie5win fudge ends */
}

/* OK - start setting styles after here */

/* navigation panel - START */

#nav ul{
list-style:none;
}

#nav li a:visited{
display:block;
width:120px;
text-decoration:none;
color:#fff;
padding:5px;
margin-top:1px;
background-color:#c6a;
border-left:10px solid #b06;
font-weight:normal;
}

#nav li a:link{
display:block;
width:120px;
text-decoration:none;
color:#fff;
padding:5px;
margin-top:1px;
background-color:#c6a;
border-left:10px solid #b06;
font-weight:normal;
}

#nav li a:hover{
background-color:#b06;
border-left:10px solid #ebd;
text-align:right;
font-weight:normal;
}

#nav li.urhere{
height:19px;
text-align:right;
padding:5px;
border-left:10px solid #bde;
background-color: #057;
margin:0;
color:#eee;
font-weight:normal;
}

#nav #web-design{
margin:140px 0 0 3px;
border:0;
}

#nav #ak-catch{
position:relative;
top:-5px;
margin:0 0 0 5px;
font-size:0.9em;
font-weight:bold;
text-align:left;
letter-spacing:.05em;
}

#nav #annery-kiln{
color:#fff;
font-weight:bold;
font-size:0.8em;
text-align:center;
}

#nav #akallcatch{
margin-top:250px;
padding:5px 10px 5px 10px;
font-size:0.9em;
font-weight:bold;
color:#666;
}

#nav #akallcatch a:visited{
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}

#nav #akallcatch a:link{
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}

#nav #akallcatch a:hover{
border-bottom:1px solid #666;
}


/* navigation panel - END */

/* right panel styles START */
 
#right{
color:#eee;
background: #17a url(../grafix/generix/right-fader.jpg) repeat-x left bottom;
}

#right h3{
color:#eee;
background-color: #057;
font-size:1em;
padding:3px 10px;
margin-top:1.1em;
text-align:center;
}

#right h5{
text-align:center;
padding:10px;
font-size:0.9em;
}

#right p{
margin:5px 10px;
text-align:center;
}

/* right panel styles END */
 
/* content styles START */
 
h1{
position:relative;
left:-50px;
top:-35px;
background-color:#b06;
color:#fff;
font-size:1.7em;
}

#content{
line-height:1.5em;
}

#content h2{
font-size:1.3em;
font-weight:bold;
}

#content h3{
clear:left;
font-size:1.1em;
font-weight:bold;
}

#content #whoswho p{
margin-left:115px;
}

#content #whoswho h3{
margin-left:115px;
}

#content #whoswho h2{
margin-left:115px;
}

#content p{
margin:0 0 1em 0;
}

#content img{
display:block;
float:left;
margin:3px 10px 5px 0;
}

#content a:visited{
text-decoration:none;
color:#b02;
border-bottom:1px dotted #875;
}

#content a:link{
text-decoration:none;
color:#b02;
border-bottom:1px dotted #875;
}

#content a:hover{
color:#000;
border-bottom:1px solid #000;
}

#content ol{
margin:0 0 10px 1.5em;
list-style:circle;
}

#content ul{
margin:0 0 10px 1.5em;
list-style:circle;
}

table{
border-collapse:collapse;
border:1px solid #999;
}

thead{
background-color:#666;
color:#fff;
font-size:1.1em;
font-weight:bold;
text-align:left;
}

td{
padding:5px;
border:1px solid #999;
}

th{
padding:5px;
border:1px solid #999;
}

col#percents{
text-align:center;
}

/* content styles END */

/* position/itinerary table - START */

#itinerary{
border-collapse:collapse;
width:100%;
background-color:#bdf;
border:1px solid #456;
font-size:0.9em;
}

#itinerary caption{
color:#eee;
background-color: #057;
font-size:1em;
padding:3px 10px;
border:1px solid #456;
margin-bottom:10px;
}

#itinerary thead th{
color:#eee;
background-color: #a10;
font-size:1em;
padding:2px;
text-align:left;
border:1px solid #456;
padding:2px 5px;
font-weight:bold;
font-size:1.2em;
}

#itinerary tbody th{
color:#a10;
background-color:#eee;
font-size:1em;
padding:5px;
text-align:left;
vertical-align:top;
border:1px solid #456;
width:6em;
}

#itinerary tbody th.month{
background-color:#cde;
font-size:1.1em;
font-weight:bold;
}

#itinerary td{
background-color: #fff;
border:1px solid #456;
padding:5px;
vertical-align:top;
}

#itinerary tbody td.event{
font-weight:bold;
font-size:1.1em;
}

#itinerary tbody td.conf{
background-color: #7da;
}
 
/* position/itinerary table - END */
 
/* general generic classes - START */

.center{
text-align:center;
}

q{
font-style:italic;
}

.smallprint{
font-size:0.8em;
}

div.endorse {
border:1px solid #ccc;
margin:0 0 10px 0;
background: #fff url(../grafix/generix/right-quote.gif) no-repeat bottom right;
}

div.endorse p{
text-indent:-0.5em;
min-height:78px;
margin:0;
padding:10px 10px 10px 15px;
background: transparent url(../grafix/generix/left-quote.gif) no-repeat;
}

div.endorse h5{
text-align:right;
padding-right:10px;
margin:-10px 0 0 0;
background-color:transparent;
}

#sponsors img{
float:right;
margin:0 0.5em 5px 1.5em;
border:0;
}

#sponsors h3{
clear:both;
margin:0 0 10px 0;
border-top:1px solid #ccc;
padding:10px 0 0 0;
}

#sponfoot {
clear:both;
margin:25px 0 0 0;
padding:20px 0 0 0;
border-top:1px solid #999;
}

#sponfoot img {
float:left;
border:0;
margin:0 20px 20px 0;
}

div.float{
display:inline;
float:left;
margin:25px 220px 0 0;
}

div.float img{
display:block;
float:none;
border:0;
}

div.float p{
width:150px;
clear:left;
}

/* general generic classes - END */

/* splash image in header changes here - START */

#header p.printonly{
display:none;
}

#boom #header{
background: #fff url(../grafix/headers/boom.jpg) no-repeat scroll 140px 0;
}

#chartwork #header{
background: #fff url(../grafix/headers/chartwork.jpg) no-repeat scroll 140px 0;
}

#dolphins #header{
background: #fff url(../grafix/headers/dolphins.jpg) no-repeat scroll 140px 0;
}

#ladder #header{
background: #fff url(../grafix/headers/ladder.jpg) no-repeat scroll 140px 0;
}

#lundy #header{
background: #fff url(../grafix/headers/lundy.jpg) no-repeat scroll 140px 0;
}

#padstow #header{
background: #fff url(../grafix/headers/padstow.jpg) no-repeat scroll 140px 0;
}

#reflections #header{
background: #fff url(../grafix/headers/reflections.jpg) no-repeat scroll 140px 0;
}

#rockyshore #header{
background: #fff url(../grafix/headers/rockyshore.jpg) no-repeat scroll 140px 0;
}

#running #header{
background: #fff url(../grafix/headers/running.jpg) no-repeat scroll 140px 0;
}

#stives #header{
background: #fff url(../grafix/headers/stives.jpg) no-repeat scroll 140px 0;
}

#sunset #header{
background: #fff url(../grafix/headers/sunset.jpg) no-repeat scroll 140px 0;
}

#tacking #header{
background: #fff url(../grafix/headers/tacking.jpg) no-repeat scroll 140px 0;
}

#trevose #header{
background: #fff url(../grafix/headers/trevose.jpg) no-repeat scroll 140px 0;
}

#wethull #header{
background: #fff url(../grafix/headers/wethull.jpg) no-repeat scroll 140px 0;
}

/* splash image in header changes here - END */

div.pressthumb{
clear:left;
margin:10px 0;
padding-top:5px;
border-top:1px solid #ccc;
}

div.pressthumb p{
margin:0 100px 10px 0;
color:#000;
}

div.pressthumb img{
display:block;
border:0;
float:left;
margin:0 10px 10px 10px;
}

div.pressthumb p a{
text-decoration:none;
border-bottom:1px dotted #666;
}

div.pressthumb p a:hover{
text-decoration:none;
border-bottom:1px solid red;
}

#diarydates{
float:right;
border:1px solid #b22;
background-color:#eee;
padding:5px;
margin:20px 0 10px 20px;
}

#diarydates h3{
background-color:#b22;
color:#fff;
padding:2px 5px 3px;
font-size:1.2em;
margin-bottom:5px;
}

#diarydates a{
display:block;
padding:3px;
text-align:center;
}

#diarydates a:hover{
background-color:#d44;
color:#fff;
}

h4.diary{
border-top:1px dotted #b22;
}



