body {
	margin: 0px;
	padding: 0px;
/*	background: #536693; */
    background: #79BDE9;
	text-align: justify;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	color: #4C4C4C;
	font-weight: normal;
}

a, #left .home ul li a {
	padding-left: 10px;
    background: transparent url("arrow-right.gif") no-repeat left center;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}
a:hover, #left .home ul li a:hover {
	text-decoration: underline;
}

div>h1, div>h2, div>h3, div>h4, div>h5, div>p 
{
    margin-top: 0px;
}

/************* HEADER STUFF ************/

#header {
	width: 770px;
	height: 116px;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF url("buttonlogo.png") no-repeat left bottom;
	color: #6699CC;
}
/*
#header h1, #header h2, #header h3, #header h4, #header h5
{
    color: #6699CC;
}
*/
#header a
{
    background-image: none;
    padding: 0px;
    color: Blue;
}

#header .top
{
    width: auto;
    height: 29px;
    overflow: auto;
    border-bottom: solid 1px #E1E1E1;
}

#header .top ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header .top li {
	display: inline;
}
#header .top ul li a
{
    color: #494949;
    padding: 7px 20px;
    background: #E7E7E7 url("header-nav.png") repeat-x top left;
}

#header .top a.Selected, #header .top ul li a:hover
{
    background: #E7E7E7 url("header-nav-selected.png") repeat-x top left;
    text-decoration: none;
}

#header .top .top-left
{
    float: left;
    width: 59%;
    padding: 7px 0px;
}
#header .top .top-right
{
    float: right;
    width: 40%;
    padding: 7px 0px;
    text-align: right;
}

#header .middle
{
    overflow: auto;
}

#header .middle .left
{
    float: left;
    width: 60%;
}
#header .middle .right
{
    float: right;
    width: 39%;
    text-align: right;
}

#header .middle .left h1
{
    font-size: 22px;
    padding: 24px 0px 0px 10px;
    font-weight: normal;
    margin: 0px;
}
#header .middle .right h4
{
    font-size: 14px;
    padding: 40px 5px 0px 0px;
    font-weight: normal;
    text-align: right;
    margin: 0px;
}
#header .middle .right h5
{
    padding: 8px 5px 0px 0px;
    font-size: 8pt;
    margin: 0px;
}

/************* NAVIGATION ************/

#navigation {
	width: 770px;
	margin: 0px auto;
	padding: 7px 0px;
	background-color: #F5F5F5;
/*	border-bottom: solid 3px #E2E2E2; */
    border-top: solid 1px #CECECE;
	border-bottom: solid 1px #CECECE;
	font-family: Verdana, Sans-Serif;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navigation li {
	display: inline;
}

#navigation a {
	padding: 7px 13px;
	text-decoration: none;
	font-weight: normal;
	color: #494949;
	background-image: none;
}

#navigation a:hover {
	background: #E7E7E7 url("header-nav-selected.png") repeat-x top left;
    text-decoration: none;
}

#navigation a.Selected
{
    background: #E7E7E7 url("header-nav-selected.png") repeat-x top left;
    text-decoration: none;
}

/************* SITE MAP ***********/
#sitemap
{
    padding: 20px 0px 0px 20px;
    color: #808080;
}
#sitemap a
{
    background-image: none;
    border: 0px;
    padding: 0px;
}

/************* CONTENT ************/
/* This is the main area of the page consisting of two columns - #left and #right */

#content {
	width: 770px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
    background: #FFFFFF url("content-bg.png") repeat-y top left;
    overflow: auto;
}

#content h1
{
    text-align: center;
    font-size: 20px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

#content ul, #content ol 
{
    text-align: left;
}

#left {
	float: left;
	width: 541px;
	padding: 10px 20px;
}

#left ul, #middle ul
{
    list-style-type: square;
}

#left ul.Links, #middle ul.Links
{
    list-style-image: url("bullet.gif");
}
#middle .home-page-panels ul
{
   list-style-type: square;
   list-style-image: none;
}
#middle .home-page-panels ul.Links
{
    list-style-image: url("arrow-home.gif"); 
}

#left ul li a, #left ol li a,
#middle ul li a, #middle ol li a
{
    padding-left: 0px;
    background-image: none;
}

#left h3
{
    font-size: 16px;
}

#right {
	float: right;
	width: 189px;
	padding: 0px 0px 5px 0px;
	text-align: left;
}
#right h3, #page-details .right h3
{
    background: #99ACCA url("list-header.png") repeat-x top left;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    margin: 0px 0px 1px 0px;
    color: White;
}

