@media screen,print
{
.orange-logo
	{
	background-color: #FCA23C;
	}
.orange-logo-txt
	{
	color: #FCA23C;
	}
.blue-logo
	{
	background-color: #043EA4;
	}
.blue-logo-txt
	{
	color: #043EA4;
	}
.yellow-logo
	{
	background-color: #FCBD04;
	}
.yellow-logo-txt
	{
	color: #FCBD04;
	}
.bw
	{
	background-color: #FFFFFF;
	color: #000000;
	}
.bg
	{
	background-color: #EEEEEE;
	color: #000000;
	}
.thin
	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-style: none;
	border-spacing: 0 0 0 0;
	border-collapse: collapse;
	border-width: 0 0 0 0;
	}
.title
	{
	font-size: 36pt;
	text-align: center;
	}
.fflogo
        {
    position: fixed;
    top: 0;
    right: 0;
    height: 90px;
    z-index: 9;
    }

IMG
        {
    border-style: none;
    border-collapse: collapse;
    border-width: 0;
    margin: 0 0 0 0;
    }

sup {text-decoration: none!important;}
}

@media screen
{
.textbox
{
font-family: "Palatino Linotype", Palatino, san-serif;
height: 9em;
width:  16em; 
max-height: 9em; 
max-width:  16em;
min-height: 90pt; 
min-width: 160pt; 
}

#first-text      {position: relative; left: 160pt; top: 130px;}
#second-text    {position: relative; left: 34em; top: 3em;}
#third-text      {position: relative; left: 160pt; top: 1em;}
#fourth-text    {position: relative; left: 34em; top: -4em;}

/* Forces scrolling l-r when books touch "second-text" rather than when "second-text" hits right window-edge, prevents hiding of text. */
#right-edge      {position: relative; left:160px; top: 0; width: 46em; min-width: 46em; height: 1px; max-height:1px;}

.link-more
    {
    position: absolute; 
    right: 3px; 
    bottom: 3px;
    font-family: Arial, san-serif;
    font-size: 8pt;
    font-weight: bold;
    z-index: 5;
    }
.link-more:hover {text-shadow: #888888}

.tabs
       {
	font-family: Arial, san-serif;
	font-size: 10px;
    position: fixed;
    right: 220px;
    top: 60px;
    height: 30px;
    width: 64em;
	z-index: 8;
    overflow: hidden;
    }
.tab
	{
	text-align: left;
	width: 10em; 
	position: absolute; 
	bottom: 0;
    height: 30px;
    opacity: .90;
    filter: alpha(opacity=90);
	z-index: 9;
    overflow: hidden;
	}
DIV.tab:hover
        {
    opacity: 1.00;
    filter: alpha(opacity=100);
    }
.tab-left
	{
	position: absolute; 
	bottom: 0px;
	left: 0px;
	width: 9px; 
    height: 30px;
	}
.tab-txt
	{
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
    vertical-align: middle;
    height: 100%;
	position: absolute; 
	bottom: 0px;
    left:  9px;
    right: 9px;
	}
.tab-rt
	{
	position: absolute; 
	bottom: 0px;
	right: 0px;
	width: 9px; 
    height: 30px;
	}
.tab-link
       {
    text-decoration: none;
    }
.tab-link:hover
    {
    text-decoration: underline;
  }

#hm-tab {right: 36em;}
#mg-tab {right: 27em;}
#ff-tab {right: 18em;}
#rp-tab {right:  9em;}
#cp-tab {right:  0px;}

.index-center 
{
margin-right: 5em;
margin-left: 15em;
right: 0px;
}

.menu
	{
    top: 90px;
    height: 100%;
    min-height: 1280px!important;
	font-family: Arial, san-serif;
	font-size: 9pt;
    font-weight: bold;
	text-align: left;
	width: 15em; 
    padding-left: 6pt;
	}
.menu-link {text-decoration: none;}

.menu-link:hover 
        {
    text-shadow: #888888;
    text-decoration: underline;
    }

.menu-width
    {
  width: 15em!important;
  max-width: 15em!important;
  min-width: 15em!important;
  }
	
.wall
	{
    top: 90px;
    height: 100%;
	z-index: 7;
	}
.right
        {
	position: absolute; 
	top: 0; 
	right: 0;
	text-align: right;
    }
.left
        {
	position: absolute; 
	left: 0;
	text-align: left;
    }
.foot6
	{
	font-family: Arial, san-serif;
	font-size: 12pt;
	text-align: center;
    color: #FFFFFF;
	width: 100%!important; 
	min-width: 100%!important; 
    position: absolute;
	left: 0;
	}
.foot
	{
	font-family: Arial, san-serif;
	font-size: 12pt;
	text-align: center;
    color: #FFFFFF;
	width: 100%; 
	left: 0;
    z-index: 9;
    position: fixed;
    bottom: 0;
	}
.foot-height
    {
  height: 14pt!important;
  max-height: 14pt!important;
  min-height: 14pt!important;
  }
.head
	{
	width: 100%; 
	position: fixed; 
	top: 0; 
	left: 0;
	z-index: 8;
	}
.head-height
    {
  height: 100px!important;
  max-height: 100px!important;
  min-height: 100px!important;
  }
.cfoot
	{
	background-color: #DDDDDD;
	font-family: Arial, san-serif;
	font-size: 8pt;
	text-align: center;
	width: 20em; 
	position: fixed; 
	bottom: 0; 
	left: 0;
	z-index: 10;
	}
.chead
	{
	background-color: #DDDDDD;
	font-family: Arial, san-serif;
	font-size: 8pt;
	text-align: center;
	width: 20em; 
	position: fixed; 
	top: 0; 
	left: 0;
	z-index: 10;
	}

.shadow {filter:shadow(color:gray, strength:7, direction:135);}
    
.bookbar7
       {
       position: absolute;
       top: 0;
       left: 0;
       text-align: right;
       width: 100%;
       min-width: 56em!important;
       position: absolute;
    }
.book
       {
       width:107px;
    }
.bookbar
        {
	position: absolute; 
	top: 0; 
    right: 1px;
	left: 54em;
	text-align: right;
    height: 600px!important;
    width: 110px!important;
    }
.bookrow
    {
       height: 150px;
       width: 110px;
       text-align: left;
    }
.skip-screen {display: none;}
}

@media print
{
.skip-print {display: none!important;}
.tabs {display: none!important;}
.tab {display: none!important;}
.wall {display: none!important;}
.foot {display: none!important;}
.foot-height {display: none!important;}
.head {display: none!important;}
.head-height {display: none!important;}
.cfoot {display: none!important;}
.chead {display: none!important;}
.menu {display: none!important;}
.link-more {display: none!important;}
.bookbar {display: none!important;}
.menu-width {width: 0px!important; max-width: 0px!important; min-width: 0px!important;}
}