HTML 	{
	background-color: #0000CC; 	/* dark blue - was #E0E0E0; = grey */
	background-image: url("gato.gif");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 	 3% 5%;  
	} 

BODY {		  
	font-family: "Times New Roman", Times, Georgia, "MS Serif", "New York", serif;
    color: #000000;			/* black */
    margin: 0px; 			/* margins are set to zero */
    padding-top: 0px; 		/* for Opera6 */
      }
H1 {					/* [PS] using H1 for page header (banner) */
 	font-size: 2.5em;
	font-style: italic;
	text-align: center;		/* was center; */
	color: #FFFFFF;	
	background-color: #C00000;	/* [PS] dark red - was 0000FF before */
	}
H2	{
 	font-size: 1.5em;
	font-family: "Comic Sans MS";
	font-weight: 700;	
    color: #000000;			/* black */
	}

.topbox	{				/* this is the same as .content except colors */
	background-color: #C00000
	;	/* dark blue */
	color: #FFFFFF;	
	border-width: 4px;
	border-style: outset;
	margin-left: 180px;	/*to position the content area to the right of the picture*/
    margin-right: 2px;	/*breathing space for the text*/
	max-width: 670px;	/* new 22 05 2004 */
	padding: 5px;		/*space to separate navigation and content*/
	}	
.content  {			/*this is the main content area*/
    background: #FFFFE0;	
    color: #003366;		/*to insure readability*/
	border-width: 4px;
	border-style: outset;
    margin-top: 4px;		/* to align with top of image*/
	margin-left: 180px;	/*to position the content area to the right of the picture*/
    margin-right: 2px;	/*breathing space for the text*/
	padding: 5px;		/*space to separate navigation and content*/
    max-width: 670px;	/*readbility even on big screens*/
	font-family: "Times New Roman", Times, Georgia, "MS Serif", "New York", serif;
 	font-size: 1.2em;
	width: auto;
    }
.alert	{
	font-style: italic;
	color: #FF0000;		/* red */
	}

.backup { /* use this for non-indented paragraphs */
/*  	margin: 0 0 0 -180px;	*/
  	FONT-SIZE: 0.8em;		
	FONT-WEIGHT: 600;
	LINE-HEIGHT: 110%;	
	width: 150px;
	text-align: center;
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND: none #C00 scroll repeat 0% 0%;  	
	color: #FFFFFF;
	}
A.backtop {
	color: #FFFFFF;
	background-color: #CC0000;
	display: block;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	border:4px outset #C0C0C0;
	}
A.backtop:link {
	BACKGROUND: none #C00 scroll repeat 0% 0%;
	color: #FFFFFF;
	text-decoration: none;
	border: 4px outset #C0C0C0;
	}
A.backtop:visited {
	BACKGROUND: none #C00 scroll repeat 0% 0%;
	color: #FFFFFF;
	text-decoration: none;
	border: 4px outset #C0C0C0;
	}
A.backtop:hover {
	BACKGROUND: none #C00 scroll repeat 0% 0%;
	color: #FFFFFF;
	text-decoration: none;
	border: 4px inset #C0C0C0;
	}

.box {		/*this is a box where the technical details go*/
	background: #FFFFFF;      
	color : #000099;
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    	font-size: 70%;
	padding : 2px;
	margin: 2px;
	border-color : #000000;
	border-style : groove;
	border-width : 2px;
	}

.frmd {			/* copied from .content - the main content area*/
    background: #FFFFE0;	
    color: #003366;		/*to insure readability*/
	border-width: thin;	
	border-style: groove;
    margin-right: 2px;	/*breathing space for the text*/
	padding: 5px;		/*space to separate navigation and content*/
    max-width: 670px;	/*readbility even on big screens*/
	font-family: "Times New Roman", Times, Georgia, "MS Serif", "New York", serif;
 	font-size: 1.0em; 
	width: auto;
	vertical-align: top;
    }