/************* FOOTER ************/

#footer {
	clear: both;
	width: 770px;
	margin: 0px auto;
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
}

#footer a {
	padding: 2px 5px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	border-left: solid 1px #FFFFFF;
	background-image: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer li {
	display: inline;
}

#footer .footer-item
{
    overflow: auto;
    margin-bottom: 10px;
}
#footer .footer-item .foot-left
{
    width: 35%;
    float: left;
    text-align: right;
}
#footer .footer-item .foot-right
{
    width: auto;
    float: left;
    text-align: left;
}


/* PAGE SPECIFIC */
/* 1. Misc */
/* unordered lists containing images (i.e. FAQs) */
#left ul.Links
{
    list-style-image: url("arrow-right.gif");
}

/* Form Headings (i.e. Help Search Facility) */
table.Form caption
{
    background-color: #F3F3F3;
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    color: #0396C3;
    padding: 3px;
    text-align: left;
}

/* Inner descriptions (i.e. About-Us) */
div.description
{
    padding: 0px;
    margin-bottom: 10px;
}
div.description ul li
{
    margin-left: 20px;
}

/* Search Results */
.search
{
}

/* 2. MENU */
.Menu
{
    background-color: White;
}
.Menu h3
{
    border-left: solid 1px #B4B4B4;
}
.Menu p
{
    padding: 0px 3px;
}
.Menu ul
{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.Menu li
{
    list-style-type: none;
    background: #F3F3F3;
    border: solid 1px #B4B4B4;
    margin-bottom: 1px;
}
.Menu li .alt
{
}
.Menu li:hover
{
}
.Menu ul li a
{
    padding: 3px 0px 3px 8px;
    background-image: none;
    display: block;
}
.Menu ul li a:hover
{
    text-decoration: underline;
}
.Menu a.Selected
{
    text-decoration: underline;
}

/* Normal Text Menu Items (i.e. Ask a question in FAQs) */
.Menu-Item
{
    background-color: White;
    border-left: solid 1px #E1E1E1;
    border-bottom: solid 1px #DEDEDE;
    overflow: auto;
}
.Menu-Item p
{
    padding: 0px 2px;
    margin-top: 0px;
}

/* Messages - AJAX Message Facility (not always used) */
.Menu-Messages
{
    background-color: #E1E1E1;
    min-height: 120px;
}
.Menu-Messages h3
{
    background-color: Transparent;
    color: #3399FF;
    padding: 0px;
    margin-bottom: 10px;
}
.Menu-Messages p, .Menu-Messages div.description
{
    padding: 3px;
}

/* 3. Weather */
#Weather
{
    background-color: White;
    overflow: auto;
    min-height: 74px;
}
#Weather h3
{
    
}
#Weather table
{
    width: 100%;
    padding: 0px;
}
#Weather table tr td
{
    text-align: center;
    white-space: nowrap;
}
#Weather table tr td strong
{
    font-weight: normal;
}
#Weather table tr td.Header
{
    white-space: nowrap;
    padding: 2px 0px;
}
#Weather table tr td.Symbol
{
    height: 74px;
    width: 40%;
    background-color: #0396C3;
}
#Weather table tr td.Temp
{
    height: 40px;
    width: 30%;
    color: Black;
    border-left: solid 4px White;
}
#Weather table tr td.Label
{
    color: #B4B4B4;
    font-size: 8pt;
}

/* 4. Address */
.Address
{
    overflow: auto;
    background-color: White;
    height: 100%;
}
.Address .Address-Item
{
    overflow: auto;
    height: 100%;
}
.Address .Address-Item .left
{
    width: 65%;
    float: left;
}
.Address .Address-Item .right
{
    width: 33%;
    float: right;
    text-align: center;
}
#right .Address h3
{
    border-left: 0px;
    border-left: solid 1px #B4B4B4;
    margin-bottom: 0px;
}
.Address a
{
    padding: 0px;
    background-image: none;
}
.Address p
{
    padding: 10px 0px 10px 2px;
    border-left: solid 1px #E1E1E1;
    margin: 0px;
}
.Address address
{
    padding: 3px 2px;
    border-left: solid 1px #E1E1E1;
}

/* 5. Home */
/* Normal Home Elements (i.e. Latest News) */
.home
{
    margin: 0px;
    background-color: #FFFFFF;
}
/* main defined above with .snap-shot, .snap-intro */
.home h3
{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.home ul
{
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}
.home ul li
{
    list-style-image: none;
    border-bottom: solid 1px #8A98B0;
    border-left: solid 1px #8A98B0;
    border-right: solid 1px #8A98B0;
    padding: 2px;
}
.home ul li:hover
{
}
.home ul li span
{
    float: left;
    width: 100px;
}

/* home page snap-shots and snap-introduction */
.snap-shot, .snap-intro
{
    overflow: auto;
    margin-bottom: 10px;
    background-color: White;
}
.snap-shot
{
    border: solid 1px #8A98B0;
}
#left .snap-shot h3, #left .snap-intro h3, #left .home h3
{
    background: #99ACCA url("home-header.png") repeat-x top left;
    border-bottom: solid 1px #8A98B0;
    margin-bottom: 0px;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    color: #396099;
    height: 100%;
}
.snap-shot p, .snap-intro p
{
    margin-top: 10px;
}
.snap-shot img, .snap-shot p, .snap-shot .description
{
    padding: 3px;
}

/* Area Descriptions (also can be used in Menu) */
.area-desc
{
    margin: 0px 3px 10px 0px;
    overflow: auto;
    height: 100%;
}
.area-desc-right
{
    margin: 0px 0px 10px 3px;
    overflow: auto;
}
.area-desc .description
{
    margin-bottom: 5px;
}
.area-desc h3
{
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    background: Silver;
    padding: 2px;
}


/* 6. About Us (and Projects) */
.about-item
{
    overflow: auto;
    margin-bottom: 10px;
}
.about-item .description
{
    padding-bottom: 10px;
}

/* 7. Contact Us */
.contact-item
{
    width: 100%;
    margin-bottom: 20px;
}
#left .contact-item h3, #left .faqs-item h3, #left .help-item h3, #left .legal-item h3, #left .media-item h3, #left .events-item h3
, #left .quotation-item h3, #middle .hip-item h3
{
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    color: White;
}
#left .contact-item h3, #left .faqs-item h3, #left .help-item h3, #left .legal-item h3
{
    background: #6C89BB;
}

/* 8. Links */
.links-item
{
}

/* 9. FAQs */
.faqs-item
{
}
.faqs-item .description
{
    margin-bottom: 10px;
}

/* 10. Media */
/* defined below with events-item */
.media-item
{
}
.media-item .more-details
{
    background-color: #3F7DAC;
}

/* 11. Help */
.help-item
{
}

/* 12. Legal */
.legal-item
{
}

/* 13. Events */
.events-item, .media-item
{
    margin-bottom: 20px;
}
.events-item h3
{
    background: #263B59;
}
.media-item h3
{
    background: #3F7DAC;
}

.events-item .description, .media-item .description
{
    margin-bottom: 10px;
    padding: 3px;
}

/* 14. Business Page */
.business-item
{
}
.business-bg
{
    background: #8FA6C5;
}
.business-item h4
{
    color: #8FA6C5;
    margin-bottom: 20px;
}
.business-item .more-details
{
    background-color: #8FA6C5;
}

/* Quotation Items */
.quotation-item
{
}
/* Inherits from above in .media-item */
.quotation-item h3
{
    background: #009900;
}

#quotation-results
{
}
#quotation-results table td
{
    white-space: nowrap;
    padding: 1px 0px;
}
#quotation-results table td.spacer
{
    width: 20px;
    text-align: center;
}
#quotation-results table td.large-spacer
{
    width: 100px;
}
#quotation-results table td.result
{
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    padding: 3px;
    font-size: larger;
    font-weight: bold;
}
#quotation-results p
{
    margin: 10px 0px;
}

/* Express-Hip */
#middle .hip-item h3
{
    background: #BCBCBC;
}
#middle .hip-item .HeaderDesc
{
    font-weight: normal;
    font-style: italic;
}
#middle .hip-item .description
{
}

/*********** SPECIFIC STYLES ***********/

/* A. Area below the banner which holds the weather and the site map */
#page-details
{
    width: 770px;
    height: 100%;
	margin: 0px auto;
    background-color: White;
    overflow: auto;
    color: #808080;
}
#page-details .left
{
    float: left;
	width: 581px;
	height: 74px;
	border-bottom: solid 1px #E1E1E1;
}
#page-details .middle
{
	height: 74px;
	border-bottom: solid 1px #E1E1E1;
}
#page-details .left img
{
    margin-top: 10px;
}
#page-details .right
{
    float: right;
	width: 188px;
	border-left: solid 1px #E1E1E1;
	border-bottom: solid 1px #B4B4B4;
	background: #F3F3F3;
	height: 74px;
}
#page-details .right-nomenu
{
    float: right;
	width: 169px;
	height: 64px;
	border-bottom: solid 1px #E1E1E1;
	background-color: White;
	text-align: right;
	padding: 10px 20px 0px 0px;
	color: Silver;
}
/* defined above with #right
#page-details .right h3
{
}
 */

#page-details .right input
{
    margin: 2px 0px 0px 8px;
}

#page-details h3
{
    font-weight: bold;
    margin: 10px 0px 0px 20px;
    font-size: 16px;
    color: #808080;
}
#page-details h4
{
    font-weight: normal;
    font-size: 10pt;
    color: Black;
    margin: 10px 0px 0px 10px;
}

/* Header-Bottom - The part of the banner below the navigation */
#header-bottom
{
    width: 770px;
	height: 3px;
	margin: 0px auto;
	border: 0px;
	padding: 0px 0px 0px 0px;
    background: #6699CC;
}

/* Business Section */
#buiness-nomenu
{
}

/* Redefine Enquiry Header */
.enquiry
{
    height: 100%;
}
.enquiry h3
{
    padding: 3px;
}

/* Redefine Gallery for ie6 */
.gallery-item
{
}

/* Redefine rating for ie6 */
.rating
{
}

/* The Image which appears at the top of each page */
#area-img
{
    width: 188px;
    overflow: auto;
    border-left: solid 1px #B4B4B4;
}
#area-img h3
{
    background: #677791 url("area-header.png") repeat-x top left;
    border-left: 0px;
    border-bottom: 0px;
    margin-bottom: 1px;
}

/* The Main Navigation Links */
#navigation a.business, #navigation a.hips, #navigation a.media
{
}
#navigation a.business:hover, #navigation a.business-selected
{
    background-color: #8FA6C5;
    color: White;
    text-decoration: none;
    background-image: none;
}
#navigation a.hips:hover, #navigation a.hips-selected
{
    background-color: #263B59;
    color: White;
    text-decoration: none;
    background-image: none;
}
#navigation a.media:hover, #navigation a.media-selected
{
    background-color: #3F7DAC;
    color: White;
    text-decoration: none;
    background-image: none;
}

/* Main section for the page-nomenu.master file */
#middle {
	width: 730px;
	min-height: 350px;
	padding: 10px 20px;
}
#middle ul, #middle ul li
{
    margin-left: 10px;
}

/* Collapsable Panels in More Details */
.more-details
{
    background: #6C89BB;
    padding: 3px 5px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    color: White;
    cursor: pointer;
    vertical-align: middle;
    overflow: auto;
    margin: 10px 0px;
    height: 100%;
}
.more-details h5
{
   font-size: 8pt;
    margin: 0px;
    color: White;
}

/* Company Visits Page */
.company-visits
{
}
.company-visits h3
{
    background: #EB4D87;
    color: White;
    font-size: 16px;
    padding: 3px;
}
/* defined above with .business-item */
.company-visits .description
{
}

/* home-page area panels */
.home-page-panels
{
    width: auto;
    overflow: auto;
    margin-bottom: 10px;
    height: 100%;
}
.home-page-panels .home-page-panel
{
    overflow: auto;
    height: 100%;
    color: White;
}

.home-page-panels .pan-left
{
    width: 266px;
    height: 100%;
    float: left;
}
.home-page-panels .pan-left ul
{
    margin-bottom: 5px;
    padding: 0px;
    list-style-image: url("arrow-home.gif");
}
.home-page-panels .pan-right
{
    width: 454px;
    height: 100%;
    float: right;
    border-left: solid 10px White;
}
.home-page-panels .pan-right .description,
.home-page-panels .pan-left .description
{
    overflow: auto;
    padding: 5px;
}
.home-page-panels .description div.cv
{
    margin: 9px 0px;
    padding: 5px;
}
.home-page-panels .pan-right .description div.cv ul
{
    margin: 0px;
}
.home-page-panels .pan-right .description img
{
    margin-bottom: 0px;
}
.home-page-panels .pan-left .business,
.home-page-panels .pan-left .home-messages
{
    color: White;
    text-align: left;
}
.home-page-panels .pan-left .home-messages .description
{
    margin: 9px 0px;
}
.home-page-panels .pan-right
{
    color: #FFFFFF;
}
.home-page-panels .pan-left a,
.home-page-panels .pan-right a
{
    color: White;
    background-image: url("arrow-home.gif");
}
.home-page-panels .pan-left .business h3,
.home-page-panels .pan-right .description h3,
.home-page-panels .pan-left .home-messages h3,
.home-page-panels .pan-left .description h3
{
    color: White;
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}
.home-page-panels .pan-right .events-home
{
    margin-bottom: 20px;
}
.home-page-panels .pan-right .events-home
{
}
.home-page-panels .pan-right .events-home .description
{
    margin-bottom: 5px;
    padding: 0px 5px;
}
.home-page-panels .pan-right .events-home h4
{
    color: White;
    font-size: 14px;
    margin-bottom: 5px;
}
.home-page-panels .pan-left .home-messages
{
}

/* Generic Details-Listing-Item */
.details-item
{
    margin-bottom: 20px;
    background: #DEDEDE;
    overflow: auto;
    height: 100%;
}
.details-item .left
{
    width: 30%;
    float: left;
    padding: 3px;
}
.details-item .main
{
    width: 65%;
    float: right;
    margin-bottom: 3px;
}
.details-item .main .description
{
    margin-bottom: 10px;
    padding: 3px;
}
.details-item .main h4
{
    background: #8FA6C5;
    padding: 3px 5px;
    font-size: 8pt;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    color: White;
}

/* Form Error */
.Err
{
    color: Red;
    margin-bottom: 10px;
}

/* Hip Forms */
table.HIP-Questions, table.HIP-Form, .HIPs .AspNet-GridView table
{
    width: 100%;
    background: White;
    border: solid 1px Silver;
}
table.HIP-Questions thead td, table.HIP-Questions thead th,
table.HIP-Form thead td, table.HIP-Form thead th,
.HIPs .AspNet-GridView table thead td, .HIPs .AspNet-GridView table thead th
{
    height: 18px;
}
table.HIP-Questions thead tr th, .HIPs .AspNet-GridView table thead tr th
{
    text-align: center;
    background: Silver;
    border: solid 1px Silver;
    padding: 3px;
}
table.HIP-Form thead tr th
{
    text-align: center;
    background: #6C89BB;
    border: solid 1px Silver;
    padding: 3px;
    color: White;
}
table.HIP-Questions thead tr td, table.HIP-Form thead tr td, table.HIP-Form tbody tr.Group,
.HIPs .AspNet-GridView table thead tr td, .HIPs .AspNet-GridView table tbody tr.Group
{
    text-align: center;
    border: solid 1px Silver;
    padding: 1px;
    font-weight: bold;
}
table.HIP-Form tbody tr.Group, .HIPs .AspNet-GridView table tbody tr.Group
{
    background: white;
}
table.HIP-Questions tbody tr, table.HIP-Form tbody tr, .HIPs .AspNet-GridView table tbody tr
{
    background: #E5E5E5;
}
table.HIP-Questions tbody tr.alt, table.HIP-Form tbody tr.alt, .HIPs .AspNet-GridView table tbody tr.alt
{
    background: #FFFFFF;
}
table.HIP-Questions tbody tr td, table.HIP-Form tbody tr td, .HIPs .AspNet-GridView table tbody tr td
{
    border: solid 1px Silver;
    padding: 3px 1px;
    vertical-align: top;
}
table.HIP-Questions tbody tr td a, .HIPs .AspNet-GridView table tbody tr td a
{
    font-weight: normal;
    color: Blue;
}
table.HIP-Questions tbody tr td a:Hover, .HIPs .AspNet-GridView table tbody tr td a:Hover
{
    color: Red;
}
table.HIP-Questions tbody tr td.Number, table.HIP-Form tbody tr td.Number, .HIPs .AspNet-GridView table tbody tr td.Number
{
    white-space: nowrap;
    width: 1%;
    text-align: left;
}
table.HIP-Questions tbody tr td.Link, .HIPs .AspNet-GridView table tbody tr td.Link
{
    text-align: center;
    width: 10%;
}
table.HIP-Form tfoot tr td, .HIPs .AspNet-GridView table tfoot tr td
{
    background: white;
    text-align: left;
}
table.HIP-Form tfoot tr td a, .HIPs .AspNet-GridView table tfoot tr td a
{
    color: Blue;
}
table.HIP-Form tfoot tr td a:hover, .HIPs .AspNet-GridView table tfoot tr td a:hover
{
    color: Red;
}

.search-results
{
    overflow: auto;
    margin: 10px 0px;
}
.search-results .left
{
    width: 80%;
    float: left;
}
.search-results .right
{
    width: 19%;
    float: left;
    text-align: right;
}

.search-results span
{
    color: #257EF6;
    font-style: italic;
}