#main {width: 1000px; height:2500px; margin:0 auto;} #body {width: 100%; height:2500px;} body {background-image:url(../images/bg.jpg);background-repeat: no-repeat x; font-family:Arial; font-size:12px; color:#444444;} body {font:Arial; font-size:12px} .form {background:#000000; font-size:11px; border: solid; border-width: 1px; border-color:#999999; color:#FFFFFF; height:17px;} .form2 {background: #FFFFCC; font-size:11px; color:#000000; height:17px;} .form3 {background: #FFFFCC; font-size:11px; color:#000000; height:25px;} /* BODY LENGTHS*/ .ZoneContent1 .body24{float:left; width:996px; height:2410px; background-color:#e9e9e9; border:solid; border-width:thin; border-color:#666666;} /*LOGO*/ .ZoneContent1 .logo {float: left; width:350px; height:125px;margin-bottom:5px;margin-top:5px;} .ZoneContent1 .logo2 {float: left; width:295px; height:125px;margin-top:5px} .ZoneContent1 .logo2 .logo2Inner1 {float: left; width:100%; height:33px; margin-top:5px; text-align:center;} .ZoneContent1 .logo2 .logo2Inner2 {float: left; width:100%; height:30px; text-align:center;} .ZoneContent1 .logo2 .logo2Inner3 {float: left; width:100%; height:30px; text-align:center;} .ZoneContent1 .logo3 {float: left; width:350px; height:125px; border:thin #CCCCCC solid;font:Arial;margin-top:5px} .ZoneContent1 .logo3 .logo3innerleftheader {float: left; width:346px; height:15px; margin-top:5px; text-align:center;} .ZoneContent1 .logo3 .logo3innerleft1 {float: left; width:90px; height:12px; margin-top:5px; padding:2px;} .ZoneContent1 .logo3 .logo3innerleft2 {float: left; width:160px; height:20px; margin-top:5px;text-align:center;} .ZoneContent1 .logo3 .logo3innerleft3 {float: left; width:80px; height:20px;margin-top:5px; margin-left:2px;text-align:right;} /*MENU1*/ .ZoneContent1 .menu1 {float:left; width:997px; height:20px; border-top:solid thin #666666; background-color:#333333; border-right: solid thin #666666; margin-top:23px;} .ZoneContent1 .menu1 .menu1text1 {float:left; width:49px; height:20px;text-align:center; padding-top:2px; border-left: solid thin #666666; background-color:#222222;} .ZoneContent1 .menu1 .menu1text2 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text3 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text4 {float:left; width:70px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text5 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text6 {float:left; width:130px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text7 {float:left; width:90px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text8 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text9 {float:left; width:110px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text10 {float:left; width:70px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1text11 {float:left; width:95px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu1 .menu1line {float:left; width:14px; height:20px;text-align:center;background-color:#222222;} /*MENU2*/ .ZoneContent1 .menu2 {float:left; width:997px; height:20px; border-top:solid thin #666666; background-color:#333333; border-right: solid thin #666666; margin-top:10px;} .ZoneContent1 .menu2 .menu1text1 {float:left; width:49px; height:20px;text-align:center; padding-top:2px; border-left: solid thin #666666; background-color:#222222;} .ZoneContent1 .menu2 .menu1text2 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text3 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text4 {float:left; width:70px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text5 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text6 {float:left; width:130px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text7 {float:left; width:90px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text8 {float:left; width:60px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text9 {float:left; width:110px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text10 {float:left; width:70px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1text11 {float:left; width:95px; height:20px;text-align:center;padding-top:2px; background-color:#222222} .ZoneContent1 .menu2 .menu1line {float:left; width:14px; height:20px;text-align:center;background-color:#222222;} /* TOP------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ZoneContent1 .top {float:left; width:100%; height:325px} .ZoneContent1 .top2 {float:left; width:100%; height:30px} .ZoneContent1 .top .topimage {float:left; width:1000px; height:300px; text-align:left;} .ZoneContent1 .top .menutop {float:left; width:992px; height:18px; padding-left:5px; background-color:#000000;padding-top:2px;} .ZoneContent1 .top2 .menutop {float:left; width:994px; height:18px; padding-left:2px; background-color:#000000;padding-top:2px; margin-top:5px;} /*LEFT SIDE---------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ZoneContent1 .left {float: left; width:175px; height:2380px;background-color:#222222;} .ZoneContent1 .left .leftheader {float: left; width:100%; height:20px; background-color:#444444; padding-top:5px; text-align:center;} .ZoneContent1 .left .leftheader1 {float: left; width:100%; height:50px; background-color:#222222; padding-top:15px; text-align:center;} .ZoneContent1 .left .leftheader2 {float: left; width:100%; height:180px; background-color:#222222; padding-top:5px; text-align:center;} .ZoneContent1 .left .leftheader3 {float: left; width:100%; height:200px; background-color:#222222; text-align:center;} .ZoneContent1 .left .leftheader3 .leftheader3inner {float:left; width:150px; height:130px; background-color:#222222; margin-left:12px; margin-top:25px} .ZoneContent1 .left .leftheader3 .leftheader3text {float:left; width:100%; height:14px; background-color:#222222; margin-top:8px} .ZoneContent1 .left .leftheader4 {float: left; width:100%; height:205px; background-color:#222222; padding-top:10px; text-align:center;} .ZoneContent1 .left .leftheader2 .innerleft {float: left; width:80px; height:20px; background:#222222; padding-top:5px; text-align:center; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;} .ZoneContent1 .left .leftheader2 .innerleft2{float: left; width:80px; height:20px; background:#222222; margin-right:5px; padding-top:5px; text-align:center; border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;} .ZoneContent1 .left .leftheader2 .innerleft3 {float: left; width:80px; height:20px; background:#222222; padding-top:5px; text-align:center; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;} .ZoneContent1 .left .leftheader2 .innerleft4{float: left; width:80px; height:20px; background:#222222; margin-right:5px; padding-top:5px; text-align:center; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;} .ZoneContent1 .left .space2 {float:left; width:100%; height:5px; background:#e9e9e9;} .ZoneContent1 .left .leftheader2 .innerleftspace {float:left; width:5px; height:180px} /*CENTER TEXT*/ .ZoneContent1 .centertext {float: left; width:600px; height:730px; margin-top:5px; margin-left:20px; margin-right:5px;} .ZoneContent1 .centertextheader {float: left; width:100%; height:20px; text-align:center; margin-bottom:10px} .ZoneContent1 .centertext2 {float: left; width:100%; height:600px; text-align:center;} .ZoneContent1 .centertext3 {float: left; width:300px; height:225px; text-align:center; margin-bottom:10px;} .ZoneContent1 .centertext3title {float: left; width:300px; height:20px; text-align:center; margin-bottom:10px;} .ZoneContent1 .centertext .centertext3-brief {float:left; width:600px; height:300px; text-align:left; margin-bottom:5px;} .ZoneContent1 .centertext4 {float: left; width:600px; height:670px; margin-top:5px; margin-left:10px; margin-right:5px;} .ZoneContent1 .centertext4 .centertext4textheader {float:left; width:600px; height:20px; margin-bottom:10px; text-align:left} .ZoneContent1 .centertext4 .centertext4text1 {float:left; width:600px; height:20px; text-align:left} .ZoneContent1 .centertext4 .centertext4catering {float:left; width:600px; height:500px; text-align:left;margin-top:20px; border:solid thin #990000;} .ZoneContent1 .centertext4 .centertext4cateringheader {float:left; width:570px; height:20px; text-align:left;margin-left:5px;margin-top:5px;} .ZoneContent1 .centertext4 .centertext4cateringtext1 {float:left; width:290px; height:470px; text-align:center; } .ZoneContent1 .centertext4 .centertext4cateringimage1 {float:left; width:290px; height:220px; text-align:left;margin-bottom:10px;margin-left:15px;} .ZoneContent1 .centertext4 .centertext4catering2 {float:left; width:600px; height:720px; text-align:left;margin-top:20px; border:solid thin #990000;} .ZoneContent1 .centertext4 .centertext4cateringtext2 {float:left; width:285px; height:695px; text-align:left; margin-left:5px } .ZoneContent1 .centertext4 .centertext4cateringimage2 {float:left; width:290px; height:220px; text-align:left;margin-bottom:10px;margin-left:15px;} .ZoneContent1 .centertext4 .centertextenquiryheader {float:left; width:600px; height:20px; text-align:left;} .ZoneContent1 .centertext4 .centertextenquiryheader2 {float:left; width:600px; height:40px; text-align:left;margin-top:20px;} .ZoneContent1 .centertext4 .centertextenquirytext {float:left; width:120px; height:22px; text-align:left; margin-left:50px; padding-top:3px; margin-top:5px;} .ZoneContent1 .centertext4 .centertextenquirybox {float:left; width:425px; height:25px; margin-bottom:2px; margin-top:5px;} .ZoneContent1 .centertext4 .centertextenquirytext2 {float:left; width:120px; height:22px; text-align:left; margin-left:50px; padding-top:3px; margin-top:20px;} .ZoneContent1 .centertext4 .centertextenquirybox2 {float:left; width:425px; height:25px; margin-bottom:2px; margin-top:20px;} .ZoneContent1 .centertext4 .centertextenquirytext3 {float:left; width:120px; height:22px; text-align:left; margin-left:50px; padding-top:3px; } .ZoneContent1 .centertext4 .centertextenquirybox3 {float:left; width:425px; height:180px; margin-bottom:2px; } .ZoneContent1 .centertext4 .centertextenquirytext4 {float:left; width:120px; height:22px; text-align:left; margin-left:50px; padding-top:3px; } .ZoneContent1 .centertext4 .centertextenquirybox4 {float:left; width:200px; height:25px; margin-bottom:2px; text-align:right } .ZoneContent1 .centertext .textheader {float:left; width:600px; height:20px; margin-bottom:2px} .ZoneContent1 .centertext .text1 {float:left; width:550px; height:80px;} .ZoneContent1 .centertext .text2 {float:left; width:550px; height:130px;} .ZoneContent1 .centertext .text3 {float:left; width:550px; height:180px;} .ZoneContent1 .centertext .text4 {float:left; width:550px; height:180px;} .ZoneContent1 .centertext .text5 {float:left; width:550px; height:600px;} /*RIGHT----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ZoneContent1 .right {float:right; width:175px; height:2380px;background-color:#222222;} .ZoneContent1 .right .rightheader {float: left; width:100%; height:20px; background-color:#444444; padding-top:5px; text-align:center;} .ZoneContent1 .right .rightheader1 {float: left; width:100%; height:140px; background-color:#222222; text-align:center; padding-top:20px} .ZoneContent1 .right .rightheader2 .innerright {float: left; width:85px; height:20px; background:#222222; padding-top:5px; text-align:center; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;} .ZoneContent1 .right .rightheader2 .innerright2{float: left; width:85px; height:20px; background:#222222; margin-right:10px; padding-top:5px; text-align:center; border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;} .ZoneContent1 .right .rightheader2 .innerright3 {float: left; width:85px; height:20px; background:#222222; padding-top:5px; text-align:center; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;} .ZoneContent1 .right .rightheader2 .innerright4{float: left; width:85px; height:20px; background:#222222; margin-right:10px; padding-top:5px; text-align:center; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;} .ZoneContent1 .right .space2 {float:left; width:100%; height:5px; background:#e9e9e9;} .ZoneContent1 .right .rightheader2 .innerrightspace {float:left; width:10px; height:150px} .ZoneContent1 .right .rightheader a:link {color:#cccc33} .ZoneContent1 .right .rightheader a:visited {color:#cccc33} .ZoneContent1 .right .rightheader a:hover {color:#ff6600} /*RIGHT----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ZoneContent1 .left .leftheader a:link {color:#cccc33} .ZoneContent1 .left .leftheader a:visited {color:#cccc33} .ZoneContent1 .left .leftheader a:hover {color:#ff6600} .ZoneContent1 .footer {float:left; width:100%; height:20px; margin-top:10px; text-align:center; padding-top:5px;} .ZoneContent1 .footer1 {float:left; width:100%; height:20px; margin-top:10px; text-align:center;} .ZoneContent1 .footer2 {float:left; width:100%; height:100%; margin-top:10px; text-align:center;color:#003e6e;} .ZoneContent1 .footer3 {float:left; width:100%; height:100%; margin-top:10px; text-align:center;color:#003e6e;} .ZoneContent1 .footer a:active {color:#cccc33;} .ZoneContent1 .footer a:link {color:#cccc33;} .ZoneContent1 .footer a:visited {color:#cccc33;} .ZoneContent1 .footer a:hover {color:#ff6600;} .ZoneContent1 .footer2 a:link {color:#003e6e;} .ZoneContent1 .footer2 a:visited {color:#003e6e;} .ZoneContent1 .footer3 a:link {color:#003e6e;} .ZoneContent1 .footer3 a:visited {color:#003e6e;} .text4 a:active {color:#990000;} .text4 a:link {color:#990000;} .text4 a:visited {color:#990000;} .text4 a:hover {color:#ff6600;} .centertextenquiryheader {font:arial; font-size:16px; font-weight:bold; color:#990000} .centertext4cateringheader {font:arial; font-weight:bold; font-size:14px; color:#ff6600;} .centertext4cateringtext1 {font:Arial;} .centertext4textheader {color:#ff6600; font-size:16px; font-weight:bold} .activity3header a:active {color:#333333} .activity3header a:visited {color:#333333} .activity3header a:link {color:#333333} .activity3header a:hover {color:#ff6600} .menu5item a:active {color:#f3f3f3} .menu5item a:visitied {color:#f3f3f3} .menu5item a:link {color:#f3f3f3} .menu5item a:hover {color:#ff6600} .menu4item a:active {color:#f3f3f3} .menu4item a:visitied {color:#f3f3f3} .menu4item a:link {color:#f3f3f3} .menu4item a:hover {color:#ff6600} .menu3item a:active {color:#f3f3f3} .menu3item a:visitied {color:#f3f3f3} .menu3item a:link {color:#f3f3f3} .menu3item a:hover {color:#ff6600} .menu2item a:active {color:#f3f3f3} .menu2item a:visitied {color:#f3f3f3} .menu2item a:link {color:#f3f3f3} .menu2item a:hover {color:#ff6600} .activitytextheader {font:arial; font-weight:bold; font-size:16px; color:#ff6600;} .activityheader {font:Arial; font-size:14px; color:#990000; font-weight:bold;} .activityheader1 {font:Arial; font-size:12px; color:#990000;font-weight:bold;} .activityheader2 {font:Arial; font-size:12px; color:#990000;font-weight:bold;} .activitylink a:{color:#666666} .activitylink a:active {color:#333333} .activitylink a:visited {color:#333333} .activitylink a:link {color:#333333} .activitylink a:hover {color:#ff6600} .centertext3 a:link {color:#222222;} .centertext3 a:visited {color:#222222;} .centertext3 a:active {color:#222222;} .centertext3 a:hover{color:#ff6600;} .centertext3title a:link {color:#222222;} .centertext3title a:visited {color:#222222;} .centertext3title a:active {color:#222222;} .centertext3title a:hover{color:#ff6600;} .centertext2 a:link {color:#222222;} .centertext2 a:visited {color:#222222;} .centertext2 a:active {color:#222222;} .centertext2 a:hover{color:#ff6600;} .centertextheader a:link {color:#cccc33;} .centertextheader a:hover {color:#ff6600;} .centertextheader {color:#ff6600; font-size:16px; font-family:Arial; font-weight:bold;} .menutop {font-size:12px; color:#cccc33;} .menutop a:link {color:#f3f3f3;} .menutop a:active {color:#f3f3f3;} .menutop a:visited {color:#f3f3f3;} .menutop a:hover {color:#ff6600;} .leftheader3 {color:#cccc33;} .leftheader3 a:link {color:#ff6600;} .leftheader3 a:hover {color:#ffffff;} .logo3innerleft1 {font:Arial; color:#ffffff; font-size:12px;} .logo3innerleftheader {color:#cccc33; font-weight:bold; font-size:14px;} .textheader {font-size:14px; color: #FF6600; font-weight:bold} .innerleft4 {color:#ffffff; font-weight:bold} .innerleft3 {color:#ffffff; font-weight:bold} .innerleft2 {color:#cccc33; font-weight:bold} .innerleft {color:#cccc33; font-weight:bold} .leftheader1 {color: #ffffff; font-weight:bold; font-size:12px;} .leftheader {color: #cccc33; font-weight:bold; font-size:12px;} .footer{color:#ffffff; font-size:12px;} .footer1{color:#cccc33; font-size:12px;} .footer2 {color:#333333; font-size:5px;} .footer3 {color:#333333; font-size:1px;} .rightheader1 {color: #ffffff; font-weight:bold; font-size:12px;} .rightheader {color: #cccc33; font-weight:bold; font-size:12px;} .menu2item {color:#FFFFFF; font-size:11px; font-family:Arial} .menu2header {color: #cccc33; font-weight:bold; font-size:12px;} .menu3item {color:#FFFFFF; font-size:11px; font-family:Arial} .menu3header {color: #cccc33; font-weight:bold; font-size:12px;} .menu4item {color:#FFFFFF; font-size:11px; font-family:Arial} .menu4header {color: #cccc33; font-weight:bold; font-size:12px;} .menu5item {color:#FFFFFF; font-size:11px; font-family:Arial} .menu5header {color: #cccc33; font-weight:bold; font-size:12px;} .logo2Inner1 {color:#FFFFFF; font-weight:bold; font-size:14px;} .logo2Inner2 {color:#FF6600; font-weight:bold; font-size:14px;} .logo2Inner3 {color:#FFFFFF; font-weight:bold; font-size:12px;} .menu1text1 a:link {text-decoration:none; color: #cccc33;} .menu1text1 a:hover {text-decoration:none; color: #ff6600;} .menu1text1 a:active {text-decoration:none; color: #cccc33;} .menu1text1 a:visited {text-decoration:none; color: #cccc33;} .menu1text2 a:link {text-decoration:none; color: #cccc33;} .menu1text2 a:hover {text-decoration:none; color: #ff6600;} .menu1text2 a:active {text-decoration:none; color: #cccc33;} .menu1text2 a:visited {text-decoration:none; color: #cccc33;} .menu1text3 a:link {text-decoration:none; color: #cccc33;} .menu1text3 a:hover {text-decoration:none; color: #ff6600;} .menu1text3 a:active {text-decoration:none; color: #cccc33;} .menu1text3 a:visited {text-decoration:none; color: #cccc33;} .menu1text4 a:link {text-decoration:none; color: #cccc33;} .menu1text4 a:hover {text-decoration:none; color: #ff6600;} .menu1text4 a:active {text-decoration:none; color: #cccc33;} .menu1text4 a:visited {text-decoration:none; color: #cccc33;} .menu1text5 a:link {text-decoration:none; color: #cccc33;} .menu1text5 a:hover {text-decoration:none; color: #ff6600;} .menu1text5 a:active {text-decoration:none; color: #cccc33;} .menu1text5 a:visited {text-decoration:none; color: #cccc33;} .menu1text6 a:link {text-decoration:none; color: #cccc33;} .menu1text6 a:hover {text-decoration:none; color: #ff6600;} .menu1text6 a:active {text-decoration:none; color: #cccc33;} .menu1text6 a:visited {text-decoration:none; color: #cccc33;} .menu1text7 a:link {text-decoration:none; color: #cccc33;} .menu1text7 a:hover {text-decoration:none; color: #ff6600;} .menu1text7 a:active {text-decoration:none; color: #cccc33;} .menu1text7 a:visited {text-decoration:none; color: #cccc33;} .menu1text8 a:link {text-decoration:none; color: #cccc33;} .menu1text8 a:hover {text-decoration:none; color: #ff6600;} .menu1text8 a:active {text-decoration:none; color: #cccc33;} .menu1text8 a:visited {text-decoration:none; color: #cccc33;} .menu1text9 a:link {text-decoration:none; color: #cccc33;} .menu1text9 a:hover {text-decoration:none; color: #ff6600;} .menu1text9 a:active {text-decoration:none; color: #cccc33;} .menu1text9 a:visited {text-decoration:none; color: #cccc33;} .menu1text10 a:link {text-decoration:none; color: #cccc33;} .menu1text10 a:hover {text-decoration:none; color: #ff6600;} .menu1text10 a:active {text-decoration:none; color: #cccc33;} .menu1text10 a:visited {text-decoration:none; color: #cccc33;} .menu1text11 a:link {text-decoration:none; color: #cccc33;} .menu1text11 a:hover {text-decoration:none; color: #ff6600;} .menu1text11 a:active {text-decoration:none; color: #cccc33;} .menu1text11 a:visited {text-decoration:none; color: #cccc33;} a:link {text-decoration: none;color: #ffffff;} a:hover {text-decoration: none;color: #ff6600;} a:active {text-decoration: none;color: #ffffff;} a:visited {text-decoration: none;color: #ffffff;}