BODY       {font-family: arial, helvetica, sans-serif;
	    color: black;  
	    margin: 0;
        min-width: 53em; 
	/*min-width:850px;*/
	    background-color: #ffffff;
        background-repeat: repeat-x;
        background-image: url(sky-gradient.jpg);}

TABLE	{ border-left: 0; 
		border-right: 0}
TD	{FONT-SIZE: 85%;  padding: 5px 15px 5px 15px }

sup, sub	{
	font-size:80%
}

P	{margin-top:0; margin-bottom:0.5ex; font-size:85%; }
.compact	{margin-top:1pt; margin-bottom:0.1ex}

.indent ul {
	margin-bottom:0.2ex;
}
.indent P	{
	margin-top: 0;
	margin-left: 3em;
}

A               {TEXT-DECORATION: underline;  }
A:link          {COLOR: #000000; }
A:visited       {COLOR: #444444; }
A:hover         {COLOR: #0000cc; }
A:active        {COLOR: #000000; }

h1        { font-size:x-large; margin-bottom: 0.8em; margin-top: 1.2em; }
h2        { font-size:large; margin-bottom: 0.4em;  margin-top: 0.8em; }
h3        { font-size:medium ;  margin-bottom: 0.2em;  margin-top: 0.5em; }
h4        { font-size:medium;   margin-bottom: 0.1em;  margin-top: 0; }
h5        { font-size:small; margin-bottom: 0.4em;  margin-top: 0; }

OL li        { margin-top: 0; margin-bottom: 0.8em; font-size:85% }
OL           { margin-top: 0; margin-bottom: 1.0em; margin-left: 0; 
	padding-left:2.0em }

UL li    { margin-top: 0; margin-bottom: 0.2ex; font-size:85%}
UL       { margin-top: 0; margin-bottom: 1.0ex; margin-left: 0 ; 
	padding-left: 2.0em ;}

.header     {text-align:center; 
	border-top: 0;
	padding: 0.4em 0 0.1em 0;
	background-image: url(Cumulo-nimbus-120-1000.jpg);
	}

.header h1 {margin-bottom: 0.3ex;  margin-top: 0.2ex;}
.header h2 {margin-bottom: 0;  margin-top: 0.2ex; }
.header h4 {font-weight:bold; margin-bottom: 1.0ex;  margin-top: 0; }

.header-right-panel {position: relative; 
	float:right; 
	top: 3ex;  
	right: 1em; 
	width: 5em;
	min-height:5ex;
	font-size:85%;
	text-align:center; }

.header-left-panel {position: relative; 
	float:left; 
	top: 3ex;  
	right: 1em; 
	width: 5em;
	min-height:5ex;
	font-size:85%;
	text-align:center; }

.body {position:relative; }

.left { 
	float:left; 
	width:8em;
	font-size:85%; 
	border:0;
	/*min-height:720px; */
	/*border-right:1px solid #F2E03E;*/
	margin:0.4em 0.8em 0 0.4em; 
	padding:0.4em; 
	}

.right { 
	float:right; 
	width:12em; 
	border:0;
	/*min-height:720px; */
	/*border-left:1px solid #F2E03E;*/
	margin:0.5em 0.5em 0.5em 0.5em; 
	padding:0.4em;
	font-size:92%;
	} 
	
.middle { 
	margin: 0.5em 0.5em 0.5em 0.5em;
	/*min-height:35ex;*/
	min-height:40ex;
	/*min-width:500px;*/
	/*border:1px solid #F2E03E; */
	border-top:0;
	border-bottom:0;
	overflow:hidden;
	padding:0.5em;
	/*line-height:1em; */
	}

.no_min_height {
	min-height:0	
}

.nav {position: relative; }  

.nav ul	{margin: 0; padding: 0; list-style-type: none; }
.nav li	{margin: 0.5em; font-size:100%}

.nav li A       { border: 1px ridge black;
		display: block;
/*		background-image: url(../images/bkground-80ECFF.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		background-colour: #80ecff;*/
		width:5.5em; 
		font-weight: bold; 
		padding: 0.5ex 0.4em 0.5ex 1em;}

.nav A       { /*border: 0px ridge black;*/
		display: block;
		font-weight: bold; 
		padding: 3pt 3pt 3pt 2em;}

.nav A:link    {TEXT-DECORATION: none;  }
.nav A:visited {TEXT-DECORATION: none;  }
.nav A:hover   {TEXT-DECORATION: underline;  
/*		background-image: url(../images/bkground-ffff99.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		background-colour: #ffff99;*/
	}
.nav A:active  {TEXT-DECORATION: underline;  }

.nav#flag p { margin: 0px 0px 0px 0px; }

.nav#flag A    { border-style: none;
		font-weight: normal;
		padding: 0px 0px 0px 0px;}

.warning     { color: red; }

.footer      { font-size:90%; 
		/*font-weight: bold; 
		border-bottom: 0;
		border-top: 1px solid black; 
		background-color: #ffff99;*/
		background-color: #86a0d3;
        text-align:center;
        padding-top:1ex;
        padding-bottom:1pt; }

.form        { border: 1px solid black; 
		margin-top: 0px ;
		margin-bottom: 0px; 
		background-color: #ffff99      }

.box	{border: 1px solid black; 
		margin:auto;
		margin-top: 0px; 
		margin-bottom: 1em;
		padding: 1em;
		background-color: #ffff99;
		width:220px;
		font-size:medium; 
		font-weight:bold;
		text-align:center}

.laribox	{border: 1px solid black; 
		margin: 0em 0em 1em 0em;
		padding: 0.5em;
		background-color: #dbb553;
		font-size:medium;
}

.plain	{border: 0;}
HR           { margin-top: 0px; margin-bottom: 0px }

img	{border: none;}

	
<!--[if IE 5]>
<style>
.nav1 a		{height: 1em;
		 float:left;
		 clear: both;
		 width: 100%;
		}
</style>
<![endif]-->
<!--[if IE 6]>
<style>
.nav1 a 	{height: 1em; }
</style>
<![endif]-->

/*
.further-info ul    {margin-top:1ex}
.further-info ul li {font-size:smaller; font-weight:bold; }

div.left-panel {position: absolute;  
	top: 0em; 
	left: 2em;  
	width: 9em; 
	font-size:85%; 
	z-index:1; }

div.main {position:relative;
	margin: 1em 0em 1em 0em;
	padding: 0em 2em 0em 10em; 
	}

div.center {position:relative; left:0; right:0; text-align:center; }
*/