div.spacer{
    clear: both;
}
		
body	{

	color:	#F5F5F5;

	background:	#006;

        font-size:      1em;
        font-weight:    normal;
        word-spacing:   normal;
        letter-spacing: normal;
        text-transform: none;
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size-adjust:       .58;

	margin-top:	.2em;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-left:	0;
	border-bottom:	0;
	border-right:	0;

        /* Centering trick from http://bluerobot.com/web/css/center1.html */
/*Centered by setting its right and left margin widths to "auto". This is the preferred way to accomplish horizontal centering with CSS, and works very well in most browsers with CSS2 support. Unfortunately, IE5/Win does not respond to this method - a shortcoming of that browser, not the technique.

There is a simple workaround. (A pause while you fight back the nausea induced by that word.) Ready? IE5/Win incorrectly applies the CSS "text-align" attribute to block-level elements. Declaring "text-align:center" for the containing block-level element (often the BODY element) horizontally centers the box in IE5/Win. There is a side effect of this workaround: the CSS "text-align" attribute is inherited, centering inline content. It is often necessary to explicitly set the "text-align" attribute for the centered box
*/

	margin:5px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */

	}
	/* end body box */


h1, h2, h3, h4, h5, h6, dt, thead, tfoot    {
        color:  #FC0;
        padding-top: .4em;
        padding-bottom: .2em;
        padding-left: 1em;
        margin-bottom: 0em;
        text-align: center;
        }

a:link  {
        text-decoration:        none;
        font-weight:    bold;
        color:  #FCO;
        background:    #9FC1FF; 
        }

a:visited       {
        text-decoration:        none;
        font-weight:    bold;
        color: #9933CC; 
        background:    #9FC1FF; 
        }

/*
a:active        {
        text-decoration:        none;
        font-weight:    bold;
        color:  blue;
        background:     #006;
        }
*/
a:hover {
        text-decoration:        none;
        color:  blue;
        background:     yellow;
        }
/*
image_nav.a:hover {
        text-decoration:        none;
        color:  white;
        background:     #cccccc;
        }
*/


/*
a.offsite       {
        text-decoration:        none;
        font-weight:    normal;
        color:  #F63;
        background:     #006;

*/

.std_area{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 850px;
    height: 600px;
    /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
}
/* KEY! to maintaining page element alignment */
/* using page to keep page elements from floating to the right if window expanded */
#page{
     float:left;
    /* increased from 850 to 1000px 5JUL08 jk */
     width: 900px;
     margin: 2px auto; 
     /*height: 600px; */
     /* border: 2px solid yellow; border-width: thin; */
}

/* Active */
#wide_page{
     float:left;
     width: 3000px; 
     margin: 2px auto;
     /*border: 2px solid red; border-width: thin; */
}


.page_break{
     width: 800px;
     /*border: 2px solid yellow; border-width: thin; */ 
}

.wide_page_break{
     width:1000px;
     /*border: 2px solid red; border-width: thin;*/
}


.p_t{
    float: left;
    width: 800px;
    height: 64px;
     /*border: 2px solid white; border-width: thin; */
}

.page_top{
     float:left;
     width: 800px; 
     height: 200px

     margin-right:auto; /* Keep product buttons from sneaking up */
     height:auto;
     border: 2px solid white;  
     text-align:center;
     /*z-index: 500;*/
     /*border: 2px solid green; border-width: thin;*/

}

#page_bottom{
     float:left;
     border: 2px solid white;
     width:auto;
}


/* Affected width of Jeff Reid's product */
/* Active */
#product_n_middle{
     float:left;
     /*border: 2px solid red; */
     width: auto;
}

/* Active, but dynamically re-setting the width in script */
#page_middle_OBE{
     float:left;
     width:auto;
     margin-bottom: 2em;
    /* border: 2px solid cyan;*/
}

/* Active, but dynamically re-setting the width in script */
#wide_page_middle{
     float:left;
     width:2600px;
     margin-bottom: 2em;
    /* border: 2px solid green;*/
}



#left_title_logo{
     float:left;
     background: white;
     /*border: 1px solid red; border-width: thin; */
}

/* Note: using a class here resulted in a white border ??? */
#right_title_logo{
      float: right;
      background: white;
      padding-bottom: -2px;
     /* border: 1px solid red; border-width: thin; padding: .1em; */
}

