body {
font-size: 105%;
}

a{
display: inline;                /* what are the other 'display' options?  */
background: #aa11aa;      /* was 414141
color: white;
padding: 0px 0px;              /* was 8px 10px (both) in orig jquery file */
                               /*  DEACTIVATED BORDER     border-right: 1px solid #778;  */
color: #FFFF00;                 /* was 2d2b2b  */
text-decoration: none;
}
 
a:hover{
background: #aa11aa;     /* FF3300 ALL link backgrounds during hover state aa11aa is pretty purple */
color: #FFFF00;                     /*  gives hover state font color of any LINKS */
text-decoration: none; 
color: #550055;
}

A:link {
text-decoration: none; 
color: #FF3300;
background: #aa11aa;
}

A:visited {
text-decoration: none; 
color: #FF3300;
background: #550055;            /*  VISITED LINK  */
}

A:active {
text-decoration: none; 
color: black;
}




/* position your menus   */
#firstdrop {position: absolute; top: 205px; left: 21px;  width: 165px;}  
#seconddrop {position: absolute; top: 205px; left: 105px;  width: 165px;}
#thirddrop {position: absolute; top: 205px; left: 235px; width: 205px;}
#fourthdrop {position: absolute; top: 205px; left: 410px; width: 165px;}
#fifthdrop {position: absolute; top: 205px; left: 540px; width: 165px;}
#sixthdrop {position: absolute; top: 205px; left: 675px; width: 165px;}

#sidedrop1 {            /* THIS DOESN'T SEEM TO DO MUCH */
position: relative; 
top: 20px;                     /*  WAS 15  but not working well bfore that was zero?  */
left: 0%;          /*  was zero? then 15 worked great then went to right and zero best again  */
width: 48%;   /* WAS 205 185 is pretty good using % no dif WAS 192px too wide  */

}

#sidedrop2 {
position: relative; 
top: 140px;       /* 365px in tagmap.css  */
left: 0%;          /* was 0px */
width: 48%;   /* WAS 255px 240px in tagmap.css */
}

                          /* I don't see the htm file CALLING on insertdrop1 */ 

#insertdrop1 {       /* this controls the LIST of maps or pics OH SHIT NOT TERMINATED */
position: relative; 
top: 0px;                 /*                 */
left: 7%;               /* WAS 7% WAS 9% before that it was 0px   */ 
width: 92%;  /* WAS 92% WAS 180px and working 200px in tagmap.css */
}

#NonLinkHead {   
margin-left: 0px; 
padding-left: 3px; 
                                /*  this padding made trouble  padding-right: 10px;   */
line-height: 34px;
font-weight: bold; 
font-size: 100%; 
color: #FFFF00;                  /* new thing to try */
background-color: #550055;     /*   Some new things to try */
}

#NonLinkSubHead {            /* this and NonLinkHead are ALTERNATIVE ways to control font color */ 
margin-left: 0px;               /* and background color of NON LINK menu items. */
padding: 9px; 
margin: 0px;
line-height: 38px;
width: 150px;
font-weight: bold; 
font-size: 95%; 
color: #FFFF00;                  /* Yellow like LINK menu items */
background-color: #AAAADD;   /* deep blue 550055 */

}


.menuHead {
margin-left: 0px; 
padding-left: 0px; 
padding-right: 10px; 
line-height: 48px;
font-weight: bold; 
font-size: 110%; 
color: #FFFF00;
background-color: #550055;
}

.Side1menuHead {
position: relative;
top: 10px;             /* changed from 8 to 10  */
left: 6%;            /* WAS right 6% 5 here and 70px in tagmap.css */
width: 150px;         /* WAS 210 220 130  but not good 207 137 worked pretty well */
margin-left: 0%;      /*  WAS  5% 20%  40px isn't bad                 */
margin-right: 0px;
margin-top: 5px;           /* WAS 0px */
margin-bottom: 5px;       /* WAS 15px was 0   */
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px;
padding-bottom: 10px;     /* was 0 */
line-height: 120%;         /* WAS 150% and before that it was 36px ;  32px in tagmap.css */
font-weight: bold; 
font-size: 120%;          /* WAS 130%  110% in tagmap.css */
text-align: center;
color: #FFFF00;
background-color:  #FF3300;      /*  WAS 550055  clr behind "topic cross index"       */
}


