/* STYLESHEETCC */

H1	{	
	font-family: Arial, Times New Roman, Comic Sans MS;
	font-size:  10px;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	

		
H2	{	
	font-family: Arial, Times New Roman, Comic Sans MS;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	
		
H3	{	
	font-family: Arial, Times New Roman, Comic Sans MS;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	    
 
body
{
background-color:#808080;
}
		
#container 
{ 
position:absolute; top:20px; margin-left:50px;
width:700px; height:auto; /* auto means it will take its height from the other elements */
background-color:#ffffff;
border:3px;
border-style:solid;
border-color:black;
font-family:Arial, Times New Roman, Comic Sans MS;
font-size:10; 

}

#header_left
{
position:relative; top: 0px; left:0px;
/* position set as relative so that fulro_one will sit underneath the headers*/
width:525px;
height:50px;
margin:0px;
background-color:#0000ff; /* blue */
border-bottom-style:solid; 
border-bottom-color:Black; 
border-bottom-width:1px; 
font-family:Arial, Times New Roman, Comic Sans MS;
font-size:20px;
font-style:italic;
color:yellow;
line-height:110%;
padding:5px;
}

#header_right
{
position:absolute; top:0px; right:0px;
width:175px;
height:50px;
margin:0px;
background-color:#0000ff;  /* blue */
border-bottom-style:solid; 
border-bottom-color:Black; 
border-bottom-width:1px; 
border-left-style:solid;
border-left-width:1px;
border-left-color:Black;
font-family:Arial, Times New Roman, Comic Sans MS;
font-size:17px;
font-style:normal;
font-weight:bold;
color:yellow;
line-height:110%;
padding:5px;	
}

#footer /* Runs across the container is the equivalent of a table row  */
{

width:100%;
height:25px;
margin:0px;
background-color:#ffffff;  /* blue */
border-bottom-style:solid; 
border-bottom-color:Black; 
border-bottom-width:1px; 
font-family:Arial, Times New Roman, Comic Sans MS;
font-size:12px;
font-style:italic;
color:yellow;
line-height:110%;
padding:0px;
}

#gooter /* Runs across the container is the equivalent of a table row  */
{

width:100%;
height:25px;
margin:0px;
background-color:#ffffff;  /* blue */
border-bottom-style:solid; 
border-bottom-color:Black; 
border-bottom-width:1px; 
font-family:Arial, Times New Roman, Comic Sans MS;
font-size:12px;
font-style:italic;
color:yellow;
line-height:110%;
padding:0px;
}

#fulro_one /* Runs across the container is the equivalent of a table row  */
{

width:700px;
height:25px;
background-color:#800080; /*purple*/
border-bottom-style:solid; 
border-bottom-color:Black; 
border-bottom-width:1px; 
font-size:10px;
font-style:italic;
color:yellow;
padding:0px;
}

.treq /* Runs across the container is the equivalent of a table row  */
{

width:660px;
height:auto;
background-color:#ffffff; /* white */
line-height:150%;
border: solid 0px black; 
text-align:justify;
font-size:12px;
font-style:normal;
color:black;
padding:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px
}

.treq_small /* Runs across the container is the equivalent of a table row  */
{

width:660px;
height:auto;
background-color:#ffffff; /* white */
line-height:150%;
border: solid 0px black; 
text-align:justify;
font-size:12px;
font-style:italic;
color:black;
padding:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px
}

.treq_hdr
{
width:660px;
height:auto;
background-color:#ffffff; /* white */
line-height:150%;
border: solid 0px black; 
text-align:justify;
font-size:17px;
font-style:normal;
font-weight:bold;
color:black;
padding:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px
}

.spacer_10 /* The figure is the height in px */
{
width:700px;
height:10px; 
background-color:#ffffff;  /* white */
padding:0px
}

.spacer_25 /* The figure is the height in px */
{
width:700px;
height:25px; 
background-color:#ffffff;  /* white */
padding:0px
}

/* The meaning of the following five items is described on Castro p141  */
/* They are all to do with the appearance of the links and do not work properly */

a:link {color:blue;}	
		
a:visited {color:blue;}
		
a:focus {color:yellow; }

a:hover	{color:brown;}
		
a:active {color:yellow;}	
		
/* End of Castro p141 comments  */
 
/* END OF STYLESHEETCA */