BODY  {font-family: Arial, Verdana, Tahoma, sans-serif; color: black; background-color: #78DDFF; background-image: url("./images/back.png"); background-repeat: repeat-x; font-size: 10pt}
Body.NoImages {font-family: Arial, Verdana, Tahoma, sans-serif; color: black; background-color: #78DDFF; background-image: url("./images/back.png"); background-repeat: repeat-x ; font-size: 10pt; margin: 1em 2em}

TD           {font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 10pt}
TD.center    {text-align: center}
TD.left      {text-align: left}
TD.note      {font-size: 8pt; color: black; background-color: transparent; text-align: left}

TD.Answer    {text-align: center; width: 8%}
TD.Question  {text-align: left; width: 20%}
TD.Separator {width: 12%}

TH.Answer    {text-align: center; width: 8%}
TH.Question  {text-align: left; width: 20%}
TH.Separator {width: 12%}
TH.Border    {text-align: center; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}

TD.Body       {vertical-align: top; padding: 0em 1em; }
TD.Images     {vertical-align: top; text-align: center; width: 145px; padding: 6px 0px;  background-color: transparent;}
TD.Input      {text-align: left}
TD.Field      {text-align: right; font-weight: bold;}
TD.Mand       {text-align: right; font-weight: bold; color: red;}
TD.Border     {text-align: center; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TD.Gtitle     {text-align: center; height: 3em; width: 150px;}
TD.Gimage     {text-align: center; width: 150px; vertical-align: top; padding: 6px 0px;}
TD.Gbox       {text-align: center; width: 180px; vertical-align: top; padding: 5px 0px;}
TD.Quote      {width: 50%; padding-right: 1em;}

#Contact      {text-align: center;}
#Contact FORM {text-align: center; width: 80%; margin: auto;}
#AdminForm    {text-align: center; width: 80%; margin: auto;}
#Error        {text-align: center; color: Red; font-size: 12pt; font-weight: bold;}

#Airlines       {Text-align:center}
#Airlines TABLE {width: 60%;  text-align:center; padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
#Airlines TD    {width: 33%;  padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
#Airlines TH    {width: 33%;  padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
TABLE.Airlines  {width: 60%;  border-collapse: collapse; border: 4px ridge; margin: auto;}

#Bookings         {Text-align:center;}
#Bookings TABLE   {width: 98%;  text-align:center; padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
#Bookings TD      {padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
#Bookings TH      {padding: 0.3em; border-collapse: collapse; border: 4px ridge; margin: auto;}
#Bookings .Light  {text-align: left; background-color: #FFFFFF; color: Black; padding: 0.1em 0.5em 0.1em 0.5em; border: 4px ridge}
#Bookings .Dark   {text-align: left; background-color: #CCFFFF; color: Black; padding: 0.1em 0.5em 0.1em 0.5em; border: 4px ridge}
#Bookings .LightW {text-align: left; background-color: Red; color: White; padding: 0.1em 0.5em 0.1em 0.5em; border: 4px ridge}
#Bookings .DarkW  {text-align: left; background-color: Red; color: White; padding: 0.1em 0.5em 0.1em 0.5em; border: 4px ridge}

#Climate TABLE {width: 100%; border-collapse: collapse; border: 4px ridge;}
#Climate TH    {text-align: center; padding: 0.25em 0.25em 0.25em 0.25em; border: 4px ridge;}
#Climate TD    {text-align: center; padding: 0.25em 0.25em 0.25em 0.25em; border: 4px ridge;}

#Rates       {text-align: Center;}
TABLE.Rates  {width: 650px;  border-collapse: collapse; border: 4px ridge; margin: auto;}
TD.Season    {text-align: center; width: 40%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TD.Period    {text-align: center; width: 40%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TD.Rate      {text-align: center; width: 20%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TH.Season    {text-align: center; width: 40%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TH.Period    {text-align: center; width: 40%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
TH.Rate      {text-align: center; width: 20%; padding: 0.5em 0.5em 0.5em 0.5em; border: 4px ridge;}
#RatesList   {text-align: left; width: 650px; margin: Auto;}

TABLE.FullWidth { width:100%;}

H1        {font-family: Verdana, Tahoma, sans-serif; font-size: 20pt; text-align: center}
H2        {font-family: Verdana, Tahoma, sans-serif; font-size: 14pt}
H2.center {font-family: Verdana, Tahoma, sans-serif; font-size: 14pt; text-align: center}
H3        {font-family: Verdana, Tahoma, sans-serif; font-size: 11pt; text-align: left; margin-bottom: 0em;}
H3.Centre {font-family: Verdana, Tahoma, sans-serif; font-size: 11pt; text-align: center; margin-bottom: 0em;}

A.Callink {color: black; text-decoration:none; background-color: transparent; font-weight: bold; font-size: 14pt }
A.ThumbNail       {border-style: outset; border-width: Thick; border-color: Grey; display: block;}
A.ThumbNail:hover {border-style: inset;}
A.DateBtn         {Vertical-align: middle;}

TD.Button {text-align: center;  background-image: url(images/Blank.gif);width: 150px; height: 30px; background-repeat: no-repeat; background-position: center;}
DIV.ImgP  {width: 111px; margin: auto;}
DIV.ImgL  {width: 144px; margin: auto;}
TD.Images IMG   {display: block;} 

#TopMenu a:link    { color: blue; text-decoration:none; background-color: transparent; font-weight: bold; font-size: 12pt }
#TopMenu a:active  { color: black; text-decoration:none; background-color: transparent; font-weight: bold; font-size: 12pt }
#TopMenu a:visited { color: blue; text-decoration:none; background-color: transparent; font-weight: bold; font-size: 12pt }
#TopMenu a:hover   { color: #222222; text-decoration:underline; background-color: transparent; font-weight: bold; font-size: 12pt }

a.header:link    { color: black; background-color: transparent; text-decoration:none }
a.header:active  { color: black; background-color: transparent; text-decoration:none }
a.header:visited { color: black; background-color: transparent; text-decoration:none }
a.header:hover   { color: black; background-color: transparent; text-decoration:none }

#FaceBook { position: absolute; Top: 5px; Left: 5px;}

#Fixed {position: fixed; top: 50px; Right: 0px;}
#Fixed A {text-decoration: none; border: none; margin: 0px; padding: 0px;}
#Fixed IMG {border: none;}

Div.Center {text-align: center}
p.center {text-align: center}
p.left   {text-align: left}
p.right  {text-align: right}

DIV.PopupL      {visibility: hidden; background-color:#FFFF66; 
                position:absolute; top: 45%; left: 180px; width:300px; 
                text-align: left; padding: 1em; color: black; font-size:10pt; }
DIV.PopupR      {visibility: hidden; background-color:#FFFF66; 
                position:absolute; top:40%; right: 180px; width:300px; 
                text-align: left; padding: 1em; color: black; font-size:10pt; }

#Booking  {text-align: Center;}
#Calendar {text-align: Center; width: 600px; margin: Auto;}
#Calendar TABLE {border-collapse: collapse; background-color: transparent; border: 4px ridge;}
#Calendar TH    {background-color: white; text-align: center; color: Black; height: 20px;
               font-size: 10pt; border: 1px solid black; }
#Calendar TD {background-color: white; text-align: center; height: 20px; font-size: 10pt; color: Black; padding: 1px 3px; border: 1px solid black;}
#Calendar TD.A  {background-color: green;  }
#Calendar TD.B  {background-color: Red;  }
#Calendar TD.N  {background-color: White;  }
#Calendar TD.S  {background-image: url('images/Beg20_H.png'); }
#Calendar TD.F  {background-image: url('images/Fin20_H.png'); }
#Calendar TD.CO {background-image: url('images/CO20_H.png');  }
#Calendar TD.MonthCell {border-collapse: collapse; border: none; padding: 0; table-layout: fixed;}
#Calendar TABLE.CalMonth {border: none; }

#Key       {text-align: Center;}
#Key TABLE {Border: None;} 
#Key TD    {background-color: #78DDFF; border: None; }
#Key TD.A  {background-color: Green; }
#Key TD.B  {background-color: Red; }

#BookList  {text-align: left; width: 650px; margin: Auto;}

#Header  {text-align:center; width: 100%; border-bottom: 2px ridge #FCFCFC;}
#Footer  {border-top: 2px ridge #FCFCFC; padding: 2px; margin-top: 2px;}
#Lfooter {Float: left; font-size: 8pt; color: black; background-color: transparent;}
#Rfooter {Float: right; font-size: 8pt; color: black; background-color: transparent;}

#Climate     {text-align:center;}
#MFLMapCanvas {margin: 0px auto; height: 525px; width: 780px; border: 1px solid black;}
img.MapInfo {border: 1pt solid black; margin: 0px 5px;}
p.MapInfo   {text-align: Left; margin: 0px; padding: 0px;}
h3.MapInfo  {text-align: Left; margin: 0px; padding: 0px; }
td.MapInfo  {vertical-align: top; text-align: center;}

#BookList    {text-align: left; width: 650px; margin: Auto;}
#Explanation {Margin: 0em 2em 0em 2em; Padding: 1em; background-color: white; color: black; text-align: left}
#Options     {Margin: 0em 2em 0em 2em; Padding: 1em; background-color: #CCFFFF; color: black; text-align: left}
#Offer       {visibility: hidden; text-align: Center; background-color: Yellow; Position: Absolute; Top: 100px; Width: 400px;}

/* Ticker */
ul#ticker { height: 60px; overflow: hidden; border: 1pt solid #444444; margin: 0px 0px; padding: 0px;}
ul#ticker li { height: 60px; padding: 5px; list-style-type: none; margin-left: 0px;}

IMG     {border-style: none}
IMG.HeaderImage {border-style: inset; border-width: Thick; border-color: Grey;}

#Center {text-align: center}
#Left   {text-align: left}
#Right  {text-align: right}