/* Elements */

body {

	margin: 0;

	padding: 0;

	background: #FFFFFF;

	color: #222222;

	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 0.8em; 

	text-align: center;

}

h1 {text-align: left; display: none; margin: 0; padding: 0; font-size: 1.5em;}

h2 {margin: 0 0 0 0; padding: 0; font-size: 1.2em;}

h3 {color: #660000; font-size: 1.3em; margin: 0; font-weight: normal;}

h4 {color: #AC0806; font-size: 1em; margin: 0 0 0.5em 0; font-weight: bold;}

h5 {color: #000000; font-size: 1em; margin: 0 0 0.5em 0; font-weight: bold;}

form {margin: 0;}

p {margin: 0 0 1em 0; padding: 0; line-height: 1.6em;}

a {color: #003366; text-decoration: none;} 

a:hover {color: #0057ae; text-decoration: underline;}  

a:visited {color: #339999;}







/* Structure */

#container {

	margin: 0 auto;

	width: 760px;

	text-align: left;

	max-width: 1024px;

}

#header {height: 85px; margin: 0; padding: 0; text-align: right;}

#panelHome {height: 220px; background: #9c9579; margin: 0; padding: 0;}

#mainarea {margin: 0; background: url(images/bg_content.jpg) top left no-repeat;}

#navHome {float: left; width: 210px; margin: 0; padding-left: 50px;}

#content {margin: 0 0 0 285px; padding: 20px 0 0 0;}

#content ul {list-style-type: square; color: #660000;} 

#footer {clear: both; margin: 0 0 10px 0; border-top: 1px solid #ccc8bb;}

#footer p {font-size: 0.85em; color: #666; margin: 0.5em 0;}



#panelContent1 {height: 220px; background: #a40000 url(images/bg_panelContentRed.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}

#panelContent2 {height: 220px; background: #e5b700 url(images/bg_panelContentYellow.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}

#panelContent3 {height: 220px; background: #50633A url(images/bg_panelContentGreen.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}

#panelContent4 {height: 220px; background: #660066 url(images/bg_panelContentPurple.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}

#panelContent5 {height: 220px; background: #45639f url(images/bg_panelContentBlue.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}

#panelContent6 {height: 220px; background: #045c5c url(images/bg_panelContentTeal.gif) top left repeat-x; margin: 0; padding: 0 0 0 50px;}



#footer_home {float: left; width: 210px; background: #9c9579; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_facilities {float: left; width: 210px; background: #660000 url(images/bg_panelContentRed.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_favourites {float: left; width: 210px; background: #e5b700 url(images/bg_panelContentYellow.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_welcome {float: left; width: 210px; background: #50633A url(images/bg_panelContentGreen.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_map {float: left; width: 210px; background: #660066 url(images/bg_panelContentPurple.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_tariff {float: left; width: 210px; background: #45639f url(images/bg_panelContentBlue.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}

#footer_contact {float: left; width: 210px; background: #045c5c url(images/bg_panelContentTeal.gif) top left repeat-x; padding: 0 0 0 50px; margin: -1px 20px 0 0;}



#nav {float: left; margin: 0; padding: 8px 0 0 0; width: 210px; height: 212px; background: #a8a28a url(images/bg_nav.gif) top left repeat-x;}

#nav img {border: 0;}



#subNav {float: left; width: 210px; margin: 0 0 2em 0; padding-left: 50px;}

#subnav img {border: 0; margin: 0;}



/* hide from MacIE \*/

* html #nav {

    margin-right: -3px;

    }

/* end hide */





/* Other IDs */

#logo {float: left; margin: 0 50px 0 0;}

#slogan {margin: 50px 0 0 0;}

#tblRates {
	width: 475px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#tblRates tr td {border-bottom: 1px solid: #ccc;}



form input#txtName, form input#txtPhone, form input#txtEmail, form textarea {

  border: 1px solid #7F9DB9;

}

form input#txtName:focus, form input#txtPhone:focus, form input#txtEmail:focus, form textarea:focus {

  border: 1px solid #799480; /* 7295A6 */

}



#frmContact table tr td {padding: 0 0 3px 0;}



/* Classes */

.halfColumn {float: left; width: 227px; margin: 0; padding: 0; background: transparent;}

.hidden {display: none;}

.redarrow {color: #660000; font-weight: bold;}
