/*
    Y HOTEL
    TEMPLATE CSS
*/

/* GENERAL STYLES ------------------------------------------------------------ */
html, body {
    margin: 0;
    padding: 0;

}
body {
    background: #3f4d19 url(img/bg.jpg) repeat-x top;
    text-align: center;
}
.clear { clear: both; height: 0; }
.hide { display: block; overflow: hidden; width: 0; height: 0; }
#container {
    background: #574f42;
}
.alignright {
    float: right;
    width: 390px;
    margin: 0 0 0 15px;
}
.alignleft {
    float: left;
    width: 390px;
    margin: 0 15px 0 0;
    clear: both;
}
.right {
    float: right;
}
.columnsa {
    float: left;
    width: 249px;
    margin: 0 15px 0 0;
}
.columnsb {
    float: left;
    width: 380px;
    margin: 0 15px 0 0;
}
.center {
    text-align: center;
}
a:link, a:visited, :link:focus, :visited:focus { outline:none; }
/* WRAPPERS ------------------------------------------------------------------ */
/* --------- Container */
#container {
    width: 970px;
    margin: 0 auto;
    padding: 0;
    background: #b4bd33 url(img/bg.png) top center;
}
/* --------- Top of Homepage */
#wraptop {
    width: 970px;
    margin: 0 auto;
    padding: 0;
    background: #ffffff url(img/header-bg.jpg) repeat-x top;
}
#top {
    width: 970px;
    margin: 0 auto;
    display: block;
    v-align: bottom;
    padding: 0;
}


/* --------- Main Body */
#wrapbody {
    width: 970px;
    margin: 0 auto;
    padding: 0;
/*    background: #ffffff;*/
}
#content {
    width: 912px;
    margin: 0 auto;
    background: #808927 url(img/bg2.png) top center;
    color: #666666;
    padding: 0;
    font: normal 12px 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

/* --------- Footer */
#wrapfoot {
    width: 970px;
/*    background: #ffffff;*/
    margin: 0 auto;
    padding: 0;
    clear: both;
}
#footer {
    width: 912px;
    margin: 0 auto;
    padding: 5px 0 40px 0;
}

/* SECTIONS ------------------------------------------------------------------ */
/* SECTION HEAD -------------------------------------------------------------- */
#top h1 {
      display: block;
      margin: 0;
      padding: 0;
      width: 650px;
      height: 111px;
      float: left;
      background: url(img/header.jpg) no-repeat bottom left;*/
}

#top h1 span {
     display: block; overflow: hidden; width: 0; height: 0;
}
#top p {
      width: 20%;
      float: right;
      margin: 0 30px 0 0;
      padding: 0;
      display: block;
      height: 87px;
}
.home-specials  a{
      width: 20%;
      float: right;
      margin: 0 30px 0 0;
      padding: 0;
      display: block;
      height: 50px;
	background: url(img/home-specials.gif) no-repeat bottom right;
}
.home-specials span {
      display: block; overflow: hidden; width: 0; height: 0;
}
.home-redhot  a{
      width: 20%;
      float: right;
      margin: 0 30px 0 0;
      padding: 0;
      display: block;
      height: 50px;
	background: url(img/red-hot-specials.gif) no-repeat bottom right;
}
.home-redhot span {
      display: block; overflow: hidden; width: 0; height: 0;
}
.redhot  a{
      width: 20%;
      float: right;
      margin: 0 30px 0 0;
      padding: 0;
      display: block;
      height: 50px;
	background: url(img/red-hot-specials.gif) no-repeat bottom right;
}
.redhot span {
      display: block; overflow: hidden; width: 0; height: 0;
}
#top p.logocs {
      background: url(img/logo-cs.gif) no-repeat bottom right;
}
#top p.logohp {
      background: url(img/logo-hp.gif) no-repeat bottom right;
}
#top p span {
      display: block; overflow: hidden; width: 0; height: 0;
}

/* NAVIGATION ---------------------------------------------------------------- */
/* Dropdown Menu c/o dhtml-horiz.css ----------------------------------------- */
/* ---------- Navigation Styling */
li.Home a, li.City a, li.Hyde a, li.Conferences a, li.ywca a, li.Enquiries a {
      height: 48px !important;
}

