@charset "utf-8";
/* ZHFL CSS Rules */

/* 1. General Styles and Browser Virtual Elements Handling */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0;padding: 0;}
body, html {height: 100%; margin: 0 0 1px; padding:0;}
html {background-image:url(background.png); background-repeat:repeat-x; background-attachment:fixed;}
body  {font: 100% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#003366;}
ul {list-style-type:none;}
.links {border-bottom-style:none;
border-style:none;}
border-bottom-width:0px;}

img#rightpic {position:fixed; bottom:1px; right:0px;}
.corner {position:fixed; bottom:1px; right:0px;}



#navigation a:link {color:#003366; text-decoration:underline;}
#navigation a:visited {color:#003366; text-decoration:underline;}
#navigation a:hover {background-color:#66cc00; color:white; text-decoration:none; }
#navigation a:focus {background-color:#66cc00; color:white; text-decoration:blink;}

#maincontent a:active, a:focus {text-decloration:none;}/*To be amended*/
#maincontent a:link {color:#003366;}
#maincontent a:visited {color:#003366;}
li a{display:block;padding:2px;}

/* 2. DIV POSTION CONTROL */

div#container{float:none; width:761px; height:auto;}
div#header{float:left; width:761px; height:200px; /*Space away from lower div -->*/ padding-bottom:5px;}
div#header h1 {text-indent:-9999px; width:900px; height:200px; margin:0px; padding:0px; background:url(banner.png) no-repeat;}
div#content{width:752px;}
div#main{width:550px; height:auto; float:left;}
div#mainheader{position:relative; float:left;background-image:url(header.png); background-repeat:no-repeat; width:547px; height:34px;}
div#mainheader p {position:inherit;font-size:11px;;margin-right:1em; text-align:right;}
div#mainmiddle {position:relative; float:left;background-image:url(main.png); background-repeat:repeat-y; width:547px; height:auto;}
div#maincontent {width:520px;}
div#maincontent img {padding:2px; padding-right:5px;}
div#maincontent p {font-size:12px; text-align:left;}
div#maincontent blockquote {font-size:12px; font-style:italic; text-align:left;}
div#maincontent li{font-size:12px; padding-top:10px; list-style-type:disc; text-align:left; list-style-position:inside;}

div#maincontent h3 {font-size:12px;text-align:left;}
div#maincontent h2 {font-size:12px; font-style:italic;text-align:left;}
div#mainfooter{position:relative; float:left;background-image:url(footer.png); background-repeat:no-repeat; width:547px; height:34px;}
div#mainfooter p {font-size:12px;}

div#navigation{width:200px;height:600px; float:right;background-image:url(nav.png);background-repeat:no-repeat;}
div#navcontent{width:190px;}
div#navcontent p {font-size:10px; font-style:italic;}
div#navcontent li {font-size:12px;}

div#mainfunders {width:520px;}
div#mainfunders img {padding:2px; padding-right:5px;}
div#mainfunders p {font-size:12px; text-align:left;}
div#mainfunders blockquote {font-size:12px; font-style:italic; text-align:left;}
div#mainfunders li{font-size:12px; padding-top:10px; list-style-type:none; text-align:left; list-style-position:inside;}

div#mainfunders h3 {font-size:12px;text-align:left;}
div#mainfunders h2 {font-size:12px; font-style:italic;text-align:left;}
div#mainfooter{position:relative; float:left;background-image:url(footer.png); background-repeat:no-repeat; width:547px; height:34px;}