#left_title_icon{
     float:left;
     background: white;
     /*border: 1px solid red; border-width: thin; */
}

/* Note: using a class here resulted in a white border ??? */
#right_title_icon{
      float: right;
      /*background: white;*/
      margin-top:.42em;
      padding-bottom: -2px;
     /* border: 1px solid red; border-width: thin; padding: .1em; */
}



/* # are for id= ,  . are for class= */
#title {
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size: 1.8em;
        font-weight: bold;
        color:  #FC0;
        text-align:center;
        /*margin-top: .1em;*/
        /*padding-top: .1em;i*/
        /*border: 1px dashed red; border-width: thin; padding: .1em;*/
}

#title_large {
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size: 2.5em;
        font-style: italic;
        font-weight: bold;
        color:  #FC0;
        text-align:center;
        /*margin-top: .1em;*/
        margin-bottom: -.1em;
        /*padding-top: .1em;i*/
        /*border: 1px dashed red; border-width: thin; padding: .1em;*/
}

.pageBox{
    float: left;
    /*border: 1px dashed red; border-width: thin; padding: .1em;*/
}

.bodyBox{
    float: left;
    /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
}

#sub_title
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size: .4em;
        font-weight: bold;
        color:  #FC0;
        text-align:center;
        padding-top: .1em;
        padding-bottom: .2em;
        text-shadow: 3px 3px 5px #CCCCCC;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
}

#title_row{
        margin:auto;
        margin:auto;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em; */
        height:50px;
        width: 600px;
}

#title_words{
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color:  #FC0;
        /*margin-top: .1em;*/
        padding-top: .1em;
        width:150px;
        margin:auto;
        margin:auto;
        /*border: 1px dashed white; border-width: thin; padding: .1em;*/ 
}

#dropdown_training_buttons{
        width:70px;
        float:left;
        font-size:.5em;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
}

.feedback_button{
        width:70px;
        font-size:.5em;
        float:right;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
}



.sub_title {
        font-family:    Verdana, Myriad Web, Syntax, sans-serif;
        font-size: .4em;
        font-weight: bold;
        color:  #FC0;
        padding-top: .1em;
        padding-bottom: .2em;
        text-shadow: 3px 3px 5px #CCCCCC;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/ 
}

.titleClockFeedbackRow{
   /*width: 500px;*/
   margin: auto;
   margin: auto;
   display:block;
   padding-top:.5em;
   text-align: center;
   /*border: 2px dashed cyan; border-width: thin;*/
}


/* Did this just to center the region/sector elements */

.regionSectorRow{
   width: 500px;
   margin: auto;
   margin: auto;
   display:block;
   text-align: center;
   /*border: 2px dashed cyan; border-width: thin; */
}

/* Below is a nice try, but looks great in IE but like hell in Firefox.

#region_sector_passtimes_row{
   width: 500px;
   margin: auto;
   margin: auto;
   text-align: center;
   /*border: 2px dashed cyan; border-width: thin;*/
   margin-bottom: 2px;
}

#region_sector_button{
   float:left;
   /*border: 2px dashed red; border-width: thin;*/
}

#display_selected_region{
   float:left;
   font-size: .8em;
   font-weight: bold;
   width: 250px;
   /*text-align: center;*/
   margin-top: .25em;
   margin-left: 1em; 
   /*border: 2px dashed yellow; border-width: thin;*/
}

#passtimes_button{
  float:right;
  /*border: 2px dashed yellow; border-width: thin; */
}

.feedbackRow{
   width: auto;
   margin: auto;
   margin: auto;
   display:block;
   text-align: left;
   /*border: 2px dashed red; border-width: thin; */
}


#product_display {
        float: left; 
        font-weight: bold;
        color: white;
              
        width:120px;
        //height: auto; 
        text-align: center;
        padding-top: .5em;
        padding-left: .5em;
        padding-right: .2em;
 
        border: 2px solid white;  
        margin-top: .3em;
        margin-right: 8px;
        margin-bottom: 1em;
}

#product_display_empty {
        float: left;
        font-weight: bold;
        color: white;

        width:120px;
        //height: auto;
        text-align: center;
        padding-top: .5em;
        padding-left: .5em;
        padding-right: .2em;

   /*     border: 2px solid white;*/
        margin-top: .3em;
        margin-right: 8px;
        margin-bottom: 1em;
   /*border: 2px dashed red; border-width: thin; */

}

