body { background-color: #FFFFFF; margin-top: 30px ; }

/* overall styles */
h3 { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #3399CC; }
h2 { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #CCEE00; }

/* top bar */

.topbar { background-image: url(images/structure/bar_top.gif); width: 780px; height: 102px; padding-left: 211px; color: #FFFFFF; text-align: left; }
.topbar_title { font-size: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; vertical-align: top; }
.topbar_text { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; text-align: left; vertical-align: top; }

/* bottom bar */

.btmbar { background-image: url(images/structure/bar_btm.gif); background-repeat: no-repeat; width: 780px; height: 55px; padding-left: 211px; padding-top: 15px; color: #FFFFFF; font-size: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; vertical-align: top; }
a.btmbarlink:link, a.btmbarlink:active, a.btmbarlink:visited { color: #CCEE00; text-decoration: none; font-size: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; }
a.btmbarlink:hover { color: #CCEE00; text-decoration: underline; font-size: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; }
.btmbar_phone { color: #CCEE00; text-decoration: none; font-size: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; }

/* banners */

.menu_main { background-image: url(images/banners/mainpage_left.jpg); width: 211px; height: 252px; padding-left: 0px; color: #FFFFFF;  text-align:left; }
.banner_main { background-image: url(images/banners/mainpage_right.jpg); width: 570px;}
.menu_services { background-image: url(images/banners/servpage_left.jpg); width: 211px; height: 252px; padding-left: 0px; color: #FFFFFF;  text-align:left; }
.banner_services { background-image: url(images/banners/servpage_right.jpg);}
.menu_about { background-image: url(images/banners/aboutpage_left.jpg); width: 211px; height: 252px; padding-left: 0px; color: #FFFFFF;  text-align:left; }
.banner_about { background-image: url(images/banners/aboutpage_right.jpg);}
.menu_contact { background-image: url(images/banners/contpage_left.jpg); width: 211px; height: 252px; padding-left: 0px; color: #FFFFFF;  text-align:left; }
.banner_contact { background-image: url(images/banners/contpage_right.jpg);}
.menu_booking { background-image: url(images/banners/bookpage_left.jpg); width: 211px; height: 252px; padding-left: 0px; color: #FFFFFF;  text-align:left; }
.banner_booking { background-image: url(images/banners/bookpage_right.jpg);}

/* main menu */

a.navOn:link, a.navOn:active, a.navOn:visited, a.navOn:hover { color: #FFFFFF; text-decoration: none; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 10px}
a.navOff:link, a.navOff:active, a.navOff:visited { color: #FFFFFF; text-decoration: none; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 10px }
a.navOff:hover { color: #FFFFFF; text-decoration: underline; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 10px }
/* this doesn't work!! hr.mainmenu { color:#00FF00; background-color:#00FF00; height:1px; padding-left: 10px; padding-right: 10px;} */
hr.mainmenu { width:90%; height:0.25px; color:#00FF00; background-color:#00FF00; text-align: center;}

/* LH boxes */

.leftcol {vertical-align:top; width:210px;}

.box_grn { background-image: url(images/structure/box_grn.gif); background-repeat: no-repeat; background-align: center; width: 171px; height: 170px; padding-left: 15px; padding-right: 45px; padding-top:20px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; line-height: 1.7em; text-align:left; }
.head_blu { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; text-align: left; color: #3399CC; }
.price_blu { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #3399CC; }

.box_blu { background-image: url(images/structure/box_blu.gif); background-repeat: no-repeat; background-align: center; width: 171px; height: 170px; padding-left: 15px; padding-right: 45px; padding-top:20px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; line-height: 1.7em; text-align:left; }
.head_yel { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; text-align: left; color: #CCEE00; }
.price_yel { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #CCEE00; }

.box_gry { background-image: url(images/structure/box_pnk.gif); background-repeat: no-repeat; background-align: center; width: 171px; height: 170px; padding-left: 15px; padding-right: 45px; padding-top:20px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; line-height: 1.7em; text-align:left; }
.head_wht { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; text-align: left; color: #FFFFFF; }
.price_wht { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #FFFFFF; }

/* content space */

.maincol { font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; color: #333333; vertical-align: top; line-height: 1.7em; padding-right: 20px; width: 338px;}
.rightcol { font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #3399CC; vertical-align: top; line-height: 1.7em; width: width:232px;}
hr.rightcol { width:232px; height:0.25px; color:#CCEE00; background-color:#00FF00; text-align: left; }
a.rightcollink:link, a.rightcollink:active, a.rightcollink:visited{ text-decoration: none; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; color: #CCEE00;}
a.rightcollink:hover { text-decoration: underline; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; color: #CCEE00;}
.quotetext { font-size: 16px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: light; text-align: right; color: #66CCFF; vertical-align: top;}
hr.homepage { height:0.25px; color:#AAFF00; background-color:#00FF00; text-align: center;}


/* quote box */

.quotop { background-image: url(images/structure/quo_top.gif); background-repeat: no-repeat; background-align: left; width: 232px; padding-left: 2px; padding-top: 10px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align:left; }
.quobtm { background-image: url(images/structure/quo_btm.gif); background-repeat: no-repeat; background-align: right; width: 232px; height: 44px; padding-left: 0px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align:left; }
.quomid { width: 232px; background-color: #25b8c8; padding-left: 2px; color: #FFFFFF; vertical-align:top; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; text-align:left; }

/* old site css */
.greytextinput {  border: #FFFFFF; border-style: none; border-width: 0px;; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; background-color: #F2F5FC}
.ErrorRed {  color: #FF0000}