/* Layout */
html {
    overflow-y: scroll;
}

body {
    background-color: #000000;
    color: #CCCCCC;
    margin: 0;
    padding: 5px;
    border: 0;
}

#mainContainer {
    background-color: #333333;
    margin: auto;
    padding: 5px;
    border: 1px solid #996666;
    width: 700px;
    width: 698px;
}
html>#mainContainer {width: 698px;}

#logo {
    float: left;
    padding: 5px;
    margin: 0;
    background: transparent;
    width: 140px;
    width: 130px;
}
html>#logo {width: 130px;}

#banner {
    padding: 5px;
    margin: 0 0 0 140px;
    background: transparent;
}

#navigation {
    float: left;
    margin: 10px 0 0 5px;
    padding: 0;
    width: 140px;
    width: 130px;
    background: transparent;
    border-top: 1px solid #996666;
    border-left: 1px solid #996666;
}
html>#navigation {width: 130px;}

#main {
    padding: 10px;
    margin: 0 0 0 150px;
    /*height: 100%;*/
    background: transparent;
    border-top: 1px solid #996666;
    border-left: 1px solid #996666;
}

#main img {
    padding: 5px;
    margin: 5px;
    background: transparent;
    border: 1px solid #996666;
}

form {
    padding: 0;
    margin: 0;
}


/* Navigation stuff */
#navigation ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

#navigation ul li {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    text-align: left;
}

#navigation ul li a {
    background: #CC9999;
    width: 129px;
    border-top: none;
    border-left: none;
    border-right: 1px solid #663333;
    border-bottom: 1px solid #663333;
    padding: 0;
    margin: 0;
    color: #663333;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 2em;
    font-size: xx-small; /* bmhack */
    font-size: x-small;  
}
html>#navigation ul li a {font-size: x-small;} 

#navigation ul li a:hover, a:active {
    color: #000000;
    background: #DDAAAA;
}

body#menuA #navigation li#A a, 
body#menuB #navigation li#B a,
body#menuC #navigation li#C a,
body#menuD #navigation li#D a,
body#menuE #navigation li#E a,
body#menuF #navigation li#F a {   /* highlight the right menu option */
    background: #FFCCCC;
    color: #FFFFFF;
}


/* Google Maps info windows */
#infoWindow {
    background-color: #333333;
    margin: 0 auto;
    text-align: left;
    padding: 5px;
    border: 1px solid #996666;
    /*width: 262px;*/
}

#infoWindow img {
    margin: 5px auto;
    padding: 5px;
    border: 1px solid #996666;
    text-align: center;
    width: 250px;
}


/* Links */
a:link {
    font-weight : bold; 
    text-decoration : none;
    color: #FF9999;
    background: transparent; 
}

a:hover, a:visited {
    font-weight : bold; 
    text-decoration : none;
    color: #CC9999;
    background: transparent; 
}

a:active {
    font-weight : bold; 
    text-decoration : none;
    color: #000000;
    background: transparent;  
}


/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: #FFCCCC;
    font-family: georgia;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 2px;
    letter-spacing: 1px;
    margin-top: 0.6em;
}

#banner h1 {
    margin: 0;
    font-size: 3em;
    font-size: 3.5em;
    font-weight: normal;
    font-style: italic;
    padding-right: 0.5em; /* to fix italic spacing */
    line-height: 1.2em;
    color: #FFCCCC;
    text-align: center;
}
html>#banner h1 {font-size: 3.5em;}

#banner h2 {
    text-align: center;
    margin-bottom: 0.5em;
}

p {
    line-height: 130%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 1em;
}

#main {
    font-size: x-small;
    font-size: small;
}
html>#main {font-size: small;}

body {
    font-family: verdana, arial;
    /*font-size: small;*/
    font-size: medium;
}
/*html>body {font-size: medium;}*/