/* Layout Container */
#main-container {background-color: #333333; width: 840px; height: auto; min-height: auto; margin: 0px auto; padding: 0px; background-image: url(images/common/menu-seperator-line.gif); background-repeat: repeat-y; background-position: top left;}

/* Header */
#header-container {float: left; width: 840px; height: 90px; min-height: 90px; margin: 0px; padding: 0px; color: #ffffff; background-color: #333333;}
#header-container .tiya-logo {float: left; margin: 13px 0px 0px 20px; padding: 0px;}
#header-container .banner-advert {float: right; width: 486px; height: 60px; min-height: 60px; margin: 6px 10px 0px 0px; padding: 2px; border: 1px solid #666666;}

/* Menu */
#menu-container {float: left; width: 190px; height: auto; min-height: auto; margin: 0px; padding: 0px; color: #ffffff; background-color: transparent;}
#menu-container H2 {color: #666666; margin: 15px 0px 5px 10px; padding: 0px;}
#menu-container ul {padding: 0px; margin: 0px; width: 190px;}
#menu-container li {width: 190px; height: 18px; list-style-type: none; margin: 0px; padding: 0px; color: #999999; background-color: #333333; border-top: 1px solid #666666;}
#menu-container li A {height: 18px; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #333333; margin: 0px; padding: 4px 0px 0px 10px; display: block;}
#menu-container li A:hover {height: 18px; font-weight: normal; color: #FFFFFF; text-decoration: underline; background-color: #666666; margin: 0px; padding: 4px 0px 0px 10px; display: block;}
#menu-container .bottom-menu-link {margin: 0px; padding: 0px; background-color: transparent;}

/* Content */
#content-container {float: left; width: 615px; height: auto; min-height: auto; margin: 0px; padding: 10px 10px 20px 25px; color: #ffffff; background-color: #333333;}
#content-container #clickable-map {float: right; width: 290px; height: 418px; min-height: 418px; margin: 0px 0px 10px 10px; padding: 0px; color: #ffffff; background-color: #333333;}
#content-container A {font-weight: normal; color: #C0C0C0; text-decoration: none; background-color: #333333; margin: 0px; padding: 0px;}
#content-container A:hover {font-weight: normal; color: #FFFF00; text-decoration: underline; background-color: #333333; margin: 0px; padding: 0px;}
#content-container A.pts-link {font-weight: normal; color: #fffff; text-decoration: none; background-color: #333333; margin: 0px; padding: 0px; border-bottom: dotted 1px #ffffff;}
#content-container A:hover.pts-link {font-weight: normal; color: #ffff00; text-decoration: none; background-color: #333333; margin: 0px; padding: 0px; border-bottom: dotted 1px #ffff00;}

/* Footer */
#footer-container {float: right; width: 650px; height: 10px; min-height: 10px; margin: 0px; padding: 5px 0px 5px 0px; color: #ffffff; background-color: #333333; text-align: center; border-top: 1px solid #666666;}

/* Tiler Listing Page */
.town-list-display-box-left {float: left; width: 260px; color: #666666; margin: 0px 15px 5px 0px; padding: 10px 15px 10px 15px; border: 1px solid #666666;}
.town-list-display-box-right {float: left; width: 260px; color: #666666; margin: 0px 0px 5px 0px; padding: 10px 15px 10px 15px; border: 1px solid #666666;}

.tiler-list-display-box-left {float: left; width: 260px; color: #666666; margin: 0px 15px 5px 0px; padding: 10px 15px 10px 15px; border: 1px solid #666666; line-height: 17px;}
.tiler-list-display-box-right {float: left; width: 260px; color: #666666; margin: 0px 0px 5px 0px; padding: 10px 15px 10px 15px; border: 1px solid #666666; line-height: 17px;}

.tiler-display-box {padding: 15px; border: 1px solid #666666; font-size: 11px; line-height: 18px; height: 350px; min-height: 350px; max-height: auto;}
.tiler-heading {float: left; width: 115px; height: 20px; min-height: 20px; font-weight: bold;}
.tiler-result {float: left; height: 20px; min-height: 20px;}
.tiler-skillset {float: left; width: 150px; height: 20px; min-height: 20px; color: #666666;}
.tiler-skillset-highlighted {float: left; width: 150px; height: 20px; min-height: 20px; color: #C0C0C0;}

#photo-gallery img {margin: 0px 5px 10px 5px; padding: 2px; border: 1px solid #666666;}
#photo-gallery .entry {float: left; margin: 0px; padding: 14px 0px 14px 14px; height: auto; min-height: auto; width: auto; text-align: center;}

input, textarea, select {font-family: verdana, arial, sans-serif; font-size: 11px;}
form {padding: 0px; margin: 0px;}
td {border: 1px solid #666666;}

#divDescription {Z-INDEX: 200; VISIBILITY: hidden; WIDTH: 200px; POSITION: absolute}
.clDescription {BORDER-RIGHT: #98370e 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #98370e 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: #98370e 1px solid; WIDTH: 150px; PADDING-TOP: 3px; BORDER-BOTTOM: #98370e 1px solid; FONT-FAMILY: Gill Sans, Arial, Verdana, Sans Serif; BACKGROUND-COLOR: #fdbe57; color: #000000;}

h1 {font-family: Verdana, arial, sans-serif; font-size: 17px;}
h2 {font-family: Verdana, arial, sans-serif; font-size: 17px;}

body {margin: 0px; padding: 10px 0px 0px 0px; background-color: #333333; color: #ffffff; font-family: Verdana, arial, sans-serif; font-size: 10px;}

.clear {clear: both; height: 0px; min-height: 0px; padding: 0px; margin: 0px; line-height: 0px;}