/*
Revised June 1st 2010
Link and Buttons are in:   links.css
Colors are in:   stylesboating.incl
*/

html {
	height: 100%;			/* With the BODY style - keeps right scroll bar */
	}

body {font-family: Arial, sans-serif;
	height: 100%;			/* With the HTML style - keeps right scroll bar */
	}


TABLE.tablecenter { 
	margin-left: auto; 
	margin-right: auto; 
	border-style: solid; 
	border-width: 0px;
}

TD, TH { 
	vertical-align: top; 
	}

.little, .littleblue, .littleleft	{
	font-size: 12px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000;  
	text-align: right;
	padding: 2px 5px 2px 5px;  
	height: 36px; 
	}

.little	{
	background-color: #FFFFFF;
	text-align: center;
	}

.littleblue	{
	text-align: center;
	}

.littleleft	{
	background-color: #EEF8FF;
	text-align: left;
	}


TH { font-weight: bold;  
	white-space: nowrap; }

UL, OL	{margin: 0px 12px 12px 10px; 
	padding: 0px 0px 0px 0px;}

LI	{margin: 1px 1px 1px 20px;  
	padding: 0px 0px 0px 0px;
	font-size: 12px; }

DL	{margin: 0px 0px 0px 10px; }

DT	{font-weight: bold; 
	font-style: normal; 
	font-family: Arial, sans-serif; 
	font-size: 14;
	margin: 4px 10px 0px 0px; }

DD	{font-weight: normal; 
	font-style: normal; 
	font-family: Arial, sans-serif; 
	font-size: 12;
	color: #666666;
	margin: 0px 10px 0px 10px; }

.Cell1, .Cell4, .Cell5 {		/* Cell 1 - Round Animation */
	border-style: ridge; 
	border-width: 1px; 
	}


.Cell4 {						/* Index Cell Array: Knot Description;  Knot Page: Scrolling Text; */
	vertical-align:  top; 
	white-space: normal;
	}

.Cell5 {						/* Adverts;  Uses - Center Panel;  Index Page - Text; Uses - Text; Knot Page Text;   */
	background-color: #E4E4E4; 
	border-color: #000000;
	}


.FrameLeft {				/* Photos on Text Pages */
	border-style: solid; 
	margin: 4px 10px 5px 0px;; 
	border-width: 1px; 
	padding: 0px; 
	}

.FrameRight {				/* Photos on Text Pages */
	border-style: solid; 
	margin: 4px 0px 5px 10px;; 
	border-width: 1px; 
	padding: 0px; 
	}

.FrameCenter {				/* Photos on Text Pages */
	border-style: solid; 
	margin: 4px 2px 2px 2px;; 
	border-width: 1px; 
	padding: 0px; 
	}

H1, H2, H3, H4, H5 {
	font-weight: bold; 
	font-style: normal; 
	font-family: Arial, sans-serif; 
	}   

H1 {text-align: center; 
	font-size: 20px; 
	margin: 10px 0px 3px 0px;
	}   

H2 {text-align: center; 
	font-size: 16px; 
	margin: 2px 0px 2px 0px;
	white-space: nowrap; 
	}   

H3 {font-size:16px; 
	margin: 14px 0px 4px 0px; 
	text-align: left;
	}

H4 {font-size: 12px; 
	margin: 6px 0px 6px 0px;
	}

H5 {text-align:center; 
	font-size: 10px; 
	margin: 6px 0px 6px 0px;
	}

P {margin: 4px 0px 8px 0px; 
	text-align: justify;
	font-size: 14px;
	}
	
.LogoLink	{						/* Logo Page List */
	font-size: 11px;
	margin: 2px 5px 2px 5px;
	text-indent: 0px;
	line-height: 16px; 
	}

	
.TextMed {font-size: 24px;}		/* Not Used */
.TextSmall {font-size: 12px;}		/* Not Used */
.TextSmallMargin {
	font-size: 12px;					/* Knots List */
	margin: 10px;
	line-height: 18px; 
	}
	
.TextTiny, .TextTinyJustify {		/* Copyright and Disclaimer */
	font-size: 11px;
 	vertical-align: middle; 
	line-height: 14px; 
	color:#999999;
	}

.TextTiny{							/* Copyright */
	text-align: center; 
	}

.TextTinyJustify {					/* Disclaimer */
	text-align: justify; 
	}


#Scrolltext	{						/* Around Scrolling Text */
	padding: 0px 0px 0px 0px;
	}

.ScrollDark, .ScrollLight {			/* Colors for Scrolling text */
	font-family: Arial, sans-serif;  
	font-size: 16px; 
	margin: 0px 0px 0px 0px;
	}

#TheKnotDescription {				/* Text Panels in Use and Indexes */
	font-size: 16px; 
	text-align: justify; 
	padding: 2px 10px 2px 10px; 
	}


.nowrap { text-align: left; 
	white-space: nowrap; 
	}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }