/***************   main body container,  no tables used   ***********/
#container {
   position:relative;
   min-height:90%; */

}
#header {
   /***   background:#ff0;   ***/
   padding:10px;
   text-align: center;
}
#body {
   padding:10px;
   padding-bottom:60px;   
   text-align: center;
}
div#navigation {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	margin: 1ex 0 1ex 0;
	background:#e0ffff;
}

footer {
    clear: both;
    position: fixed;
    height: 200px;
    margin-top: -200px;
}

/****************************   First Letter Large, First Line Bold ****************/
.fancyparagraph:first-letter
{font-size:70pt; font-weight:bold; float:left; 
font-family: Rosewood Std Regular,Algerian,Times New Roman, blackletter; color:purple;
}

.fancyparagraph:first-line
{font-size:110%; font-weight: bold; color:black; text-transform:uppercase;}

/****************************   Table Highlight Cell Link  ****************/

.hl a {
	width:33%;
	font-weight:bold;
	color:black;
	text-decoration:none}
.hl a:hover {
	width:33%;
	background-color:blue;
	color:white}

/****************************   Scroll Bar Colour Control ****************/

BODY 
{
font-family: Arial;

scrollbar-face-color:purple;
scrollbar-arrow-color:white;
scrollbar-track-color:#DDDDDD;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-color:'';
 
background-image: url("images/background.jpg"); 
background-color: #FFFFFF;  /* white */
}

a:link    { background-color: transparent; text-decoration: underline;
	 color: #0000FF;  /* blue */ }
a:active  { text-decoration: underline; color: rgb(204, 51, 0); /* red */ }
a:hover   { background-color: #FFFF00;  /* yellow */
	 text-decoration: underline; color: #000080;   /* dark blue */ }
a:visited { text-decoration: underline; color: #800000;  /* brown */ }


/********   image swap on mouseover,  using double image swap bottom for top *************/
/* image variable from html, use for Team Diablerie swap images */
a.team-diablerie-swap {
display:block;
width:800px;
height:534px;  /*** half of double image height  ***/
background-position:0px 0px;  
}
a.team-diablerie-swap:hover {
background-position:0px -534px;
}


/********   image swap on mouseover,  using double image swap bottom for top *************/
/* image variable from html, use for book editions swap images */
a.book-edition-swap {
display:block;
width:800px;
height:1040px;  /*** half of double image height  ***/
background-position:0px 0px;  
}
a.book-edition-swap:hover {
background-position:0px -1040px;
}

/********   image swap on mouseover,  using double image swap bottom for top *************/
/* image variable from html, use for stereoviews swap images */
a.cssmouseover {
display:block;
width:800px;
height:407px;  /*** half of double image height  ***/
background-position:0px 0px;  
}
a.cssmouseover:hover {
background-position:0px -407px;
}

/********   image swap on mouseover,  using double image swap bottom for top *************/
/* image variable from html, use for book swap images */
a.book-swap {
display:block;
width:240px;
height:316px;  /*** half of double image height  ***/
background-position:0px 0px;  
}
a.book-swap:hover {
background-position:0px -316px;
}

/******************* table letters, background image ***********/
table{
border-color: 800000; /* brown */
color: black;  /*  font color */
background-image: url(images/background.jpg);
font-family: Arial; 
vertical-align: none; font-style: normal; font-weight: normal; text-align: none;
}