#half_sized_product_display_empty {
        float: left;
        font-weight: bold;
        color: white;

        width:30px;
        //height: auto;
        text-align: center;
        padding-top: .5em;
        padding-left: .5em;
        padding-right: .2em;

       /* border: 2px solid white;*/
        margin-top: .3em;
        margin-right: 8px;
        margin-bottom: 1em;
   /*border: 2px dashed red; border-width: thin;*/

}




.image_prod_OBE{
   /*border: 2px dashed cyan; border-width: thin; */
   width:800px;
}

.clock{
  /*border: 2px dashed red; border-width: thin;*/
  float:left;
}

/*Active*/
.image_display{

        margin:5px 10px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
        text-align:center; /* Hack for IE5/Win */

    float: left;
    /*width: 700px;*/
    width: auto;
    height: auto;
    /* This border is necessary to get the image_nav buttons
       to float right in Netscape! */

    /*border: 2px dashed #006; border-width: thin;*/
    /*border: 2px dashed red; border-width: thin;*/
}


.test_display{
   position: absolute;
   top: 100px;
   left: 130px;
   /* border: 2px solid cyan; border-width: thin; */
}

.test_box{
   position: absolute;
   top:50px;
   left:200px;
   height: 500px;
   width: 500px;
   /*border: 2px solid cyan; border-width: thin; */
}

.wide_display{
    position: absolute; 
    top: 100px;
    left: 130px; 
    width: 700px;
    height:500px;
    padding: 1em;
    /*border: 2px dashed cyan; border-width: thin; */
}

.archive_form{
    /*float: left; */
    background:#9FC1FF;
    color: #3300CC;
    position: absolute;
    top: 100px;
    left: 130px;  
    width:640px;
    height:380px;
    padding-top: .5em;
    padding-left: 1em;
    padding-bottom: 1em;
    margin-left: .5em;
    z-index:50;
    border: 2px solid white; border-width: thin;
}

.archive_form_filler_CNX{
   float: left;
    width:640px;
    height:500px;
    /*border: 2px dashed green; border-width: thin;*/
}

.mosaic_form{
    float: left; 
    background:#9FC1FF;
    color: #3300CC;
    /*position: absolute;*/
   /* top: 100px; */
   /* left: 130px; */
    width:640px;
    height:600px;
    padding-top: .5em;
    padding-left: 1em;
    padding-bottom: 1em;
    margin-left: .5em;
    z-index:50;
    border: 2px solid white; border-width: thin;
}

.mosaic_form_filler_CNX{
   /*float: left; */
    width:640px;
    height:480px;
}

.archive_col{
    float:left; 
    margin-left: 1em; 
    border: 2px solid white; border-width: thin;
}

.form_filler{
    float: left;
    height: 500px;
    width: 600px;
    color: #006;
}


.tils_old{
    float: left;
    /*position: absolute;*/
    width:1000px;
    height:430px;
    overflow:auto;
    /*border: 2px dashed green; border-width: thin; */
}

.thumbnails{
    float: left;
    /*position: absolute;*/
    width:100%;
    height:100%;
    /*border: 2px dashed green; border-width: thin; */
}


.display_mosaic{
    float: left;
/*    position: absolute;
    top: 150px;
    left: 135px; */

    width:700px;
     margin: 2px 2px;

    /*height:600px;*/
    /*overflow:auto; */
    border: 2px dashed gold; border-width: thin; 
    margin-bottom: .2em;
}

.mosaic_thumb{
    float: left;
    color:  #FC0;
    font-weight: bold;
    font-size: .6em;
    text-align: center;
    padding-top: .1em;
    margin-left: .0em;
    margin-right: .2em;
}

.mosaicTitle{
    display:inline;
    white-space: nowrap;
}

.mosaicProd{
    font-size: .8em;
    white-space: nowrap;
    color: #FC0;

}

.display_mosaic_filler{
    float: left;
    width: 100%;
    height: 100%;
    color: #006;
   /* border: 2px dashed red; border-width: thin; */
}

/*Active*/
.image_nav_display{
  margin-left: 1em;
  padding:0px;
  float: left; 
  text-align:center;
   width: 1000px;
   margin-top: 1em;
   /*margin-bottom: 5em;*/
   /*border: 2px solid lime; border-width: thin;*/
}

