/*
 * Generic styles
 */

body {
    background: #dcddde;
    color: black;

    font-family: "Helvetica Neue", "Helvetica", "Geneva", "Arial", sans-serif;
    font-size: 80%;

    margin: 0;

    background-image: url(images/heading.jpg);
    background-repeat: no-repeat;
}

:link { color: black; text-decoration: underline; } 
:visited { color: #e35a27; }
:link:hover, :visited:hover { color: #ed901f; } 

h1 {
    margin: 0;
    padding: 0;
    height: 200px;
    visibility: hidden;
}

#nav {
    background: #585858;
    color: white;
    border: 1px solid #868686;

    font-size: 11px;

    margin: 0;
    padding: 5px 0;
    width: 134px;

    list-style: none;
}

/* The li.plain bit is entirely redundant, but seems to make IE/Mac happy. */
#nav li, #nav li.plain {
    margin: 0;
    position: relative;
    color: white;
}

#nav #dividerabove {
    border-top: 1px solid #868686;
}

/* The li.plain bit is entirely redundant, but seems to make IE/Mac happy. */
#nav li a, #nav li.plain a {
    color: white;
    background-image: none;

    display: block;
    text-decoration: none; 
    padding: 5px;
    padding-right: 0;
    padding-left: 10px;
}

#nav li a:hover {
    background-color: #383839;
}

#nav li.iconlink {
    border-top: none;
}

/* Fix bogus line-breaks in IE. Hide from IE Mac \*/
* html #nav li { float: left; }
* html #nav li a { height: 1%; }
/* End */

#nav li.iconlink a { 
    color: #ed901f;

    background-image: url(images/icon-basic.gif);
    background-repeat: no-repeat;
    background-position: 10px 6px;

    padding: 10px;
    padding-left: 50px;
}

#nav li.iconlink a:hover,
body.menuconcept #menuconcept a,
body.menuoffer #menuoffer a,
body.menumembers #menumembers a,
body.menucontact #menucontact a {
    background-color: #383839;
    background-image: url(images/icon-highlight.gif);
}

#nav a em {
    font-style: normal;
    color: white;
    display: block;
}

#nav li.over ul,
#nav li:hover ul {
    display: block;
}

#nav li ul {
    background: #221e1f;
    color: white;
    border: 1px solid #868686;

    font-size: 11px;
    margin: 0;
    padding: 0;

    position: absolute;
    top: -6px;
    left: 134px;
    width: 6em;

    display: none;
    list-style: none;
}

#nav li.iconlink ul li {
    border-top: none;
    padding: 0;
}

#nav li.iconlink ul li a { 
    padding: 5px; 
    background: none;
    background-image: none !important;
    color: white;
}

#nav li.iconlink ul li a:hover { 
    background-color: #221e1f;
    color: #ed901f; 
}

div.content {
    position: absolute;
    left: 150px;
    width: 505px;
}

h2 { margin-top: 0; } 
h2 em { font-style: normal; color: #e35a27; }

h3 { margin-bottom: 0; }

p { margin-top: 0; margin-bottom: 1em; }

dl { margin: 1em 0; } 
dt { margin-top: 1em; }
dd { margin: 0; padding: 0; margin-bottom: 1em; }

h4 { margin-top: -1em; font-size: 1.1em; font-weight: normal; }

p.imageholder {
    float: left;
    font-size: 0.8em;
    margin-right: 1em;
}

p.imageholder img {
    display: block;
    border: 0;
}

ul {
    margin-bottom: 1em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.4em;
}

li {
    margin: 0;
    margin-bottom: 1em;
    padding-left: 0;
}

/* 
 * Styles for the intro page.
 */

body.intro {
    background-image: none;
}

body.intro div.content {
    background: #404041;
    color: white;
    width: 718px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;

    position: static;
    left: auto;
}

body.intro div.heading {

    border: 1px solid white;
    border-bottom: none;
}

body.intro h1 {
    height: 224px;
    visibility: hidden;

    margin: 0;
    padding: 0;
    margin-bottom: 2em;
}

body.intro div.description {

    background-image: url(images/front-page-header.jpg);
    background-repeat: no-repeat;

    margin: 0;

    border: 1px solid white;
}

body.intro div.description p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;

    font-family: "Helvetica Neue", "Helvetica", "Geneva", "Arial", sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

body.intro table.links {
    margin: 0;
    margin-top: 2em;
    padding: 0;

    width: 100%;

    border-top: 1px solid white;
    border-spacing: 0;
}

body.intro table.links td {
    padding: 0;
}

body.intro table.links em {
    font-style: normal;
    color: white;
}

body.intro table.links a {
    display: block;
    padding: 16px;

    font-size: 11px;
    text-decoration: none;

    color: #ed901f;

    background-image: url(images/icon-intro.gif);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 50px;
}

body.intro table.links a:hover {
    background: #58595b;
    background-image: url(images/icon-basic.gif);
    background-repeat: no-repeat;
    background-position: 10px 6px;
}

body.intro h3 {
    margin: 0;
    padding-top: 2em;
    padding-left: 0.5em;
    font-size: 10px;
}

body.intro ul.contactnumbers {
    margin: 0;
    padding: 0 0 0.5em 0.5em;
    list-style: none;

    font-size: 10px;
}

body.intro ul.contactnumbers li {
    display: inline;
    white-space: nowrap;

    /* There really should be a 'margin-right:' or 'padding-right:' rule here,
     * but IE is to broken to understand it.
     */
}

body.intro address,
body.intro div.atrlogo {
    float: right;
    margin: 1em;
}

body.intro address {
    font-size: 9px;
    font-style: normal;
}

body.intro address a {
    color: white;
}

div.atrlogo {
    padding-top: 0.3em;
}

div.atrlogo img { border: 0; }

/*
 * Crazy styles for the help page.
 */

body.menumembers form table { width: 340px; }
body.menumembers form th { width: 5em; text-align: left; }
body.menumembers form td input.widefield { width: 98%; }
body.menumembers form td { text-align: right; padding: 0.5em 0; }

body.menumembers h3 {
    margin: 0;
    margin-bottom: 0.3em;
    padding: 0;
    color: #ed901f;

    font-size: 1.4em;
}


body.menumembers table { width: 655px; border-spacing: 0; }

body.menumembers td { vertical-align: top; }

body.menumembers td.nav { 
    width: 134px; 
    padding: 0; 
    padding-bottom: 1em; 
    overflow: hidden;
}

body.menumembers td.content { padding: 1em; padding-top: 0; }

body.menumembers td.hottip,
body.menumembers td.moreinfo {
    background: #585858;
    color: white;

    padding: 10px; 
}

body.menumembers td.hottip,
body.menumembers td.cornermessage { 
    width: 136px; 
}

body.menumembers td.hottip { border-bottom: 1px solid #acacac; }

body.menumembers td.hottip img { vertical-align: middle; }

body.menumembers td.cornermessage { 
    background: #232323; 
    color: #ed901f;
    vertical-align: middle;
    text-align: center;
}