body {  /* make a black background, center the image, set some defaults */
  background-color: #000000;
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        small;
  margin:           0px;
  padding:          0px;
  text-align:       center;
  z-index:          1;
}

#allcontent {  /* restrict all content to 750px width */
  background-color: #ffffff;
  font-family:      Arial, sans-serif;
  font-size:        small;
  top:               0px;
  margin-top:       0px;
  margin-left:     auto;
  margin-right:    auto;
  width:            750px;
  z-index:          2;
  text-align:      left;
}

#header {  /* establish header area for automagic and toshiba */
  position:          absolute;
  top:               0px;
  /* background-color: #000000; */
  background-color: f8efe8;
  margin:            0px;
  height:            165px;
  z-index:           100;
}

#logo {
  position:          absolute;
  margin:            0px;
  height:            165px;
  width:             158px;
  z-index:           101;
}
  
#reprctr {
  position:          absolute;
  margin-left:       155px;
  height:            165px;
  width:             595px;
  z-index:           102;
}


/*
#main { 
  position:          absolute;
  margin-top:        165px;
  z-index:           20;
} */

#main {   /* slip an apron of color underneath and beyond top section */
  position:         absolute;
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        small;
  width:            750px;
  height:           130px;
  margin-top:        0px;
  margin-left:       auto;
  margin-right:      auto;
  margin-bottom:    0px;
  background:       #f8efe8;
  top:               164px;
  z-index:           4;
}

#mainboxtop {  /* after some apron, place the rounded top */
  position:          static; /* relative; */ /* absolute; */
  margin-top:        30px;
  margin-bottom:    0px;
  padding-top:       1px;
  padding-bottom:    0px;
  z-index:           21;
}

#themainboxmiddle {  /* endless middle of the box */
  position:          static; 
  width:             750px;
  background:        #f8efe8  url(../images/mainboxmiddle.jpg) ;
  margin-top:        -3px;
  margin-left:       0px;
  margin-bottom:     0px;
  padding-top:       1px;
  padding-bottom:    1px;
  z-index:           20;
}

#masterpanel {
  float:             left;
  width:             400px;
  z-index:           21;
}

#masterpanelcontainer {
  position:          static; 
  background:        #f8efe8 ;
  margin-top:        0px;
  margin-left:       20px;
  margin-bottom:     0px;
  padding-top:       0px;
  padding-bottom:    0px;
  z-index:           22;
}

#timelypanel {
  float:             right;
  width:             300px;
  z-index:           23;
}

#timelypanelcontainer {
  position:          static; 
  font-family:      Arial, sans-serif;
  background:        white;
  margin-top:        0px;
  margin-left:       20px;
  margin-right:      40px;        /* shouldn't this be within another container that establishes this border? */
  margin-bottom:     20px;
  padding-top:       0px;
  padding-bottom:    0px;
  z-index:           24;
}

.clear {  /* cancel the float, get back to normal */
  clear:            both;
}

.containerwithpadding {
  padding-bottom:    1px;
}

#optionstopshading { 
  position:          absolute;
  z-index:           28;
  margin-top:        0px;
  margin-left:       20px;
  height:            45px;
  width:             404px;
}

#fixicon {
  position:          absolute;
  z-index:           33;
  margin-top:        66px;
  margin-left:       14px; 
  height:            90px;
  width:             90px;
  border:            0px;
}

#fiximg {
  position:          absolute;
  z-index:           33;
  margin-top:        160px;
  margin-left:       43px; 
  height:            20px;
  width:             31px;
  border:            0px;
}

#addicon {
  position:          absolute;
  z-index:           32;
  margin-top:        62px;
  margin-left:       122px; 
  height:            93px;
  width:             86px;
  border:            0px;
}


#addimg {
  position:          absolute;
  z-index:           32;
  margin-top:        170px;
  margin-left:       141px; 
  height:            21px;
  width:             47px;
  border:            0px;
}


#setupicon {
  position:          absolute;
  z-index:           31;
  margin-top:        61px;
  margin-left:       212px;
  height:            81px;
  width:             96px;
  border:            0px;
}

#setupimg {
  position:          absolute;
  z-index:           31;
  margin-top:        155px;
  margin-left:       221px;
  height:            25px;
  width:             73px;
  border:            0px;
}

#backupicon {
  position:          absolute;
  z-index:           30;
  margin-top:        56px;
  margin-left:       298px;
  height:            104px;
  width:             135px;
  border:            0px;
}

#backupimg {
  position:          absolute;
  z-index:           30;
  margin-top:        167px;
  margin-left:       327px;
  height:            26px;
  width:             90px;
  border:            0px;
}

#fixeasy { 
  position:          absolute;
  z-index:           30;
  margin-top:        30px;
  margin-left:       442px;
}

#alert { 
  position:          static;
  margin-top:       -20px;
  z-index:           30;
  font-size:         1.35em;
}

.alertheader {
  position:        static;
  color:            red;
  font-size:       x-large;
  font-weight:     bolder;
  margin-bottom:   1px;
  padding-bottom:  0px;
}

.alerttext {
  position:        static;
  color:           black;
  margin-top:     0px;
}

.specialalert {
  color:            red;
}

.alertlist {
  position:         static;
  margin-top:       -10px;
  margin-bottom:    0px;
  padding-top:      0px;
  padding-bottom:   0px;
}

#themainboxbottom {  /* container for the bottom of the main box */
  position:          static;
  margin-top:        0px;
  z-index:           25;
  background:        #f8efe8;
  padding-bottom:   1px;
}

#mainboxbottom {   /* actual bottom of the main box, with closing graphic */
  position:          static;  /* absolute; */
  margin-top:        0px;  /* -20px; */
  z-index:           35;
  width:             750px;
  margin-left:       0px;
  margin-bottom:     0px;
  background:        #f8efe8;
  padding-bottom:   10px;
}

#footerarea {  /* container for footer */
  position:         static;
  margin-top:       0px;
  margin-left:      0px;
  font-size:        100%;
  width:            750px;
  z-index:          26;
  background:      #f8efe8;
  padding-bottom:  90px;
}


#footerlinksbackground {
  position:       absolute;
  margin-top:     15px;
  margin-left:    17px;
  z-index:        26;
  height:         49px;
  width:          715px;
}

#footerp {
  position:       absolute;
  margin-top:     30px;
  margin-left:    94px;
  z-index:          27;
}



#promptforother {
  margin-top:     30px;
}


a:link {
  color:            #b76666;
  text-decoration:  none;
  border-bottom:    thin dotted #b76666;
}
a:visited {
  color:            #675c47;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}