.Side2menuHead {
position: relative;
top: 5px;           /* 8px in tagmap.css */
left: 8%;        /* was left 15px 60px in tagmap.css */
width: 130px;
margin-left: 0px; 
margin-right: 0px;
margin-top: 5px;     /*   10px in tagmap.css */
margin-bottom: 5px;
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px;
padding-bottom: 0px;
line-height: 36px;       /* 32px in tagmap.css */
font-weight: bold; 
font-size: 120%;   /* 110% in tagmap.css */
color: #FFFF00;
background-color: #FF3300;       /*  WAS 550055            */
}



.Insertdrop1menuHead {       /* Title of 2nd box menu ie Maps All Pictures or Fun */
position: relative;        /* was absolute */
top: 5px;                / * was zero relative */
left: 20px;        /* WAS 10 before that 35 "left"         5px in tagmap.css */
line-height: 18px;  /* effects the LIST of pics or maps in 2nd box down WAS 25px    24px in tagmap.css */
width: 253px;      /* 200px in tagmap.css  WAS 185 here and was part of my problem   */
padding-top: 0px;
padding-bottom: 5px;  
margin-left: 0px;       /* WAS 0   2px in tagmap.css */
padding-left: 0px; 
padding-right: 0px;    /* 5px in tagmap.css */
font-family: Arial;
font-weight: bold; 
font-size: 105%;       /* was 100% */
color: #FFFF00;          /*   WAS          FFFF00 */
background-color: #FF3300;
}

.InsertmenuChoices {      /* was .InsertmenuChoices */
position: absolute;          /*  WAS absolute                */
top: 3px;                  /* WAS 0px */
left: 2%;             /* WAS 5% was 0px */
margin-top: 24px;    /* was 24 when pos was absolute top 0 left 0 */
margin-left: 0px;  /* 0px in tagmap.css   WAS 10px HERE that might have been my problem grrr   */
padding-left: 5px;     /* WAS 15 absence of padding made pink left border padded R and L 15  */
padding-right: 5px;
background-color: #550055;    /*  GREEN         GREEN     GREEN   */

                                  /* WAS #550055 bckgrnd clr box where tagmap and tagpicture lists show up */
width: 220px;          /*  179% too wide 220px is good  the above line is color behind the tagpic menu ITEMS  */
}

.Side1menuChoices {            /* Maps Pictures Fun right below Cross Topic Index  */
position: relative;
top: 10px;
right: .5%;
margin-top: 0px;                /*  WAS 1px    */
margin-right: 0px;               /* WAS margin-left 105  before that WAS 15  and before that 25px  */
padding: 0px;                     /* WAS 0        */
line-height: 110%;              /*  WAS 120%  */
background-color: #550055;      /* WAS   #550055  then was ff3300 tried aa11aa  */
width: 90%;                    /* WAS 200    223 + 2 + 2 + 15 is  243      */
text-align: center;
font-size: 115%;                 /* WAS 105%  WAS 115%      */
}

.Side2menuChoices {
margin-top: 6px;
margin-left: 10px;
padding: 5px;
background-color: #550055;      /*  was ff3300  then tried lavendar aa11aa */
width: 210px;                 /*  WAS 198      10+5+5+210  is 230     */
}



.nardropmenuChoices {
 background-color: #550055; /* ff3300 in tagmap.css */
width: 115px;
}

.meddropmenuChoices {
 background-color: #550055; /* ff3300 in tagmap.css */
width: 160px;
}


.widdropmenuChoices {
 background-color: #550055; /* ff3300 in tagmap.css */
width: 220px;
}

/* set the menu style */
/*  these (left) position values set the placement of the Nav Bar items themselves   */
/*  these width values definitely set the amount of space given to each Nav Bar item.  */
/*   that means the SPACING that shows up between adjacent ones in NavBar   */


.FullBodied {
position: absolute;
top: 0px;
left: 10px;         
width: 97.25%;    
height: 5300px;     
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
background-color: #777777;
border-style: dashed;
border-width: 2px;
border-color: #FFFF00;

}

