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, th, 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:  #FFFFFF;
        background:    #006; 
        }

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

/*
a:active        {
        text-decoration:        none;
        font-weight:    bold;
        color:  blue;
        background:     #cccccc;
        }
*/
a:hover {
        text-decoration:        none;
        color:  blue;
        background:     #cccccc;
        }
/*
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: 1000px;
     margin: 2px auto; 
     /*height: 600px; */
     /*border: 2px solid yellow; border-width: thin;*/
}

#wide_page{
     float:left;
     width:auto; //expand as much as needed
     /*border: 2px solid pink; 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:100px;*/
     height:auto;
     border: 2px solid white;  
     text-align:center;
     /*z-index: 500;*/
}

.page_top_filler{
    position:absolute;
    top:50px
    left:801px;
    width: 50px;
    /*border: 2px solid yellow;*/
}

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


#product_n_middle{
     float:left;
     width:1000px;
     /*border: 2px solid red;*/
}

#page_middle{
     float:left;
     margin-bottom: 2em;
     /*border: 2px solid cyan;*/
}


#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;
      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: 2em;
        font-weight: bold;
        color:  #FC0;
        text-align:center;
        /*margin-top: .1em;*/
        /*padding-top: .1em;i*/
        /*border: 1px dashed red; 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: 500px;
}

#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: 1.5em;
   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 {
        /*Sub buttons only align if use float, absolute breaks them.*/
        float: left;
        font-weight: bold;
        color: white;
              
        width:132px;
        //height: auto; 
        text-align: center;
        padding-top: .5em;
        padding-left: .4em;
        padding-right: .2em;
 
        border: 2px solid white;  
        margin-top: .3em;
        margin-right: 8px;
        margin-bottom: 1em;
}

#product_display_filler {
    float: left;
    width:138px;
    height:500px;
    /*border: 2px dashed yellow; border-width: thin; */
}

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

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

.image_display_OBE{

        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: 1500px;
    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: 50px;
    left: 30px; 
    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:400px;
    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;
}

.image_nav_display{
  margin-left: 1em;
  margin-right: 20em;
  padding:0px;
  float: left; 
  text-align:center;
   width: 1000px;
   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;*/
        }

/* this is being used */
.image_title{
        float:left; 
        /* margin-left: 0px;
        margin-right: 0px;
        white-space: nowrap; */
        color:  white;
        font-weight: bold;
        font-size: .7em;
        padding-top: 1px;
        margin-top: .2em;
        /*border: 2px dashed green; border-width: thin; */
        }

/* this is being used */
#image{
/*border: 2px dashed cyan; border-width: thin;*/
float:left;
        margin-left: 0px;
        margin-right: 0px;
}

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





#image_title{
  font-weight: bold; 
  font-size: .65em;
  white-space: nowrap;
  text-align: center;
  color: white;
  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;*/
        }

.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: transparent;
        }

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

/* End of boiler_plate */

.vert_filler{
         color:     #006;
         /* color: red; border: 2px dashed red; 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;  
}

.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;
}

.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;
}