body {
font-weight: normal;
font-style: normal;
font-family:  sans-serif; 
font-size: 17px;
text-align: justify;
color: black;
background-color: #CCFFFF
}

.hbuttons a{
display: block;
text-decoration: none;
font: bold 13px Arial;
width: 78px;
height: 23px;
float: right;
display: inline;
margin-left: 8px;
#background-image:url(tabsquare.jpg);   #?????
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}

.hbuttons a:hover{
#background-image:url(tabsquareover.jpg);   #????
}

h1{
font-family: Verdana, sans-serif;
font-weight: bold;
font-style: oblique;
font-size: 40px;
text-align: center;
}

h2{
font-family: sans-serif;
font-weight: bold;
font-size: 22px;
text-align: left;
}

h2.white{
background-color: #667788;
color:white
}



h3{
font-family: sans-serif;
font-weight: bold;
font-size: 19px;
text-align: left;
}

h4{
font-style: italic;
font-size: 18px;
text-align: center;
}

tt{
font-size: 14px;
}

#container { /*This holds the whole page and keeps it centred.*/
	width: 95%;
	/*background: url(alhambra.jpg) no-repeat top;*/
	margin: 0px auto 0px auto;
background-color:  #CCFFFF
	}
#boxcode { /*This holds the whole page and keeps it centred.*/
	width: 600px;
	/*background: url(alhambra.jpg) no-repeat top;*/
	margin: 0px auto 0px auto;
background-color: #FFFFFF;
  border-color: #000;
  border-width: 1px 1px 1px;
  border-style: solid;
	}

.box
{
   background: #ffffff;
  border-color: #000;
  border-width: 1px 1px 1px;
  border-style: solid;
  min-height: 5ex;
}


a:link{
color: #008800;
text-decoration: none;
}



a:visited{
color: #001188;
text-decoration: none;
}

a:hover{
color: red;
text-decoration: underline;
}

a:active{
color: red;
text-decoration: underline;
}

table{
border: 0;
width: 100%;
}

.contact{
font-family:  serif; 
font-weight: 100;
font-style: oblique;
font-size: 16px;
text-align: center;
}

.todo{
font-weight: bold;
}

.footer{
text-align: right;
font-style: italic;
font-size: 14px;
}

.smaller{
font-size: 14px;
}

.inset1{
margin-left: 20px;
}

.inset2{
margin-left:40px;
}

.centre{
text-align: center;
}
.left{
text-align: left;
}

P.copyright { font-size: smaller }
P.Large { font-size: 2.1em; }
P.trespetit { font-size: 0.5em; }
P.semipetit { font-size: 0.9em; }