body {
    color: #000000;
    text-align: center;
    margin: 0px;
    padding: 20px;
    font: 10px Verdana;
    background: url(../images/body_bg.gif) repeat-x 0 0 #FFF;
}
html, body { /* saves you from the "centering jump" on short pages */
    min-height: 100%;
    margin-bottom: 1px;
}
p {
    font-size: 10px;
}

.floatL {
    float:              left;
    display:            block;
}
.floatR {
    float:              right;
    display:            block;
    position:           absolute;
    right:              62px;
}

/* Minimim width applied here for browsers that understand min-width */
#mainContainer {
    position:           relative;
    text-align:         left;
    background:         #FFF;
    margin:             0 auto;
    width: 920px;
}

/* Minimum width fix for IE6 */

* html .minwidth {
    border-left:        915px solid #fff;
    position:           relative;
    float:              left;
    z-index:            1;
}
* html .container {
    margin-left:        -915px;
    position:           relative;
    float:              left;
    z-index:            2;
    text-align:         left;
}

#mainContainer .left {
    background:         url(../images/mainShadow_left.gif) repeat-y 0 0;
}
#mainContainer .right {
    background:         url(../images/mainShadow_right.gif) repeat-y 100% 0;
}
#mainContainer .bottom {
    height:             1%;
    background:         url(../images/mainShadow_bottom.gif) repeat-x 0 100%;
}
#mainContainer .topLeft {
    background:         url(../images/mainShadow_topLeft.gif) no-repeat 0 0;
}
#mainContainer .topRight {
    background:         url(../images/mainShadow_topRight.gif) no-repeat 100% 0;
}
#mainContainer .bottomLeft {
    background:         url(../images/mainShadow_bottomLeft.gif) no-repeat 0 100%;
}
#mainContainer .bottomRight {
    background:         url(../images/mainShadow_bottomRight.gif) no-repeat 100% 100%;
    padding:            0 63px 6px 57px;
}

/* header styles */
#header {
    height: 311px;
}

#header img {
    /* display:none; */
    position:absolute;
    top:0; left:57px;
    height: 311px;
    width: 800px;
}

.callout {
    font: bold 130% Georgia, "Times New Roman", Times, serif;
    color: #333;
    margin: 0;
}

/* navigation styles */
#nav {
    width: 154px;
    float: left;
    margin-right: 10px;
    background: url(../images/nav_bkgd.gif);
}
#middle {
    background: url(../images/nav_bkgd.gif) repeat-y;
}
#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

#nav li a {
    height: 25px;
    ;
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    }

#nav li a:link, #nav li a:visited {
    color: #E4D6CD;
    display: block;
    background:  url(../images/nav_bgd.jpg);
    line-height:24px;
    padding: 0px 0 0 10px;
    }
#leftside {
    width: 57px;
    float: left;
    background: url(../images/mainShadow_left.gif) repeat-y 0 0;
}
#centre {
    width: 800px;
    background-color: #CE000B;
    margin-left: 57px;
}

#nav li a:hover {
    color: #FFF;
    background:  url(../images/nav_over_bgd.jpg);
    padding: 0px 0 0 10px;
    }
#menu {
    background: url(../images/blue_fade.jpg) no-repeat top;
    padding: 10px 15px 15px;
}

/* content styles */
#content {
    padding: 10px 30px 30px;
    width: 575px;
    background-color: #FFFFFF;
    float: right;
}
#content p {
    line-height: 160%;
    color: #666666;
}
#content A:link {
    text-decoration: none;
    color: #CE000B;
}
#content A:visited {
    text-decoration: none;
    color: #CE000B;
}
#content A:active {
    text-decoration: none;
    color: #CE000B;
}
#content A:hover {
    text-decoration: none;
    color: #CE000B;
}
#content ul {
    color: #666666;
    font-size: 11px;
    list-style-position: outside;
    list-style-type: disc;
}
#content li {
    padding-bottom: 10px;
    margin-left: 10px;
}
#content h3 {
    color: #CE000B;
    font-size: 14px;
}
#content h4 {
    color: #CE000B;
    font-size: 14px;
}

/* third column styles */
#news {
    margin: 0px 10px 0px 0px;
    padding: 15px 18px 8px 8px;
    float: right;
    width: 150px;
}
#news p {
    color: #ADA189; /* third column has a dark color so font must be light for contrast */
}

/* copyright styles */
#copyright {
    padding: 5px;
    font-size: 90%;
    color: #CE000B;  /* This background color covers the faux column effect that spans the entire holder div */
    text-align: center;
}
#footer {
    height: 129px;
    width: 800px;
    margin-right: 10px;
    margin-left: 10px;
    background: url(../images/footer.jpg);
}

/* miscellaneous styles */
.brclear {
     clear:both;
     height:0;
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
.note {
    font-size: 10px;
    color: #CE000B;
}
.form {
    font-size: 12px;
    padding: 3px;
    color: #666666;
    text-align: left;
}
.notebox {
    width: 400px;
    background: #666666;
    text-align: center;
    margin-left: 0px;
    padding: 5px;
    font: bold normal 10px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
#logos {
    text-align: center;
}
#rightside {
    float: right;
    width: 57px;
}

/* lightbox styles */

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%
    }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }
#imageData #caption{    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#CCCCCC; padding-top:5px;  }
#imageData #bottomNavClose{ width: 52px; float: right;  padding-bottom: 0.7em;  }

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }

/* end lightbox styles */
.map {
    float: right;
    width: 300px;
    height: 200px;
    text-align: center;
    color: #999999;
}