/* Argyll Work Boats style sheet - Mark Yeomans :: May 2009 */

/* BACKGROUND */
.body {background-color: #000000; color: DDDDEE; font-family: verdana,arial,helvetica,sans-serif; margin: 10px;}

/* HEADINGS*/
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: #FFFFFF; font-weight: normal; }

/* MAIN */
.argyll-1  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1pt; }
.argyll-5  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 5pt; }
.argyll-6  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 6pt; }
.argyll-7  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7pt; }
.argyll-8  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; }
.argyll-9  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; }
.argyll-10 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; }
.argyll-11 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11pt; }
.argyll-12 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12pt; }
.argyll-13 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13pt; }
.argyll-14 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14pt; }
.argyll-15 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 15pt; }
.argyll-16 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16pt; }
.argyll-17 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 17pt; }
.argyll-18 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18pt; }
.argyll-19 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 19pt; }
.argyll-24 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 24pt; }
.argyll-30 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 30pt; }
.argyll-36 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 36pt; }
.argyll-48 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 48pt; }

.line-height-normal  { line-height: 19px; }

/* ALIGNMENT */
.l						{ text-align: left; }
.c						{ text-align: center; }
.r						{ text-align: right; }
.j						{ text-align: justify; }

/* VERTICAL TEXT */
.v-text { writing-mode: tb-rl; filter: flipH() flipV();	font-weight : bold; }

/* LINKS */
A:visited { color: #EEEEEE; text-decoration: none; }
A:link { color: #EEEEEE; text-decoration: none; }
A:hover { color:red; text-decoration: none; }
A:active { color: #EEEEEE; }

/* CLOSE WINDOW BUTTONS */
.button { width: 150px; font-size: 9pt; font-family:Verdana,Arial,Helvetica,sans-serif; background-color: #253D58; color: #FFFFFF; font-weight:bold; border: 1px solid white; }

/* SCROLL BARS */
body { SCROLLBAR-FACE-COLOR: 666666; SCROLLBAR-HIGHLIGHT-COLOR: FFFFFF; SCROLLBAR-SHADOW-COLOR: CCCCCC;  SCROLLBAR-3DLIGHT-COLOR: FFFFFF; SCROLLBAR-ARROW-COLOR: FF0000; SCROLLBAR-TRACK-COLOR: CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: EEEEEE; }

/* CELL BACKGROUNDS */
.cell-w-boats-bg { background: url('../images/template-images/w-boats-bg.gif'); background-repeat: repeat-y; } 
.internal-border { background-color: #253D58; border: 1px solid white; }
.bg-white { background-color: #FFFFFF; border: 1px solid white; }

/* IMAGING */
.leftimage  { float: left;  padding: 2px 10px 2px 0px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #CCCCCC; text-align: left; }
.rightimage { float: right; padding: 2px 0px 2px 10px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #AAAAAA; text-align: right; }

/* COLORS */
.color-01 { color: #CCCCCC; }

/* VAR */
.header-text-big		{ font-family: Arial, Helvetica, sans-serif; font-size: 17pt; }
.header-text-normal		{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; padding-left: 20px; }

.page-heading			{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; }
.page-heading :visited	{ color: #000066; text-decoration: none; }
.page-heading :link		{ color: #000066; text-decoration: none; } 
.page-heading :hover	{ color: #FF0000; text-decoration: underline; }
.page-heading :active	{ color: #000066; text-decoration: none; }

/* TEMPLATE CHART CELL BACKGROUNDS */
.chart-top				{background-image: url('../images/template-images/t.gif'); background-color: #FFFFFF; }
.chart-left				{background-image: url('../images/template-images/l.gif'); background-color: #FFFFFF; }
.chart-right			{background-image: url('../images/template-images/r.gif'); background-color: #FFFFFF; }
.chart-bottom			{background-image: url('../images/template-images/b.gif'); background-color: #FFFFFF; }
.chart-bg				{background-image: url('../images/template-images/main-bg.gif'); background-color: #FFFFDD; }

/* NAVIGATION TABLE FORMATTING */
.table-inner			{ background-color: #435873; }
.table-outer-border		{ background-color: #171796; }

.center-tab-selected	{ background-color: #435873; }
.center-tab				{ background-color: #B0C7E7; }

.menuitem				{ text-decoration: none; font-family: Arial,sans-serif; font-weight: normal; font-size: 9pt; color: #FFFFA0; }
.menuitem:hover			{ text-decoration: none; font-family: Arial,sans-serif; font-weight: normal; font-size: 9pt; color: #000000; } /* the final colour for the fade is controlled in the javascript fade file */
.menuitemsel			{ text-decoration: none; font-family: Arial,sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF; }
.menuitemsel:hover		{ text-decoration: none; font-family: Arial,sans-serif; font-weight: bold; font-size: 8pt; color: #CCCCCC; }