/* ============ BEGIN GLIDE CONTENT STYLES ==================== */


.glidecontentwrapper{
/*position: relative; /* Do not change this value */ */
position: relative; top:100px; xleft:450px; /* Do not change this value */ */


  font-family:"arial","Swis721 Ex BT", "Zurich Ex BT", "Arial", "Helvetica","sans-serif","Swiss","Switzerland","Zurich","Times New Roman","Times Roman","Times";
  line-height:150%;font-size:80%;font-weight:400;   /* IN PRACTICE, WEIGHT NUMBERS BECOME JUST NORMAL AND BOLD */
  color:#000066; background:#ffffff;
  xmargin-left:20px;xmargin-top:12px;margin-bottom:0px;margin-right:0px;
  left:0px; top:0px;
  margin-left:210px;
  width:235px;  /*  This controls what? */




}
/*
	Total wrapper width: 331px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
/*width: 220px; */   /*  Controls width of the text within the box  */

min-width: 120px;
color: #000099 ;
}
/*
 Total glidecontent width: 331px+10px+10px=649px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

/*   DEFINED IN MY OWN STYLE SECTION ABOVE
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
xwidth: 360px;
Xmargin-top: 6px;
Xtext-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
*/

/*
 Total contenttoggler width: 331px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
Xorder: 1px solid black;
Color: #990000;
Xadding: 1px 3px;
Xargin-right: 3px;
Xont-weight: bold;
Xext-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}


-->

p.eyebrow {
  font-family:"fenice BT","Tinos", "Garamond","Arial", "Helvetica","sans-serif","Swiss","Switzerland","Zurich","Times New Roman","Times Roman","Times";
  line-height:100%;font-size:100%;  font-weight:600; color:#990011;
  margin-left:20px;margin-top:0px;margin-bottom:5px;margin-right:0px;
}

p.logo1 {
  font-family:"fenice BT","Tinos","Garamond","Arial", "Helvetica","sans-serif","Swiss","Switzerland","Zurich","Times New Roman","Times Roman","Times";
  line-height:100%;font-size:170%; font-weight:bold;  color:#eeeeff;
  margin-left:1px;margin-top:0px;margin-bottom:0px;margin-right:0px;
}
.logo2 {
  font-family:"fenice BT","Tinos", "Garamond","Arial", "Helvetica","sans-serif","Swiss","Switzerland","Zurich","Times New Roman","Times Roman","Times";
  line-height:100%;font-size:80%;   color:#ddddff;
  margin-left:0px;margin-top:0px;margin-bottom:0px;margin-right:0px;
}


.logo1 a {
   color:#3300ff;text-decoration: none;
}
.logo2 a {
   color:#3300ff;text-decoration: none;
}



/* MY OWN CSS  */



div.floating-box {
    display: inline-block;
#    max-width:40%;
#    width:  40%;
    width: 300px;
#    height: 75px;
#    margin: 10px;
#    border: 3px solid #73AD21; 
    position: relative;
    top: 0px; 
}




.after-box {
    border: 3px solid red;    /*  what is this for? */
}