.TopMost {
background-color: #fee7f0;
position: relative;
top: 0px;
left: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
padding: 0px;
width: 97.5%;
height: 180px;
background-image:url(http://www.w7buf.com/viewimages/images/ISS_Sunset_wide.jpg);
border-style: solid;
border-width: 3px;
border-color: #FF3300;

}


.TopTitle {
position: absolute;
top: 35px;
left: 75px;

}


.SubTitle {
position: absolute;
top: 125px;
left: 180px;
}




.NavBar {
position: absolute;
top: 200px;
left: 0px;
height: 65px;
margin-top: 0px;   
margin-left: 10px;
margin-right: 10px;
padding-left: 0px;
width: 97.5%;                /* WAS 97.5%        */
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #550055;
}

#tagmenu {
position: absolute;        /*   WAS absolute                                  */
top: 302px;                    /*  302 - 265 = 37 &add some space  WAS 292  then tried 282  then 302 */
margin-top: 0px;                     
right: 35px;               /* WAS 25px   */
height: 80px;                  /*  was 360  */
margin-left: 0px;
padding-left: 0px;
width: 24%;                  /* was 225  */
border-style: solid;
border-width: 3px;
border-color: #FF3300;         /* was FF3300    */
                                   /*   background-color: #550055;      */
}

#tittybox {                    
position: absolute;
top: 308px;                 /* WAS 392   then 402  then 412 */
margin-top: 0px;                     
right: 2%;                 /* WAS 25px  right */
height: 90px;                  /*  WAS 80px    was 360  */
margin-left: 0px;
padding-left: 0px;
width: 22%;                  /* was 225px  */
border-style: solid;
border-width: 3px;
border-color: #FF3300;         /* was FF3300    */
        /* background-color: #550055;   blanked out because covers text */  
			    /*  WAS #550055 */
}

#tagbox {                    /*   tagbox is the 2nd box in sidebar. It contains "All Pictures" and "Maps"  */        
position: absolute;
top: 482px;              /* WAS 422px; */             
margin-top: 0px;                     
right: 2%;                
height: 540px;         /* was 400 */              
margin-left: 0px;
padding-left: 0px;
width: 22.4%;        /* WAS 22.2%  */          
border-style: solid;
border-width: 3px;
border-color: #FF3300;      /* #FF3300  */   
background-color: #550055;            /*  WAS FFFF00 yellow            */      
}

.TextBox {                          /* NO LONGER CALLED by tagmap4 or tagpic   */  
position: relative;
top: 0px;
margin-top: 0px;                     
left: 0px;
height: 300px;                  /* Hellow stupid this was 900 droopy drawers long  */
max-height: 95%;
margin-left: 0px;
padding-left: 0px;
width: 220px;                    /* this box was INTENDED for the MAIN content so set for 71.1%  */
border-style: solid;               /* but this textbox is NOT called in phaseX4htm   ONLY tagmap calls it */
border-width: 3px;
border-color: #00FF66;           /* ff3300 WAS    */
background-color: #00AADD;       /*  WAS FFE6FF        */
line-height: 160%;
font-family: "Comic Sans MS",Arial;
font-size: 115%;
color: #aa11aa;
}


#CrossIndexBox {
position: absolute;
top: 30px;                      /* WAS 308px was 660 before that it was  560  */
margin-top: 0px;                     
right: 4%;                   /*  WAS 10px right */
height: 140px;               /* WAS 90px  was 360         */
margin-left: 0px;
padding-left: 0px;
width: 90%;              /* WAS 88%  was 230px           */
border-style: solid;
border-width: 3px;
border-color: #FF3300;       /* WAS #0066EE #FF3300  BLUE  BLUE  BLUE   */
background-color: #550055;
}

#recentbox {
position: absolute;
top: 850px;                      /* WAS 660 before that it was  560  */
margin-top: 0px;                     
right: 4%;                   /*  WAS 10px right */
height: 520px;               /* was 360         */
margin-left: 0px;
padding-left: 0px;
width: 90%;              /* WAS 88%  was 230px           */
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #550055;
}

