/**/
/* values marked as above will be overwritten by formatPage() */

    body {
        background-color: #FFFFFF;
        margin-top: 10px ;
        font-family: Arial ;
        font-size: 100% ;
        font-weight: normal ;
        color: #330066 ;
        padding: 0 ; 
        text-align: center ;  /* for IE centering */
    }

    /* this will be centered in all browsers */
    #container1 {
        width: 991px ;  /**/
        height: auto ;
        margin: 0 auto 0 auto ;  /* for CSS compliant centering */
        border-style: solid ;
        border-color: #000000 ;
        border-width: 2px ;   /**/
        padding: 0px ;
        background-color: #dddddd ; 
        font-size: 14px ;
        text-align: left ;
    }

    /* for absolute positioning of overlays */
    #container2 {
        position: relative ;
    }

    #header, #footer {
        text-align: center ;
        color: rgb( 0, 0, 192 ) ;
    }

    /* could not get vertical-align to work */
    #header {
        /* background-image:url('images/Heading.jpg'); */
        background-image:url('images/BlueBackground.jpg');
        height: 48px ;
        padding-top: 10px ;
        padding-bottom: 20px ;
        font-size: 48px ; 
        font-weight: normal ;
    }

    #footer {
        background-image:url('images/BlueBackground.jpg');
        height: 18px ;
        padding-top: 21px ;
        padding-bottom: 21px ;
        font-size: 18px ; 
        font-weight: bold ;
        clear: both ;
    }

    #area1 {
        position: relative ;        /* for autoplay checkbox only */
        width: 630px ;       /**/
        height: auto ;  /* determined by size of video */ 
        margin: 0px ;
        border-color: #000000 ;
        border-style: solid ;
        border-top-width: 2px ;
        border-right-width: 1px ;   /**/
        border-bottom-width: 0px ;
        border-left-width: 0px ;
        padding-top: 10px ;
        padding-bottom: 10px ;
        padding-left: 10px ;    /**/
        padding-right: 10px ;   /**/
        overflow: hidden ;
        float: left ;
    }

    #autoplayDiv1Bgnd,
    #autoplayDiv1 {
        position: absolute ;
        padding: 5px 10px 5px 10px ;
        font-size: 14px ; 
        color: #ffffff ;
        visibility: hidden ;
    }

    #autoplayDiv1Bgnd {
        background-color: #000000 ; 
	filter: alpha(opacity=30) ; 
        opacity: 0.3 ;
    }

    #autoplayDiv1Bgnd * { visibility: hidden ; }

    #area1:hover #autoplayDiv1Bgnd { visibility: visible ; }
    #area1:hover #autoplayDiv1 { visibility: visible ; }

    #area2 {
        width: 320px ;         /**/
        height: 450px ;        /* will be overwritten by sizeArea2() */
        border-color: #000000 ;
        border-style: solid ;
        border-width: 2px 0px 0px 0px ;
        margin: 0px ;
        padding-top: 5px ;
        padding-bottom: 5px ;
        padding-left: 10px ;    /**/
        padding-right: 10px ;   /**/ 
        overflow-y: scroll ;
        overflow-x: auto ;
        float: left ;
    }

    #autoplayDiv2,
    .videoMenuOption {
        border-color: #000000 ;
        border-style: inset ;
        border-width: 0px 0px 1px 0px ;
        /* padding: 5px 2px 5px 5px ; */
        padding: 5px 0px 5px 0px ;
        font-size: 12px ; 
        font-weight: normal ;
        clear: both ;
    }

    .videoMenuOption {
        min-height: 80px ;   /* same as image height */
    }

/* IE6 min-height hack */
/*\*/
* html .videoMenuOption { height: 80px ; }
/**/

    .videoMenuLastOption {
        border-bottom-width: 0px ;
    }

    .videoMenuOptionTitle {
        font-weight: bold ;
    }

    .videoMenuOption img {  
        width: 80px ;
        height: 80px ;   /* same as .videoMenuOption min-height */
        border: 1px solid #000000 ;
        margin-right: 5px ; 
        float: left ; 
    }

    .videoMenuOption a:hover {  
        font-weight: bold ;
    }

    .ie6_videoMenuOption_hover,
    .videoMenuOption:hover {
        cursor: pointer ;
        background-color: #cccccc ;
    }

    #videoMenuOptionSelected {
        /* background-color: #00ffff ; */
    }

    #videoMenuOptionSelected .videoMenuOptionTitle {
        color: #bb0033 ;
        /* background-color: #00ffff ; */
    }

    #videoMenuOptionSelected:hover {
        cursor: text ;
        background-color: #dddddd ;   /* inherit doesn't work IE7 */
    }

    #getflashplayer { 
        border: 1px outset #000000 ; 
    }

    #getflashplayer:hover { 
        /* border-width: 2px ; */  
    }