/* ============================================================= 

            Style Sheet for Demo purposes pages

   Important -  only use text editer - NOT  HTML editor
   
   See Notes at the bottom of this page

  ==============================================================  */


<style  type="text/css">


body
{
background:rgb(241,244,184); 	
font-family: Times New Roman;  
font-size: 16px;   
line-height: 20px;
font-weight: normal;
color: black;
}


table
{
font-family: Times New Roman;      /*  Items' descriptive text  */
font-size: 16px;   
line-height: 18px;
color: black;
font-weight: bold;
}

.text01
{
font-family: Times New Roman;      /*  Items' descriptive text  */
font-size: 16px;   
line-height: 18px;
color: black;
font-weight: normal;	
}	
	
.text02
{
font-family: Times New Roman;      /*  Items' descriptive text  */
font-size: 16px;   
line-height: 18px;
color: gray;
font-weight: normal;	
}	

.text03
{
font-family: Times New Roman;      /*  Items' descriptive text  */
font-size: 14px;   
line-height: 16px;
color: silver;
font-weight: normal;	
}	

.text04
{
font-family: Times New Roman;      /*  Items' descriptive text  */
font-size: 12px;   
line-height: 18px;
color: silver;
font-weight: normal;	
}	

.text05
{
font-family: Verdana;      /*  Items' descriptive text  */
font-size: 12px;   
line-height: 18px;
color: black;
font-weight: normal;	
}	

.text06
{
font-family: Arial;      /*  Items' descriptive text  */
font-size: 12px;   
line-height: 16px;
color: black;
font-weight: normal;	
}	

.text07
{
font-family: Verdana;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 14px;
color: gray;
font-weight: normal;	
}	

.text08
{
font-family: Arial;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 14px;
color: gray;
font-weight: normal;	
}	

.text09
{
font-family: Helvetica;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 12px;
color: gray;
font-weight: normal;	
}

.text10
{
font-family: Helvetica;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 12px;
color: gray;
font-weight: light;	
}

.text11
{
font-family: Helvetica;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 12px;
color: red;
font-weight: light;	
}

.text12
{
font-family: Helvetica;      /*  Items' descriptive text  */
font-size: 10px;   
line-height: 12px;
color: maroon;
font-weight: light;	
}





td   /*  aligns the data within the table's cells - puts the thumbnails at the top  */
{
vertical-align: top;	
}	
	



H1
{
font-family: Times New Roman;  
font-size: 24px;   
line-height: 28px;
font-weight: bold;
color: maroon;
}


H2
{
font-family: Times New Roman;  
font-size: 32px;   
line-height: 38px;
font-weight: normal;
color: Black;
}

H3
{
font-family: Times New Roman;  
font-size: 26px;   
line-height: 30px;
font-weight: normal;
color: black;
}


H4
{
font-family: Times New Roman;  
font-size: 32px;   
line-height: 38px;
font-weight: normal;
color: black;
}

H5
{
font-family: Times New Roman;  
font-size: 12px;   
line-height: 14px;
color: blue;
font-weight: normal;
}

H6
{
font-family: Times New Roman;  
font-size: 12px;   
line-height: 14px;
color: blue;
font-weight: normal;
}

.general-text
{
font-family: Times New Roman;  
font-size: 14px;   
line-height: 18px;
color: black;
font-weight: normal;
}











body
{
background:rgb(241,244,184); 	
font-family: Times New Roman;  
font-size: 16px;   
line-height: 20px;
font-weight: normal;
color: black;
}


</style>



/* ============================================================= 

            Notes Only - No More Code below here

Links not needed on this page.
                        
a:link{color:blue; text-decoration:none;}              
a:visited{color:blue; text-decoration:none;}  
a:hover{color:red;  text-decoration:underline;} 
a:active{color: green; text-decoration:none;}
a:link{color:blue; text-decoration:none;}   

========================================================================

Important:

The {body} section needs repeating at the top and bottom of the listing.
Without this, various body parameters get over-ridden by table parameters.
This is a problem with this Table / Body / Table structure.

Each font declaration needs all parameters specified, otherwise a 
colour or weighting may be inhereted from a prior use.

========================================================================== 
           
Not-So_Important:

The width of column 1 in the data table is set at 105px.
This was declared in every row as    style="width: 105px;"  within the <td>
     ie  <td style="width: 105px;">
This cannot easily be transfered to the CSS.
Table parameters are not reliable in CSS and some are ignored. Do Not use.
However, only the top row needs this declaration, and all other rows will follow suit.
Place the <td style="width: 105px;"> in the top row containing the Sub-Title and empty thumbnail image.
Change its value to 106.
Using 'Search and Replace'  delete all copies of:    style="width: 105px;"
Change the 106 value back to 105.
This will reduce the size of the file.


Place this line in the header section:    <link rel="stylesheet" href="Page000.css"    type="text/css">

Remove all instances of:    <big> </big> <small> <small>
                            style="font-weight: bold;"      <small style="color: rgb(51, 51, 255);">
                            

Click on image for enlarged
                            
Process strictly in this order:

Find/Replace:	 'click on image for enlarged view'  with   '<h5>click image for enlargement<h5>'
Find/Replace:	 'click on image for enlarged'       with   '<h5>click image for enlargement<h5>'                                                           
Find/Replace:	 'click on image for'                with   '<h5>click image for enlargement<h5>'
Find/Replace:    'enlarged view'                     with   ' '
Find/Replace:    'view'                              with   ' '                   
........................................................
  
 
Standard Colours:

aqua		gray		navy		silver
black		green		olive		teal
blue		lime		purple		white
fuchsia		maroon		red			yellow 
.......................................................
  
Other Font Styles:
 font-family: Verdana, Arial, Impact, Helevetica; 

Font-Weights:  extra-light, light, medium, normal, bold, extra-bold          


Set Italics:  <em>The Natural History of England</em>


  ==============================================================  */