/* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* tells browsers that don't read HTML5 tags to render like divs */
header, footer, aside, nav, article, section {
    display: block;
    margin: 0;
    padding: 0;
}
.clear {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Layout
------------------------------------------------------------------------------*/
body {
    background-color:   black;
    width:              100%;
    height:             100%;
    font-family:        Georgia, sans-serif;
}
#container {
    position:           relative;
    margin:             0px auto 0 auto;
    width:              800px;
    text-align:         left;
    background-color:   #7AB3FF;
}
#sorry {
    background-color:   white;
    color:              black;
    font-family:        Georgia, sans-serif;
    font-size:          1.2em;
    font-weight:        bold;
    text-align:         center;
    padding-top:        0.5em;
    padding-bottom:     1.0em;
    padding-left:        0.5em;
    padding-right:        0.5em;
}
header {
    background-color:   #FFED87;
    color:              black;
    font-family:        Georgia, sans-serif;
    font-size:          1.2em;
    font-weight:        bold;
    text-align:         center;
    padding-top:        0.5em;
    padding-bottom:     1.0em;
}
div#home {
    background:         black url(LaSaladita.jpg) top center no-repeat;
    height:             800px;
    font-family:        Georgia, sans-serif;
    font-size:          1.2em;
    font-weight:        bold;
    text-align:         center;
    padding-top:        1em;
}

a {
    color:              white;
    text-decoration:    none;
    padding:            10px;
}
a:visited {
    color:              white;
    text-decoration:    none;
}
a:hover {
    color:              yellow;
    text-decoration:    none;
}
nav {
    font-size:          1.2em;
}
nav#home-nav {
    text-align:         center;
    margin-top:         0.6em;
}
nav#home-nav a {
    color:              black;
    font-size:          0.8em;
    text-decoration:    underline;
}
nav#home-nav a:visited {
    color:              black;
    font-size:          0.8em;
    text-decoration:    underline;
}
nav#home-nav a:hover {
    color:              #7AB3FF;
    font-size:          0.8em;
    text-decoration:    underline;
}

div p {
    margin:             1em;
}
div p.emphatic {
    font-weight:        bold;
}
div p.center-emphatic {
    font-weight:        bold;
    text-align:         center;
}
section {
    font-family:        Arial;
    padding-top:        1em;
    padding-left:       1em;
    padding-right:      1em;
}
section.text {
    font-family:        Georgia, sans-serif;
    font-size:          1.0em;
}
div.photo {
    float:              left;
    padding-right:      1em;
    padding-bottom:     1em;
    width:              50%;
}
div.photo-full {
    float:              left;
    padding-right:      1em;
    padding-bottom:     1em;
    width:              100%;
}
div.photo img.float {
    float:              left;
}
div.photo-gallery {
    float:              left;
    padding-right:      1em;
    padding-bottom:     1em;
    width:              46%;
    text-align:         center;
    font-family:        Georgia, sans-serif;
}
div.photo-gallery-wide {
    width:              92%;
}
img.small-pic {
    max-width:          240px;
    max-height:         240px;
}
img.top {
    vertical-align:     top;
}
article header {
    background:         transparent;
    font-family:        Arial;
    font-size:          1.0em;
    font-weight:        bold;
    text-align:         left;
    padding-top:        0.5em;
    padding-bottom:     0;
}
article {
    font-size:          1.0em;
    float:              right;
    width:              45%;
}
article a {
    color:              #FFED87;
    text-decoration:    underline;
    padding:            0;
}
article a:visited {
    color:              #FFED87;
    text-decoration:    underline;
}
article a:hover {
    background-color:   yellow;
    color:              black;
    text-decoration:    underline;
}
article p {
    margin-left:        0.5em;
    font-size:          0.91em;
}
nav#top-nav {
    text-align:         center;
    position:           relative;
    padding-top:        5px;
    padding-bottom:     0.5em;
}
nav#top-nav a {
    color:              #FFED87;
    text-decoration:    none;
}
nav#top-nav a:visited {
    color:              #FFED87;
    text-decoration:    none;
}
nav#top-nav a:hover {
    background-color:   yellow;
    color:              black;
    text-decoration:    underline;
}
nav#second-nav a {
    color:              #E80517;
    text-decoration:    none;
}
nav#second-nav a:visited {
    color:              #D00517;
    text-decoration:    none;
}
nav#second-nav {
    text-align:         center;
    position:           relative;
    padding-top:        0;
    padding-bottom:     1em;
}
nav#second-nav a:hover {
    background-color:   yellow;
    color:              black;
    text-decoration:    underline;
}
nav#bottom-nav {
    text-align:         center;
    position:           relative;
    padding-bottom:     1em;
}
nav#bottom-nav a {
    color:              black;
    text-decoration:    underline;
    padding:            0;
    padding-right:      1em;
    padding-left:       1em;
}
nav#bottom-nav a:visited {
    color:              black;
    text-decoration:    underline;
}
nav#bottom-nav a:hover {
    background-color:   yellow;
    color:              black;
    text-decoration:    underline;
}

div.photo-gallery a {
    color:              #FFED87;
    text-decoration:    none;
    padding-left:       0;
    padding-right:      1em;
}
div.photo-gallery a:visited {
    color:              #FFED87;
    text-decoration:    none;
}
div.photo-gallery a:hover {
    background-color:   yellow;
    color:              black;
    text-decoration:    underline;
}

div#times-label {
    float:              left;
    font-weight:        bold;
    width:              30%;
    line-height:        1.2em;
}
div#times-value {
    float:              left;
    width:              45%;
    line-height:        1.2em;
}

span.bold {
    font-weight:        bold;
}
span.emphatic {
    font-weight:        bold;
    color:              #D00517;
}
span.colorhilite {
    color:              #FFED87;
}