body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background: url(../images/bg.gif) no-repeat #dac190;
    font-size: 0.9em;
    color: #FFF;
    font-family: arial, verdana, sans-serif;
}

b{font-size: 110%;}
em{color: red;}
img {border: none}
#clear {clear:both; height: 0px;}
p {margin-bottom: 0.9;}
a {color: #FFF; text-decoration: underline;}
a:hover {text-decoration: none;}
#signature {margin: 10px 0;}

#maincontainer{
    width: 958px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background: url(../images/content_bg.gif) no-repeat bottom left #9e7b33;
    border: 1px solid white;
    border-bottom: none;
    margin-top: 30px;
}

#header{
    background: url(../images/header.jpg) no-repeat #EAEAEA;
    width: 958px;
    height: 189px; /*Height of top section*/
}

#headerBreak {
    height: 5px;
    width: 958px;
    background: #846627;
    clear: both;
}

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-right: 320px; /*Set right margin to RightColumnWidth*/
}
#contentcolumn .innertube {
    width: 480px;
    margin-left: 80px;
}
/* titles */
h2.titleSpecials {
    background: url(../images/title_special.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 70px;
    text-indent: -99999px;
}

h1.mainTitle {
    background: url(../images/title_main.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 60px;
    left: 0px;
    top: 20px;
    text-indent: -99999px;
}
h2.titlePlacetostay {
    background: url(../images/title_theplacetostay.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 60px;
    text-indent: -99999px;
}
h2.titleLonggallery {
    background: url(../images/title_longgallery.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 70px;
    text-indent: -99999px;
}
h2.titlePeacekeeping {
    background: url(../images/title_peacekeeping.gif) no-repeat;
    position: relative;
    width: 471px;
    height: 33px;
    text-indent: -99999px;
}

.paraBreak {
    background: url(../images/paragraph_break.gif) no-repeat center;
    width: 100%;
    height: 46px;
    clear: both;
    margin-bottom: 30px;
    margin-top: 30px;
}
/* Photograph styles */
#photoFoyer {margin-top:15px;}
#photoCarpark {margin-top: 15px; clear:both}
#photoMirrors {margin-top: 15px; clear:both}
#photoBike {float:right; margin-left: 15px; margin-right: 20px;}

#footer a{
    color: #FFFF80;
}

#footer{
    width: 958px;
    margin: 0 auto; /*Center on page*/
    border-top: 3px solid white;
    text-align: center;
    color: #dac190;
    line-height: 18px;
    font-size: .8em
}

.innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

/* Right Column styles */
#rightcolumn a {color: #5a4417; text-decoration: underline}
#rightcolumn a:hover {text-decoration:none}
#rightcolumn{
    float: left;
    width: 320px; /*Width of right column*/
    margin-left: -320px; /*Set left margin to -(RightColumnWidth) */
}

#rightcolumn .innertube {
    margin-left: 0px;
    margin-top: 5px;
}
#rightcolumn p {font-size: .8em; line-height: 1.5em; color: #5a4417}

/* Rotating photo styles */ 
#photoBorder {
    width: 283px;
    height: 403px;
    background: url(../images/photo_border.gif) no-repeat;
    margin-left: 13px;
    margin-top: 10px;
}

#photoRotate {
    width: 279px;
    height: 399px;
    margin-left: 2px;
    margin-top: 2px;
    float: left;
}
/* Rotating photo styles end */
#rightcolBg {
    margin-left: 13px;
    width: 283px;
    background: #e8dfce;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Voucher section */
#hotelVoucher {margin: 8px 0 0 10px;}
#hippoVoucher {margin: 8px 0 0 10px;}
#bannerMuseum {margin: 8px 0 0 10px;}
#artGuide {margin: 15px 0 0 15px;}

/* Contact us section */
#contactUs {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #eadab9;
    border: 1px solid #d0be9a;
    margin-left: 10px;
    margin-top: 15px;
}
#contactUs #titleContactUs {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: #eadab9;
}

#contactForm {font-size:0.75em; background:#none; width:240px; padding:0px; margin: 20px 0px 15px 10px;}
#contactForm label {margin-right: 5px;clear:left; display:block; float:left; width: 80px; text-align:right; color:#5a4417; line-height:2em;}
#contactForm input {width: 140px; border: 1px solid #a08857; margin-bottom: .8em; margin-left: 0px; padding: 0px;}
#contactForm select {width: 140px; border: 1px solid #a08857; color: #5a4417; font-size: 1em; margin-bottom: 1em;}
#contactForm option {color:#5a4417;}
#contactForm textarea {width: 135px; height:4em; padding:2px; overflow:auto; border: 1px solid #a08857; font-family: arial, sans-serif; font-size: 1em}
.error {font-weight: bold; color: red; font-size: 1.2em}
#contactForm input.sendbutton {width: 141px; height: 20px; border: none; margin-left: 85px; margin-top: 1em;}

/* Location section */
#location {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #eadab9;
    border: 1px solid #d0be9a;
    margin-left: 10px;
    margin-top: 15px;
}
#location #titleLocation {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#rightcolMap {
    border: 1px solid #cebd99;
    margin: 10px 0 5px 20px;
}
#enlargeMap {
    width: 240px;
    text-align: right;
    margin: 10px 15px 10px 0;
    font-size: .8em;
    text-decoration: underline;
    color: #5a4417;
    cursor: pointer;
}
#enlargeMap:hover {text-decoration: none;}

/* Map section */
#mapcontainer{
    width: 500px; /*Width of map container*/
    height: 400px;
    margin: 0 auto; /*Center container on page*/
    background: #9e7b33;
    border: 1px solid white;
    margin-top: 30px;
}
#mapcontainer #closer {background: #000; font-size: .8em; margin-top: 1px; text-align: center;}
#mapcontainer a {color: #FFF; text-decoration: none;}
#mapcontainer a:hover #closer {text-decoration: underline;}

/* style for map on index page */
#mapcontainerSmall{
    width: 218px; /*Width of map container*/
    height: 168px;
    border: 1px solid white;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#map_canvas span {visibility: hidden}

#contactForm br {display:none;}

#respond {
    padding:10px;
    border:1px solid #D0BE9A;
    background:#EADAB9;
    color:#7A653B;
}

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

.comment {
    padding:5px;
    border:1px solid #fff;
    margin-top:5px;
    margin-bottom:5px;
}