/*define the default font characteristics*/
body, p, td  { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11.5px; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #1E0A98; }
ul           { margin-top: 8px; margin-bottom: 8px; margin-left: 18px; color: #1E0A98; }
ul.bolder    { margin-top: 8px; margin-bottom: 8px; margin-left: 18px; color:#000000 }
h1           { font-style: italic; font-variant: normal; font-weight: normal; font-size: 14pt; 
               font-family: "Times New Roman", Times, Serif; color:#1E0A98; text-align: right; }
h2           { font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; margin-bottom: 0 }
tt, pre      { font-family: monospace; font-size: 12px }
.ultitle     { margin-bottom: 6px }
.smaller     { font-size: 10px }
hr			 { height: 1; color: #FEB800; background-color: #FEB800; border-width: 0px; }
form         { margin: 0px; }
.closesmall  { font-size: 10px; margin: 0px; }
.showerror   { color: #CC0000 }

/*define the page body colours*/
body.sitemain  { background-color: #CDD5F0; }

/*define the anchor link behaviour*/
a:link       { text-decoration: none; color: #CC0000; font-weight: bold }
a:visited    { text-decoration: none; color: #CC0000; font-weight: bold }
a:active     { text-decoration: none; font-weight: bold }
a:hover      { text-decoration: underline; color: #0000CC; font-weight: bold }
:link.lmenu         { text-decoration: none; color: #1E0A98; font-weight: bold; }
:visited.lmenu      { text-decoration: none; color: #1E0A98; font-weight: bold; }
:active.lmenu       { text-decoration: none; font-weight: bold}
:hover.lmenu        { text-decoration: underline; color: #CC0000; font-weight: bold}
:link.lfooter       { text-decoration: none; color: #7B9BBC; font-weight: bold }
:visited.lfooter    { text-decoration: none; color: #7B9BBC; font-weight: bold }
:active.lfooter     { text-decoration: none; font-weight: bold }
:hover.lfooter      { text-decoration: underline; color: #666699; font-weight: bold }

/*define general coloured rows table styles*/
table.outline       { border: 1px solid #A8B7EC; }
td.darkcell         { background-color: #001C5E; color: #CCCCCC; }
td.midcell          { background-color: #DEDEDE; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; border-bottom: 1px solid #D7D7D7; }
td.litecell         { background-color: #FFFFFF; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; border-bottom: 1px solid #E7E7E7;  }
.altimageborder     { border: 1px solid #B2B2CC; }

/*define this sites table layout styles*/
td.bannertop    { background-color: #FFFFFF; }
td.bannerbottom { background-color: #FFFFFF; border-bottom: 1px solid #FEB800; }
td.menubase     { background-color: #FFFFFF; border-right: 1px solid #FEB800; }
td.menuhead     { background-color: #1E0A98; color: #FFFFFF; }
td.menutext     { background-color: #FFFFFF; color: #1E0A98; padding-top: 15px; padding-bottom: 4px; padding-left:20px; padding-right:4px; }
td.menudiv      { border-bottom: 1px solid #FEB800; }
td.content      { background-color: #FFFFFF; color: #1E0A98; padding-top: 25px; ; padding-bottom: 35px; padding-left: 45px; padding-right: 45px }
td.infopanel    { background-color: #ECECDC; border:1px solid #CCCCCC; padding: 2px; }
td.summarypic   { font-size: 10px; padding-top: 16px; padding-bottom: 16px; padding-left: 8px; padding-right: 8px; } 
td.footerbar    { background-color: #1E0A98; }
td.footer       { color: #7B9BBC; font-size: 10px }

/*define the booking styles*/
td.bookingtitle		{ padding-left: 1px; border-left: 3px solid #666666; border-bottom: 1px solid #666666; }
td.bookingdetail	{ border-bottom: 1px dashed #999999; }
td.bookingcontact	{ padding-left: 1px; border-bottom: 1px solid #999999; }

/*define rates styles*/
td.rateheader    { background-color: #1E0A98; color: #FEB800; font-size: 14px; padding-left: 2px; padding-right: 2px; padding-top: 3px; padding-bottom: 6px }
td.ratebeds      { font-size: 12px; font-weight: bold; padding: 2px; border-bottom: 1px solid #CCCCCC; }
td.rateinfo      { padding: 2px; border-bottom: 1px solid #CCCCCC; }

/*define the contact table styles*/
td.contactheading { font-weight: bold; font-size: 12px; }
td.contactdetails { border-left: 2px solid #CCCCCC; padding-left: 8px; }

/*define form styles*/
td.formheader       { background-color: #3E8251; color: #FEE19D; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
td.formbackground   { background-color: #FFFFEE; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
.inputmicro      { background-color: #FFFFFF; width: 25px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.inputshort      { background-color: #FFFFFF; width: 127px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.inputlong       { background-color: #FFFFFF; width: 275px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.selectshort        { width:100px; font-size: 10px }
.selectmed          { width:140px; font-size: 10px }
.button             { font-weight: normal; font-size: 10px; }