li.Home span, li.City span, li.Hyde span, li.Conferences span, li.ywca span, li.Enquiries span {
      display: none;
}
li.Home a {
      width: 119px;
      background: #ffffff url(img/nav_home.jpg) no-repeat top left;
}
li.City a {
      width: 175px;
      background: #ffffff url(img/nav_cs.jpg) no-repeat top left;
}
li.Hyde a {
      width: 162px;
      background: #ffffff url(img/nav_hp.jpg) no-repeat top left;
}
li.Conferences a {
      width: 192px;
      background: #ffffff url(img/nav_con.jpg) no-repeat top left;
}
li.ywca a {
      width: 166px;
      background: #ffffff url(img/nav_ywca.jpg) no-repeat top left;
}
li.Enquiries a {
      width: 156px;
      background: #ffffff url(img/nav_enq.jpg) no-repeat top center;
}
li.Home .current, .Home a:hover {
  background: url(img/nav_home_h.jpg) no-repeat ! important;
}
li.City .current, .City a:hover {
  background: url(img/nav_cs_h.jpg) no-repeat !important;
}
li.Hyde .current, .Hyde a:hover {
  background: url(img/nav_hp_h.jpg) no-repeat !important;
}
li.Conferences .current, .Conferences a:hover {
  background: url(img/nav_con_h.jpg) no-repeat !important;
}
li.ywca .current, .ywca a:hover {
  background: url(img/nav_ywca_h.jpg) no-repeat !important;
}
li.Enquiries .current, .Enquiries a:hover {
  background: url(img/nav_enq_h.jpg) no-repeat !important;
}     */


/* EXTRA --------------------------------------------------------------------- */

#extra {
}

/* SECTION BODY -------------------------------------------------------------- */
.contententry {
      padding: 30px 0 30px 0 !important;
}
.contententry p{
      font: normal 12px Verdana, Helvetica, Arial, sans-serif;
      line-height: 1.8;
      color: #333333;
      margin: 0;
      padding: 0;
}
.contententry h3, .contententry h4 {
}
.contententry h2, .heading1 {
      color: #808927;
      font: normal 20px Arial, Helvetica, Verdana, sans-serif !important;
      margin: 10px 0 0 0;
      padding: 0;
}
.contententry h3, .heading2 {
      color: #808927;
      font: normal 18px Arial, Helvetica, Verdana, sans-serif !important;
      margin: 5px 0 0 0;
      padding: 0;      
}
.contententry h4, .heading3 {
      color: #808927;
      font: normal 14px Arial, Helvetica, Verdana, sans-serif !important;
}
.contententry table {
      font: normal 12px Verdana, Helvetica, Arial, sans-serif!important;
      line-height: 1 !important;
      margin: 0 auto;
      border: 0;
      width: 792px;
      color: #333333;
}
.contententry table th {
      border-bottom: 1px solid #666666;
      padding: 3px;
      font-weight: bold;
      text-align: center;
      vertical-align: top;
}
.contententry table td {
      border-bottom: 1px solid #cccccc;
      padding: 3px;
}
.contententry table th.noborder {
      border-bottom: 1px solid #ffffff !important;
      text-align: left !important;
}
.contententry table td.noborder {
      border-bottom: 1px solid #ffffff !important;
}
.contententry ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      font: normal 12px Verdana, Helvetica, Arial, sans-serif !important;
      color: #333333;
      line-height: 1.8;      
}
.contententry ul li {
      background: url(img/bullet.gif) no-repeat top left;
      margin: 10px 0;
      padding: 0 0 0 15px;
      line-height: 1.8;
}
.contententry ul li ul {
      padding: 0 0 0 20px;
}
.contententry a {
      text-decoration: underline;
      color: #ac9458 !important;
}
a img {
      border: 0;
}
dt {
      font: bold 12px Verdana, Helvetica, Arial, sans-serif !important;
      color: #666666;
      margin: 15px 0 0 0;
      border-bottom: 1px solid #cccccc;
}
dd {
      margin: 0 0 10px 0;
      padding: 0;
      line-height: 1.8;
}
.whitebody {
      margin: 0 30px;
      background: #ffffff !important;
      padding: 30px;
      width: 792px !important;
      min-height: 200px;
      text-align: left;
      font: normal 12px Verdana, Helvetica, Arial, sans-serif !important;
}
.teaser {
      width: 400px;
      display: block;
      float: left;
      margin: 0 20px 0 0;
      text-align: left;
}
.teaser p {
      margin: 0 !important;
      padding: 0 !important;
      color: #666666 !important;
      font: normal 14px Arial, Helvetica, sans-serif !important;

}
/* ------------------------------  SIDE NAV ---------------------------------- */
.side {
}
.side ul {
}
.side ul li {
 }