#VisitorsBox {
position: absolute;
top: 1700px;                      /* WAS 660 before that it was  560  */
margin-top: 0px;                     
right: 4%;                   /*  WAS 10px right */
height: 720px;               /* was 360         */
margin-left: 0px;
padding-left: 0px;
width: 90%;              /* WAS 88%  was 230px           */
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #550055;
}




.EntryBox {
position: absolute;
top: 274px;
margin-top: 0px;                     
left: 0px;
height: 4900px;
max-height: 95%;
margin-left: 10px;
padding: 10px;
width: 70.50%;           /* WAS 71.10%  */
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #FFE6FF;          /* WASS #FFE6FF    */
line-height: 160%;
font-family: "Comic Sans MS",Arial;
font-size: 115%;
color: #aa11aa;
}

.SweetBox {
position: absolute;
top: 274px;
margin-top: 0px;                     
left: 0px;
height: 4900px;
max-height: 95%;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
width: 96.0%;   
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #FFE6FF;          
line-height: 160%;
font-family: "Comic Sans MS",Arial;
font-size: 115%;
color: #aa11aa;
}

.GlobeBox {
position: absolute;
top: 750px;
margin-top: 10px;                     
left: 22%;
height: 370px;
margin-left: 0px;
padding-left: 0px;
width: 49.10%;
border-style: dashed;
border-width: 1px;
border-color: #FF3300;
background-color: #FFE6FF;
line-height: 160%;
font-family: "Comic Sans MS",Arial;
font-size: 115%;
color: #aa11aa;
}

.SolarBox {
position: absolute;
top: 1250px;
margin-top: 10px;                     
left: 5%;
height: 1000px;           /* WAS 370px */
margin-left: 0px;
padding-left: 0px;
width: 90%;         /* WAS 49.10% for just the orig graph */
border-style: dashed;
border-width: 1px;
border-color: #FF3300;
background-color: #FFE6FF;
line-height: 120%;                     /* WAS 160% */
font-family: Arial, "Comic Sans MS";
font-size: 105%;              /*  WAS 115%  */
color: #aa11aa;
}

.SweetSolar {
position: absolute;
top: 70px;
margin-top: 10px;                     
left: 5%;
height: 270px;           /* WAS 370px */
margin-left: 0px;
padding-left: 0px;
width: 45%;         /* WAS 49.10% for just the orig graph */
border-style: dashed;
border-width: 1px;
border-color: #FF3300;
background-color: #FFE6FF;
line-height: 120%;                     /* WAS 160% */
font-family: Arial, "Comic Sans MS";
font-size: 105%;              /*  WAS 115%  */
color: #aa11aa;
}



.MidSpace {
position: absolute;
background-color: #777777;
top: 274px;
right: 26.20%;
width: 1.05%;
height: 4900px;
border-style: dashed;
border-width: 1px;
border-color: #000000;
}

.SideBar {
position: absolute;
top: 274px;
right: 0%;
width: 24.75%;
height: 4900px;
max-height: 95%;
margin-right: 10px;        
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
border-style: solid;
border-width: 3px;
border-color: #FF3300;
background-color: #FFE6FF;
font-family: Arial;
font-size: 95%;
font-weight: bold;
color: #009900;
}


.pInsert {
font-family: "Comic Sans MS";
font-weight: bold;
line-height: 100%;
font-size: 18px;
color: #aa11aa;
}

.p1st  {
font-family: "Comic Sans MS";
font-weight: bold;
line-height: 120%;
font-size: 20px;
color: #FFFF00;
}

.p2nd  { 
font-family: "Comic Sans MS";
font-weight: bold;
line-height: 110%;
font-size: 16px;
color: #FFFF00;
}

p#first  {
font-family: "Comic Sans MS";
font-weight: bold;
line-height: 145%;
font-size: 24px;
color: #AA11AA;
}

p#second  { 
font-family: "Comic Sans MS";
font-weight: bold;
line-height: 130%;
font-size: 16px;
color: #AA11AA;
}




h1 {
color: #f2f330;
background-color: #FF3300;
}

h2 {
color: #f2f330;
background-color: #FF3300;
}

h3 {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #f2f330;
background-color: #FF3300;
text-decoration: bold;
}

