body      {

            COLOR: black;
            background: #420607 url('./images/choc_grd.gif') repeat-x;
            FONT-FAMILY: Verdana, Arial, Helvetica, Helv;
            behavior:url("./csshover.htc");
            FONT-SIZE: x-small;
            FONT-WEIGHT: normal;
            TEXT-DECORATION: none;
            BORDER-STYLE: none }

p { text-align: justify; color: black; }
<!--  ------------------------------------------------ -->
<!--    TABLES                                         -->
<!--  ------------------------------------------------ -->
table           {
                  BORDER-WIDTH: 0px;
                  BORDER-COLLAPSE: collapse;
                  BORDER-COLOR: #FFFFFF;
                  PADDING: 0em;    }

.maintext   {  BACKGROUND: #fff ;
            COLOR: black;
            FONT-FAMILY: Verdana, Arial, Helvetica, Helv;
            FONT-SIZE: x-small;
            FONT-WEIGHT: normal;
            TEXT-DECORATION: none;
            BORDER-STYLE: none }
                }


.MAIN_TITLE { background: #fff; }

table.menubar   { FONT-FAMILY: Arial, Verdana, Helvetica,  Helv;
                  FONT-SIZE: x-small;
                  FONT-WEIGHT: normal;
                  BACKGROUND-IMAGE: url(images/gradient2.jpg)
                }

table.inset  { FONT-FAMILY: Arial, Verdana, Helvetica,  Helv;
               FONT-SIZE: x-small;
               FONT-WEIGHT: normal;
               BACKGROUND-IMAGE: url(images/gradient3.GIF)
                }

table.book    {   BACKGROUND: RED;
                  BORDER-WIDTH: 0px;
                  BORDER-COLLAPSE: collapse;
                  BORDER-COLOR: #FFFFFF;
                  PADDING: 0em;    }


.title  {
	background: #420607;
	color: white;
	}

<!--  ------------------------------------------------ -->
<!--    CELLS                                          -->
<!--  ------------------------------------------------ -->
td.menubar {  COLOR: black;
              FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
              FONT-SIZE: 13pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
              TEXT-DECORATION: none;
              BORDER-COLOR: none;       }

td.address {  COLOR: black;
                  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                  FONT-SIZE: 11pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
              LETTER-SPACING: 0.01em
                  TEXT-DECORATION: none;
                  BORDER-COLOR: none;       }

td.inset {          COLOR: black;
                       FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 13pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }



                }

td.features { COLOR: black;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 9pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }


td.sfeatures { COLOR: black;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 9pt;
              FONT-WEIGHT: normal;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }

td.contact { COLOR: black;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 9pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }

.hosteltext { COLOR: black;
                        FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                        FONT-SIZE: 11pt;
                        BACKGROUND-COLOR: #fff;
                FONT-WEIGHT: bold;
                VERTICAL-ALIGN: MIDDLE;
                HEIGHT: 15px;
                        LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                        BORDER-COLOR: none;     }

td.main { COLOR: black
                        FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                        FONT-SIZE: 11pt;
                FONT-WEIGHT: normal;
                VERTICAL-ALIGN: MIDDLE;
                HEIGHT: 15px;
                        LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                        BORDER-COLOR: none;     }

td.MAINCOPY { COLOR: black;
                      FONT-FAMILY: Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 8pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
              LETTER-SPACING: 0.03em;
                      TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }

.basebar { COLOR: white;
             FONT-FAMILY: Arial, Verdana, Helvetica,  Helv;
             FONT-SIZE: 8pt;
             FONT-WEIGHT: normal;
             TEXT-DECORATION: none;
             BORDER-COLOR: none;       }

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head2, .cssbox_head2 h3, .cssbox_head h2 {
    background: #fff;
}
.cssbox {
    width: 210px !important; /* intended total box width - padding-right(next) */
    width: 200px; /* IE Win = width - padding */

    margin: 1px auto; /* use to position the box */
    position: relative; left: -10px;
}

.cssbox2 {

    margin: 1px auto; /* use to position the box */
    position: relative; left: 0px;
}

/* set the top-right image */
.cssbox_head, .cssbox_head2 {
    background-position: top right; margin-right: -55px; /* pull the right image over on top of border */
    padding-right: 5px; /* right-image-gap + right-inside padding */
}


/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    color: #000;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
    FONT-SIZE: 14pt;
    font-weight: normal;
    VERTICAL-ALIGN: MIDDLE;
    padding: 14px 3px 7px 60px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; height: 1%; /* IE Holly Hack */
}

.cssbox_head2 h3 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    color: #fff;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
    FONT-SIZE: 14pt;
    font-weight: normal;
    VERTICAL-ALIGN: MIDDLE;
    padding: 14px 3px 7px 60px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; height: 1%; /* IE Holly Hack */

}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */
}


.mainhead {
    color: #fff;
    FONT-FAMILY: Verdana, Tahoma, Arial, Verdana, Helvetica,  Helv;
    FONT-SIZE: 8pt;
    font-weight: normal;
    VERTICAL-ALIGN: MIDDLE;
}