.side ul li a {
}
.side ul li a:hover, .side ul li a.current {
}

/* FORMS --------------------------------------------------------------------- */
fieldset {
    border: 2px solid #ebe6d8;
    border-bottom: 1px solid #ebe6d8;
    margin: 0 30px 15px 30px;
    padding: 0;
    clear: both;
    line-height: 1 !important;
}
legend {
    font: normal 16px Tahoma, Helvetica, Verdana, Arial, sans-serif;
    color: #666666;
    padding: 0 10px;
}
fieldset ul {
    padding: 0;
    margin: 0 0 -5px 0!important;
    line-height: 1 !important;
}
fieldset ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px 10px 8px 10px !important;
    border-bottom: 1px solid #ebe6d8;
    background: none !important;
    line-height: 1 !important;
    font: normal 11px Arial, Verdana, Helvetica, sans-serif !important;
}
fieldset label {
    display: block;
    float: left;
    clear: left;
    width: 200px;
    font: normal 11px Arial, Verdana, Helvetica, sans-serif !important;
}
fieldset input, fieldset textarea {
    width: 300px;
}
fieldset select {
    width: 95px;
}
fieldset select.number {
    width: 45px;
}
fieldset select.nature {
    width: 200px;
}
fieldset select.year, fieldset input.year, fieldset input.quantity {
    width: 65px !important;
}
fieldset input, fieldset textarea, fieldset select {
    background: #ffffff !important;
    border: 1px solid #ebe6d8;
    text-align: left;
    padding-left: 3px;
    font-size: 10px;
}
fieldset input.check {
    width: 12px;
}
fieldset input.button {
    padding: 5px !important;
    font: normal 11px Arial, Verdana, Helvetica, sans-serif !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #ffffff !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
fieldset input:hover, fieldset textarea:hover, fieldset select:hover	{
    background: #f4f1ec !important;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus	{
    background: #ffffff !important;
}
/* SECTION FOOTER ------------------------------------------------------------ */
/* --------- Section, Footer */
#footer {
     padding: 0;
     text-align: right;
}
.credit {
     text-align: right;
}
.credit a {
      display: block;
      width: 180px;
      height: 54px;
      background: url(img/wes_logo.gif) no-repeat right 35%;
      float: right;
}
.credit span {
      display: block; overflow: hidden; width: 0; height: 0;
}
.contact {
      display: block;
      width: 700px;
      height: 54px;
      float: left;
      text-align: left;
}
.contact a {
         display: block;
         text-indent: -9999em;
         height: 54px;
         float: left;
}
.concs {
      background: url(img/foot-cs-reserve.gif) no-repeat left 35%;
      width: 300px;
}
.conhp {
      background: url(img/foot-hp-contact.gif) no-repeat left 35%;
      width: 300px;
}
.concon {
      background: url(img/foot-con-contact.gif) no-repeat left 35%;
      width: 270px;
}
.conmain {
      background: url(img/foot-enquiries.gif) no-repeat left 35%;
      width: 220px;
}
.book {
      background: url(img/book_now.gif) no-repeat left 35%;
      width: 144px;
}
.book-cs {
      background: url(img/book-cs.gif) no-repeat left 35%;
      width: 157px;
      margin-left: 70px;
}
.book-hp {
      background: url(img/book-hp.gif) no-repeat left 35%;
      width: 182px;
}
/* BOTTOM MENU --------------------------------------------------------------- */
#submenu {
      background: #3f4d19;
      width: 970px;
      margin: 0 auto;
      padding: 10px 0;
      clear: both;
}
#submenu a {
     color:#808a27;
     font:normal 12px Arial, Helvetica, sans-serif !important;
/*     text-transform: uppercase;*/
     margin: 0 3px;
}
#submenu a:hover{
         text-decoration:none;
}