body {
margin : 40px; 
padding : 0; 
font-family : sans-serif; 
font-size : 0.7em; 
line-height : 1.4em;
background-image:url(../art/cloudsbg.gif);
background-attachment:fixed;
} 

div#header {
margin:0;
padding : 0; 
background-color:#fff;
border:1px solid #fff;
border-bottom : medium ridge #000; 
height:100px;
width:99%;
} 

div#leftcolumn {
background-image:url(../art/field01a.gif);
height:1003px;
width:17%;
float:left;
}

div#maincontent {
background-color:#fff; 
color : #000000;
padding-left:1%;padding-right:1%;
padding-top:5px;
border-left:1px solid #000; 
min-height:1000px;
width:80%;
float:left;
}
/* -------------------------------- Navigation ------------------------------*/ 

ul#mainnav {
 background-color:#bfe2f9;
 text-align:center;
 list-style: none;
 margin: 0px;
 padding: 0px;
 width:100%;
 float:left;
}
  
ul#mainnav li {
 display:block;
 border-bottom: 1px solid #000;
 }

ul#mainnav li a {
 display: block;
 margin: 0px 0px 0px 0px;
 padding: 6px 6%;
 font: bold 1.2em /1.6 arial, sans-serif;  /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height  */
 color: #000;
 text-decoration: none;      /*  Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix  */
 }

ul#mainnav li a:hover {
 color:#fff;
 background-color: #79b2f5;
 }
 
ul#mainnav ul.subnav {
 margin: 0;
 list-style: none;
 padding:0;
 border: 0;
 }

ul#mainnav ul.subnav li {
 border-top:0;
 
 }

ul#mainnav ul.subnav li a {
 padding: 1%;
 padding-left:6%;
 margin: 0px;
 font: bold 0.9em /1.6 verdana, sans-serif;
 color: #000;
 background-color:#fdebcf;
 border: 0;
 }

ul#mainnav ul.subnav li a:hover {
 color: #fff;
 background-color:#898989;
 text-decoration: underline;
 }

h1 {text-align:center;color:#000080;background-color:#fff;font-family: Georgia,"Times New Roman",serif;font-size:16px;font-weight:700;}

h2 {text-align:center;}

h3 {text-align:right;color:#000080;background-color:#fff;font-family: Georgia,"Times New Roman",serif;font-size:16px;font-weight:700;}

p {font-family: arial,verdana,sans-serif;font-size:10pt;text-align:justify;}

p.cent {text-align:center;}

p.intro {text-align:justify;font-size:10pt;color:#000080;background:transparent;font-weight:599;}

p.author {text-align:center;font-size:12pt;color:#000;background:transparent;font-weight:800;}

p.top {text-align:center;font-size:10pt;font-weight:800;}

p.copyright {font-family:Arial,Verdana,Helvetica,sans-serif;margin:0;font-size:10px;color:#808080;background:transparent;text-align:center;text-decoration:none;}

a:link {text-decoration:none;color:#0000FF;background:transparent;}

a:visited {text-decoration:none;color:#0000FF;background:transparent;}

a:hover {text-decoration:none;color:#898989;background:transparent;}

a:active {text-decoration:none;color:#ff0000;background-color:#fff;}

.head {color:#ff0000;font-weight:700;font-size:12px;}

.foot {color:#0000ff;font-weight:700;}

.photo-right {margin:1px 0 1px 10px;}

.photo-left {margin:1px 10px 1px 0;}

.photo-center {margin:0 10px 0 10px;}