.image_nav_display_Wide{
  margin-left: 1em;
  padding:0px;
  float: left;
  text-align:center;
   width: 3000px;
   margin-top: 1em;
   /*margin-bottom: 5em;*/
   /*border: 2px solid yellow; border-width: thin;*/
}



.text_box{
        font-weight: bold;
        color: white;
        text-align: center;
        /* border: 2px solid yellow; border-width: thin; */
        /*padding-top: 1em;*/
        }

.image_title{
        margin-left: 0px;
        margin-right: 0px;
        white-space: nowrap;
        color:  white;
        font-weight: bold;
        font-size: .75em;
        padding-top: 2px;
        margin-top: 1em;
        /*border: 2px solid yellow; border-width: thin; */

        }

.imageTitle_n_Clock{
        float: left;
        margin-left: 20px;
        margin-right: 1000px;
        white-space: nowrap;
        padding-top: 2px;
        margin-top: 1em;
        border: 2px solid white border-width: thin;
        }

.imageTitle_n_Clock_Wide{
        float: left;
        margin-left:100px;
        margin-right:3000px;
        white-space: nowrap;
        padding-top: 2px;
        margin-top: 1em;
        border: 2px solid orange border-width: thin;
        }




/* Active*/
#image{
   /*border: 2px dashed pink; border-width: thin;*/
float:left;
/*width:auto;*/
        margin-left: 40px;
        margin-right: 0px;
}

#image_Wide{
   /*border: 2px dashed cyan; border-width: thin;*/
float:left;
/*width:auto;*/
        margin-left: 10px;
        margin-right: 0px;
}




#image_title_OBE{
  font-weight: bold; 
  font-size: .65em;
  white-space: nowrap;
  text-align: center;
  color: white;
  /*border: 2px dashed cyan; border-width: thin;*
  margin-top: .5em;
}

.image_instructions{
  font-size: .5em;
  color: white;
  /*border: 2px dashed cyan; border-width: thin;*/
  width:auto;
  margin-left: .1em;
}



#prev_next_arrows{
        DISPLAY:inline;
        float: left;
        margin-left: .4em;
        margin-right:.4em;

        /* border: 1px dashed yellow; border-width: thin; padding: .1em; */
        }

#prev_arrow{
        float: left;
        padding: 1px;
        margin: 0px
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
        }

#name{
        float: left;
        font-size:      .9em;
        padding-top:    5px;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
        }

#next_arrow{
        float: left;
        padding: 1px;
        margin: 0px;
        /*border: 1px dashed yellow; border-width: thin; padding: .1em;*/
        }

.navigation_buttons{
}

DIV.navigation_buttons td,DIV.navigation_buttons th{
        text-align: center;
        color:  white;
        background:     #9FC1FF;
}

DIV.navigation_buttons a:link  {
        text-decoration:        none;
        font-weight:    bold;
        color: #3300CC;
        background:#9FC1FF;
        }

DIV.navigation_buttons a:visited       {
        text-decoration:        none;
        font-weight:    bold;
        color:  #9933CC;
        background: #9FC1FF;
        }

DIV.navigation_buttons a:hover {
        text-decoration:        none;
        color: #FCO;
        background: yellow;
        }

.highlight {
    background: #9FC1FF  ;
}

DIV.highlight td,DIV.highlight th{
   background: #9FC1FF;
}

DIV.highlight a:link  {
        text-decoration:        none;
        font-weight:    bold;
        color: #3300CC;
        background:yellow;
        }

DIV.highlight a:visited       {
        text-decoration:        none;
        font-weight:    bold;
        color:  #9933CC;
        background: #9FC1FF;
        }


DIV.highlight a:hover {
        text-decoration:        none;
        color: black;
        background: red;
        }







.boiler_plate{
     float: left;
     text-align: left;
     margin-top: 1em;
     width: 780px; 
     /* height: auto; */
     border: 2px solid white; border-width: thin; 
     color:  #FC0;
     font-size: .75em;
     font-style: italic;
     padding: 1em;
     }

DIV.boiler_plate a:link  {
        text-decoration:        none;
        font-weight:    bold;
        color: #FC0;
        background:#006;
        }

DIV.boiler_plate a:visited       {
        text-decoration:        none;
        font-weight:    bold;
        color:  #9933CC;
        background: #006;
        }

