html {
    height: 100%;
    font-size: 0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #777777;
    line-height:16px;
} /* show scrollbars on all pages */

body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    text-align: center; /* for IE */
}

/* page container - holds all info */
#pageholder {
    left:0;
    letter-spacing:-1px;
    margin:0 auto;
    padding:0;
    position:relative;
    top:0;
    width:100%;
}

#logos {
    padding: 5px;
    padding-bottom: 15px;
}

.centered {
    text-align: center;
}

#logos a img {
   border: 0;
}

#headerBar a img {
    border: 0;
} 

#currentShot a img {
    border: 0;
} 

h6 {
    border:0 none;
    color:#999999;
    font-size:0.7em;
    font-weight:normal;
    letter-spacing:0;
    line-height:10px;
    margin-top:3px;
    padding:0;
    text-align:center;
}

h1 {
   color:#FFFFFF;
    font-size:1.3em;
    text-align:center;
}

h2 {
    border-bottom:1px solid #BBBBBB;
    color:#BBBBBB;
    font-size:1em;
    padding:4px;
}

h3 {
    font-size: 0.9em;
}

#headerBar {
    width:100%;
    padding:0;
    padding-top:15px;
    padding-bottom:15px;
    text-align: center;
}

#videoP {
    text-align: center;
    margin:0;
}

#nav {
    display: block;
}

.expLink:link {
    font-size: 0.7em;
}

.expLink:hover {
    font-size: 0.7em;
}

.expLink:active {
    font-size: 0.7em;
}

.expLink:visited {
    font-size: 0.7em;
}

#currentShot {
    margin-top:10px;
    text-align:center;
}

#contentContainer {
    display:block;
    left:0;
    padding:0;
    top:0;
    width:1112px;
    margin: 0 auto;   /* align for good browsers */
    text-align: left; /* counter the body center */
}

#leftCol {
    width: 225px;
    height:512px;
    position: relative;
    float: left;
    /*background-color: #ffffff;*/
}

#centreCol {
    width: 512px;

    float: left;
    margin-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.monthRow {
    margin: 0;
    padding: 0;
    width:325px;
}
#rightCol {
    height: 512px;
    width: 325px;
    float:right;
    position:relative;
    margin: 0;
    padding: 0;    
}


#menudiv {
    position: absolute;
    /*background-color: #101010;*/
    top:60%;
    margin:0;
    width:220px;
    margin-top:-30%;
    text-align: center;
    display: inline;
}

#getFlash p {
    font-size: 0.7em;
    font-weight: bold;
    margin: 0.5em 0 0 0.5em;
}

#getFlash a:link {
    color: #bbbbbb;
}

#getFlash a:hover {
    color: #eeeeee;
}

.menu {
    padding:0;
}

.imagediv {
   text-align : center;
}

.mainmenuitem {
    list-style: none;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 20px;
}

.mainmenuitem_selected {
    list-style: none;
    font-weight: bolder;
    font-size: 1.2em;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 20px;
}

.mainmenuitem_selected a {
    text-decoration: none;

}

.submenu {
    padding:0;
    padding-top:10px;
    margin:0;
}

.noborder {
    border: 0;
}

.submenuitem {
    list-style: none;
    text-align: center;
    font-size: 0.8em;
}
.submenuitem_selected {
    list-style: none;
    text-align: center;
    font-size: 0.8em;
}

.link {
    color: #aaaaaa;
    text-decoration: none;
}

a {
    color: #aaaaaa;
    text-decoration: underline;
}

.link_selected {
    color: #ffffff;
    text-decoration: underline;
}

.expLink {
    color: #ffffff;
    text-decoration: underline;
}


#videoPlayingTip {
    color: #555555;
    width: 512px;
    font-size: x-small;
    font-weight: bold;
    margin-top:5px;
    text-align: center;
}



#exploreMenu {
    position: absolute;
    /*background-color: #101010;*/
    top:60%;
    margin:0;
    left:5%;
    margin-top:-50%;
    text-align: center;
    display: inline;
    width:225px;
}


/*calendar entries*/

.calendar {
    background-color: #050505;
    margin: 0 auto;
    display: inline;
}
.dayLink {
    color: #666666;
    font-size: 0.7em;
    font-weight: bold;
    text-align: center
}
.dayLink:link {
    color: #dddddd;
}
.dayLink:visited {
    color: #bbbbbb;
}
.dayLink:hover {
    color: #ffffff;
}
.dayLink:active {
    color: #eeeeee;
}

.monthName {
    font-size: 0.8em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center
}
.dayLetter {
    font-size: 0.7em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.dayCell {
    text-align: center;
    background-color: #151515;
    font-weight: bold;
}

.deadDayCell {
    font-size: 0.7em;
    color: #333333;
    background-color: #101010;
    font-weight: bold;
    text-align: center
}

#videoImage {
    display: block;
    width: 512px;
    height: 512px;
}
#videoSwf {
    display: none;
}