div.relative-element { position:relative; width:150px;  height:113px;  }
div.relative-element span {  position:absolute;  background-repeat:no-repeat;  background-position:top left;  }
span.mask-1 {  top:0;  left:0;  width:8px;  height:9px;  display:block;  background-image:url(./images/wte_tl.gif);  }  /* repeat that for all of your corner masks i.e., 2 top right, 3 bottom right, 4 bottom left...*/
span.mask-2 {  top:0;  left:143;  width:9px;  height:8px;  display:block;  background-image:url(./images/wte_tr.gif);  }  /* repeat that for all of your corner masks i.e., 2 top right, 3 bottom right, 4 bottom left...*/
span.mask-3 {  top:105;  left:-2;  width:9px;  height:8px;  display:block;  background-image:url(./images/wte_bl.gif);  }  /* repeat that for all of your corner masks i.e., 2 top right, 3 bottom right, 4 bottom left...*/
span.mask-4 {  top:105;  left:142;  width:8px;  height:9px;  display:block;  background-image:url(./images/wte_br.gif);  }  /* repeat that for all of your corner masks i.e., 2 top right, 3 bottom right, 4 bottom left...*/


.opener { BORDER-WIDTH: 0px;
          BORDER-COLLAPSE: collapse;
          border-color: #00448D;
          background-image: url(./images/bg_op_10.gif);
          background-repeat: no-repeat;
          bakcground-attachment: fixed;
          background-position: bottom left;}



div.scroll {
height: 580px;
width: 530px;
border: 1px solid #fff;
background-color: #fff;
padding: 8px;
}


.floatRight {
    position: relative;
    float: left;
    margin: 10px;
}



<!--  ------------------------------------------------ -->
<!--    LINKS                                          -->
<!--  ------------------------------------------------ -->
A { COLOR: blue;
    FONT-FAMILY: Verdana, Tahoma, Helvetica,  Helv;
    FONT-WEIGHT: lighter;
    TEXT-DECORATION: underline;
  }

a.hosteltitle  {    COLOR: black;
                                        FONT-FAMILY: Mistral, Verdana, Helvetica,  Helv;
                                FONT-SIZE: 25pt;
                               FONT-WEIGHT: lighter;
                                TEXT-DECORATION: none;
                               LETTER-SPACING: 0.04em;
                }
a.moreinfo {  COLOR: black;
                  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                  FONT-SIZE: 11pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
              LETTER-SPACING: 0.01em
                  TEXT-DECORATION: none;
                  BORDER-COLOR: none;       }

a:hover { color: #871E31;  }

a.menubar {   COLOR: #42111B;
              FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
              FONT-SIZE: 11pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
              TEXT-DECORATION: none;
              BORDER-COLOR: none;       }

a.menubar:hover { color: #871E31 ! important;  }

a.book {      COLOR: red;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 11pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }

a.book:hover { color: green ! important;  }

a.features { COLOR: blue;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 9pt;
              FONT-WEIGHT: bold;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }
a.features:hover { color: red ! important;  }

a.sfeatures { COLOR: blue;
                      FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica,  Helv;
                      FONT-SIZE: 8pt;
              FONT-WEIGHT: normal;
              VERTICAL-ALIGN: MIDDLE;
              HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                        TEXT-DECORATION: none;
                      BORDER-COLOR: none;       }
a.sfeatures:hover { color: red ! important;  }

a.basebar:hover {color: yellow ! important;}



a.pagecontrol {   COLOR: black;
                              FONT-FAMILY: Arial, Verdana, Helvetica,  Helv;
                              FONT-SIZE: 8pt;
                      FONT-WEIGHT: normal;
                      VERTICAL-ALIGN: MIDDLE;
                      HEIGHT: 15px;
                      LETTER-SPACING: 0.03em;
                              TEXT-DECORATION: none;
                              BORDER-COLOR: black;       }
a.pagecontrol:visited { color: black;  }
a.pagecontrol:hover { color: red ! important;  }

<!--  ------------------------------------------------ -->
<!--    OTHER                                          -->
<!--  ------------------------------------------------ -->


textarea {  COLOR: black;
             FONT-FAMILY: Trebuchet MS,Tahoma, Arial, Helvetica,  Helv;
             FONT-SIZE: 9pt;
             FONT-WEIGHT: normal;
             TEXT-ALIGN: left;
             TEXT-DECORATION: none }

select.srch { COLOR: black;
              FONT-FAMILY: Arial, Helvetica,  Helv;
              FONT-SIZE: 8pt;
              FONT-WEIGHT: normal;
              TEXT-ALIGN: left;
              TEXT-DECORATION: none }

select {      COLOR: black;
              FONT-FAMILY: Tacoma, Arial, Helvetica,  Helv;
              FONT-SIZE: 9pt;
              FONT-WEIGHT: normal;
              TEXT-ALIGN: left;
              TEXT-DECORATION: none }

img.photos { BORDER-COLOR: black;      }
img.pagecontrol { BORDER: 1px;
                  BORDER-COLOR: black;     }