@import 'about-this-hotel-tables.css';

/* This provides properties for the About This Hotel section */

html,body
{
    margin: 0em;
    padding: 0em;
    background-color: white;
    color: black;
    font-size: 88% !important; /* Base font size */

}

/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, a, li, input, select, textarea
{
    font-family: Arial, sans-serif;
}

/* This turns off borders around images */
img
{
    border-width: 0em;
}

form
{
    margin: 0em;
    padding: 0em;
}

/* General table properties */
table
{
    border-collapse: collapse; /* cells meet */
    border-spacing: 0em;
}

table td, table th
{
    vertical-align: top;
}


/* This can be used to hide text from regular browsers while allowing it appear for text readers */
p.accessibility, li.accessibility
{
    display: none !important;
}

/* General link properties */

h2 a:link,
    div#content a:link,
    h2 a:visited,
    div#content a:visited
{
    text-decoration: underline;
}


/* ========================================== Content ========================================= */

/* This holds the primary content within the page. And,
    about-this-hotel-popups.css overrides some of these values */

div#content
{
    margin-left: 75px;
    margin-top: 14px;
    width: 630px;

    /* This provides some room between the content and the footer */
    /* margin-bottom: 1.2em; */ /* No longer needed since the last element is typically in a paragraph */
}

/* This ensures that images layout as expected */
div#content img
{
    display: block;
}

/* Ordinary paragraphs and list-items */

/* [These would normally be defined globally (without the div#content preface) but this extra
    precaution ensures that these properties don't affect the alread-built portions of the page] */

div#content p
{
    margin: 0em;
    padding: 0em;
}

div#content p,
    div#content ul,
    div#content ol
{
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 1.2em;
    font-size: 1.0em;
    line-height: 1.1em;
}

/* General font sizing -- which shouldn't be necessary -- but IE could become confused otherwise */

/* [These would normally be defined globally (without the div#content preface) but this extra
    precaution ensures that these properties don't affect the alread-built portions of the page] */

div#content input,
    div#content textarea,
    div#content select,
    div#content td,
    div#content th
{
    font-size: 1.0em;
}

/* This holds the time and temperature information on the main About This Hotel page */
div#content ul#hotel-data-list
{
    margin-left: 0em;
    padding-left: 0em;
}

div#content ul#hotel-data-list li
{
    list-style-type: none;
}

/* Some bits within a hotel-data-list are emphsized */
div#content ul#hotel-data-list li em
{
    font-style: normal;
    color: rgb(90,90,90);
}


/* This holds the list of feature links such as
    "Location & Driving Directions" and "What's Nearby" */
div#content ul#features-list
{
    margin-left: 0em;
    padding-left: 0em;
    margin-bottom: 0.5em;
}

div#content ul#features-list li
{
    list-style-type: none;
    display: inline; /* This should be needed, but IE acts goofily without it */
}

div#content ul#features-list li a
{
    display: block;
    padding-bottom: 5px;
}

/* ========================================== Headers ========================================== */

/*
    Key:

    H1: Not currently used; reserved for the page logo in the event of an overhaul

    H3: The primary header across the main "About This Hotel" page and the
            priamary header on the "About This Hotel" popup pages
    H3.secondary: A secondary header within popup pages
    H3.tertiary: A tertiary header within popup pages, currently used only on the Meeting Facilities page
    H6: A generaly header, most commonly used for the Hotel Name

    */

/* Various headers share a common look-and-feel (currently as colored bar) */

h3
{
    font-size: 1.1em !important;
    margin: 0em;
    padding-top: 7px; /* Formerly 0.55em, but changed to px due to rounding errors in Firefox */
    padding-bottom: 7px; /* Formerly 0.55em, but changed to px due to rounding errors in Firefox */
    padding-left: 0.2em;
    padding-right: 0.2em;
}


