body{
	margin:0;
	padding:0;
	background-color: #DFE6EF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

p {
	margin-top: 0px;
	margin-bottom: 6px;
}

.textsmall  {
	font-size: .8em;
}

.centertext {
	text-align:center;
}


a:link       {color: red }
a:visited    {color: red }
a:hover      {color: green;}

table.navbar {
   border-collapse: collapse;
   }
table.navbar td {
 }
   
table.navbar td a{
   display: block;
   width: 139px;
   height: 22px;
   padding: 3px;
   text-decoration: none;

   
}
table.navbar td a:link, table.navbar td a:visited {
   color: white;
   background-color: green;
   font-size: 8pt;
   font-family: verdana;
   font-weight: bold;
   border-bottom: 1px solid black;
   border-left: 1px solid gray;
   border-right: 1px solid gray;


}
table.navbar td a:hover, table.navbar td a:active {
   color: red;
   background-color: #82FD86;
}

table.navbar2 {
   border-collapse: collapse;
   }
table.navbar2 td {
 }
   
table.navbar2 td a{
   display: block;
   height: 12px;
   padding: 2px 13px 2px 13px;
   text-decoration: none;
   

   
}
table.navbar2 td a:link, table.navbar2 td a:visited {
   color: white;
   background-color: green;
   font-size: 8pt;
   font-family: verdana;
   font-weight: bold;
   border-bottom: 1px solid black;
   border-left: 1px solid gray;
   border-right: 1px solid gray;


}
table.navbar2 td a:hover, table.navbar2 td a:active {
   color: red;
   background-color: #82FD86; 
  
}

/* background colours */
.redbg {
	background: red;	
}


/* ------------------ Content boxes with round borders and shadow effect (border show as square borders in IE but it still looks OK --------------*/
.shadowbox{
	
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 7px 7px 11px #818181;
-webkit-box-shadow: 7px 7px 11px #818181;
-moz-box-shadow: 7px 7px 11px #818181;
}


/*   Contenter boxes header and content classes*/
.boxhead {
	font-weight: bold;
	color: white;
	margin-left: auto;
    margin-right: auto;
	margin-top: 1px;
	margin-bottom: 4px;
	text-align:center;
}

/* This is to create the 'bottom border' or the shadow box without having to define it's height.  Content fills the shadowbox and the foot is added. */
/* Without this we have to specify the shadowbox height each time. */
.boxfoot {
	height: 13px;
}

.boxcontent {
	margin-left: auto;
    margin-right: auto;
	text-align:left;
	background-color:white;
	padding: 7px;
}