DIV.boiler_plate a:hover {
        text-decoration:        none;
        color: cyan;
        background: #006;
        }

/* End of boiler_plate */

.vert_filler{
         color:     #006;
         /*border: 2px dashed green; border-width: thin; padding: .1em; */
         position: absolute;
         /* top: 138px; */
         /* left: 130px; */
         width: 500px; 
         height: 250px;
}
.filler {
         color:     #006;
         float: left;
         /*color: red; border: 2px solid white; border-width: thin; padding: .1em; */
         }

.no_float_filler{
         color: #006;
}

#sat_nav{
        float: left; 
        width: 750px; 
        margin-left: 3em;;
        margin-right: auto;
        border: 2px solid white; border-width: thin; 
        margin-top: 2em;
        margin-left: 1em;
        display:inline;
}

.home_sat_search{
        color: white;
        text-align: center;
}

.external_links{
    text-align: left;
    padding:1em;
    float: left;
    font-size: .6em;
    color: white;
    width: 800px;  
    background: #006;
}

.outerProductLegendBox{
    height: 120px;
}

.productLegendBox{
    float: left;
    width: 90px;
    padding: 2px;
    BORDER-RIGHT:  #e0e0e0 2px outset;
    BORDER-TOP: #e0e0e0 2px outset;
    BORDER-BOTTOM: #e0e0e0 2px outset;
    BORDER-LEFT: #e0e0e0 2px outset;
    padding: 1px;
    margin:.5em 1em; 

    BACKGROUND-COLOR: #999999;
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif;
}


.trainingBox{
    float: left;
    padding: .05em;
    padding-right: .3em;
    height: auto;
    width: auto;
    BORDER-RIGHT:  #e0e0e0 2px outset;
    BORDER-TOP: #e0e0e0 2px outset;
    BORDER-BOTTOM: #e0e0e0 2px outset;
    BORDER-LEFT: #e0e0e0 2px outset;
    BACKGROUND-COLOR: #00FF00;
    FONT-WEIGHT: bold; 
    FONT-SIZE: .8em; 
    COLOR: blue; 
    FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif;
    MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 2px;
    MARGIN-TOP: 5px;
}

.trainingBox a:link  {
        text-decoration:        none;
        font-weight:    bold;
        color:  blue;
        background-color:     #00FF00;
        }

.trainingBox a:visited       {
        text-decoration:        none;
        font-weight:    bold;
        color: blue;
        background:     #00FF00;
        }


.trainingBox a:active        {
        text-decoration:        none;
        font-weight:    bold;
        color:  blue;
        background:     #00FF00;
        }

.trainingBox a:hover {
        text-decoration:        none;
        color:  yellow;
        background:     #00FF00;
        }

.submit_reset_button_row{
    float: left;
    width: 600px;
    display:inline;
    padding: 1em;
}

.bannerText{
    float:left; 
    background: white;
    text-align: left;
    font-size:1.2em;
    font-weight: bold;
    padding: .2em;
    margin-top:.5em;
    margin-left: 10em;
    margin-right: 30em;
    bottom-margin: .5em;
    white-space: nowrap;
    color: red;
  /*  border: 2px solid lime; border-width: thin; padding: .1em;*/
}

.bannerText_Wide{
    float:left;
    background: white;
    text-align: left;
    font-size:1.2em;
    font-weight: bold;
    padding: .2em;
    margin-top:.5em;
    margin-left: 10em;
    /*margin-right: 5000px;*/
    bottom-margin: .5em;
    white-space: nowrap;
    color: red; 
    /*border: 2px solid cyan; border-width: thin; padding: .1em; */
}

.bannerText a:link  {
        color:  gold;
        background: #990000;
        }

.bannerText a:hover  {
        text-decoration:        none;
        font-weight:    bold;
        color:  cyan;
        }

.bannerText a:active        {
        text-decoration:        none;
        font-weight:    bold;
        color:  yellow;
        background: #990000;
        }

.bannerText a:visited       {
        background: #990000;
        color: gold; 
        }

#aviButtons{
     FONT-SIZE: 8pt;
     BACKGROUND-COLOR: #999999; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif;
}

#aviButtons a:link{
    background: #999999;
}

#aviButtons a:hover{
    color: blue;
    font-weight: bold;
    background: #cccccc;
}