/* This is the primary header across the main "About This Hotel" page */
h3
{
    background-color: rgb(173,173,173);

    /* This allows other elements to be positioned with respect to this */
    position: relative;

    /* This leaves room for the "Return to Hotel List" image */
    padding-left: 75px;
}

/* H3 headers within a hotel-pictures section are slightly different */
h3.pictures-header
{
    font-weight: normal;

    font-size: 1.0em !important;
    margin: 0em;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;

    /* This is the CSS Box Model Hack:
        http://tantek.com/CSS/Examples/boxmodelhack.html */
    width: 267px; /* Fake width for IE 5.x */

    voice-family: "\"}\"";
    voice-family: inherit;
    width: 255px; /* Real width per the CSS box model */
}

/* Continuation of the CSS Box Model Hack; this is the
    be-nice-to-Opera subsection */
html>body h3.pictures-header
{
    width: 255px; /* Real width per the CSS box model */
}

/* Some additional links (currently "Email this page" and
    "Printer friendly page") appear within h2 and h3 headers */
h3 a
{
    font-weight: normal;
    font-size: 0.9em;
    margin-left: 1.4em;
}

h3 a#return-to-hotel-list
{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0em;
}

/* Only IE sees this */
* html h3 a#return-to-hotel-list
{
    /* This matches the padding-left on H2 */
    left: -75px;
}

/* And, IE/Mac gets the original value */
*>html h3 a#return-to-hotel-list
{
    left: 0px;
}


/* Links within H3 have slightly different properties than regular links */
h3 a:link
{
    color: rgb(49,49,49);
}

/* This is the same as regular links, but it's necessary to reassert
    this property so that "hover" still takes effect (and it doesn't
    stay the a:link color always, defined above) */
h3 a:hover
{
    color: rgb(82,82,82);
}


div#content h3.secondary,
    div#content h3.tertiary
{
    /* Some elements are floated before H4 and H5
        elements but they shouldn't overlap them */
    clear: both;
    margin: 0em;
    padding-left: 0.6em; /* Formerly 8px */

    /* Regular H3 elmements get 7px padding-top and padding-bottom,
        but that's to accommodate extra subtext */
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Only IE sees this */
* html div#content h3.secondary,
    * html div#content h3.tertiary
{
    padding-top: 3px;
    padding-bottom: 4px;
}

/* And, IE/Mac get the original value */
*> html div#content h3.secondary,
    *> html div#content h3.tertiary
{
    padding-top: 4px;
    padding-bottom: 4px;
}

/* This is a secondary header within popup pages */
div#content h3.secondary
{
    background-color: rgb(214,214,214);
    margin-bottom: 0.2em;
}

/* This is a tertiary header within popup pages, currently used only on the Meeting Facilities page */
div#content h3.tertiary
{
    background-color: rgb(230,230,230);
    margin-bottom: 0.5em;
}

/* This is a generaly header, most commonly used for the Hotel Name */
div#content h6
{
    font-size: 1.1em;
    margin: 0em;
    padding: 0em;
}

/* ====================================== Content: Hotel Description ====================================== */

div#content div#hotel-description
{
    clear: both;
    border-top: 1px solid rgb(204,204,204);
    border-bottom: 1px solid rgb(204,204,204);

    padding-top: 1.2em; /* This matches the spacing on paragraphs */
    
    /* This matches the width of the unordered list portion of the hotel-pictures area above it 
        and lines up the right edge of the text with the right edge of photo above */
    padding-right: 125px; 
    
    margin-bottom: 1.2em;
}

/* === The columns bits have been moved into global.css === */


/* =============================== Content: Tabular Data ============================ */

table.data-table
{
    border-collapse: collapse; /* cells meet */
    border-spacing: 0em;
    margin-bottom: 1.2em; /* This matches the bottom margin for paragraphs */
    font-size: 1.0em; /* Just to be sure */
}

/* This just resets general table cells to a common starting point */
table.data-table td,
    table.data-table th
{
    text-align: left;
    font-weight: normal;
}