.h3  {
background-color: #FF3300;
padding-bottom: 0px;
line-height: 150%;
font-family: Arial;
font-size: 115%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: center;
}

.sweetH3  {
background-color: #FFFF00;
padding-bottom: 0px;
line-height: 130%;
font-family: Arial;
font-size: 120%;
font-weight: bold;
color: #FF3300;
text-decoration: none;
text-align: center;
}

.dropH3  {
background-color: #550055;
padding-bottom: 0px;
line-height: 150%;
font-family: Arial;
font-size: 115%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}

.lavH3 {
background-color: #aa11aa;      /*  NEW CLASS for LAVENDAR bkgrnd on text menu items */
padding-bottom: 0px;
line-height: 150%;
font-family: Arial;
font-size: 115%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: center;
}

.h4 {
background-color: #FF3300;    
padding-bottom: 0px;
line-height: 135%;
font-family: Arial;
font-size: 105%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: center;
}

.dropH4 {
background-color: #550055;  
padding-left: 4px;             /*  was 15px  Added to center text on "pages with maps" heading */  
padding-top: 4px;             /* WAS 3px  NEW LINE to try to adjust overlap of title and top item*/
padding-bottom: 4px;         /* WAS 3px */
line-height: 28px;            /* WAS 125%  was 135%  */
font-family: Arial;
font-size: 20px;          /*  WAS 22px 105%      */
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: left;             /* there's probably a good reason this was set to CENTER  */
}

.lavH4 {
background-color: #aa11aa;      /*  NEW CLASS for LAVENDAR bkgrnd for menu text */    
padding-bottom: 0px;
line-height: 135%;
font-family: Arial;
font-size: 105%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: center;
}

.h5 {
background-color: #FF3300;    
padding-bottom: 0px;
line-height: 125%;
font-family: Arial;
font-size: 95%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}

.dropH5 {
background-color: #550055;    
padding-left: 4px;             /*   WAS 15px ZERO  While dropH4 had this 15 padding see above for reason  */  
padding-top: 3px;             /* WAS 3px  NEW LINE to try to adjust overlap of title and top item*/
padding-bottom: 3px; 
line-height: 22px;            /* WAS 120%           */
font-family: Arial;
font-size: 16px;               /*  WAS 16px was 18px before that 95%              */
font-weight: bold;
color: #FFFF00;
text-decoration: none;
text-align: left;
}


.lavH5 {
background-color: #aa11aa;      /* WAS PURPLE aa11aa             */ 
padding-bottom: 0px;
line-height: 125%;
font-family: Arial;
font-size: 95%;
font-weight: bold;
color: #FFFF00;             /*   Yellow */
text-decoration: none;
}

.h6 {
background-color: #FF3300;    
padding-bottom: 0px;
line-height: 115%;
font-family: Arial;
font-size: 85%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}

.dropH6 {
background-color: #550055;    
padding-bottom: 0px;
line-height: 125%;
font-family: Arial;
font-size: 85%;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}


.tble1 {
background-color: #FFE6FF; 
border-width: 3px;
border-style: solid;
border-color: #FF3300;

}


.tble2 {
position: relative;
top: 40px;
left: 20px
background-color: #FFE6FF; 
border-width: 3px;
border-style: none;
border-color: #FF3300;

}



.th1 {
background-color: #FF3300;
margin-left: 0px;
padding-bottom: 0px;
padding-left: 0px;
line-height: 135%;
font-family: Arial;
font-size: 100%;
font-weight: bold;
color: #FFFF00;
}


.th2 {
margin-left: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #FF3300;
text-align: center;
line-height: 155%;
font-family: Comic Sans MS;
font-size: 105%;
font-weight: bold;
color: #FFFF00;
}



.td1 {
padding-left: 5px;
line-height: 115%;
font-family: Arial;
font-size: 100%;
font-weight: bold;
color: #AA11AA;

}



.td2 {
padding-left: 5px;
line-height: 130%;
font-family: Comic Sans MS;
font-size: 100%;
font-weight: bold;
color: #AA11AA;

}

.tdSpecial  {
font-family: "Comic Sans MS";
font-weight: bold;
font-size: 100%;
color: #AA11AA;
}