/* CSS Document */

*{ margin: 0px; padding: 0px;}
.clear{ clear:both; font-size: 1px;}

body {text-align: center; font-family:"Century Gothic", Arial, Verdana; background-color:#000000; background-image:url(images/bg.gif); background-repeat:repeat-x;}

#maintable { width: 768px; margin: auto; text-align: left; background-color:#FFFFFF; background-image:url(images/bg.gif); background-repeat:repeat-x;}

#navigation { width: 768px; position: absolute; text-align: right; font-size: 75%; top: 11px;}
#navigation a:link{ color:#FFFFFF; text-decoration: none;}
#navigation a:visited{ color:#FFFFFF; text-decoration: none;}
#navigation a:hover{ color:#FFFFFF; text-decoration: underline;}
#navigation a:active{ color:#FFFFFF; text-decoration: none;}

.arrow1{ position: absolute; top: 25px; margin-left: 278px;}
.arrow2{ position: absolute; top: 25px; margin-left: 347px;}
.arrow3{ position: absolute; top: 25px; margin-left: 451px;}
.arrow4{ position: absolute; top: 25px; margin-left: 586px;}
.arrow5{ position: absolute; top: 25px; margin-left: 706px;}

#container { background-color:#FFFFFF; padding-top: 40px; background-image:url(images/bg.gif); background-repeat:repeat-x;}
#container .dividers{ width: 768px; background-color:#FFFFFF;  position: absolute; text-align: right; font-size: 75%; top: 34px;}
#container .content{ margin-top: 30px;}
#container .content .left { width: 404px; float: left; margin: 0px 50px 0px 20px;}
#container .content .left h2{ font-size: 100%; margin-top: 6px; margin-bottom: 15px; line-height: 150%;}
#container .content .left p{ font-size: 80%; margin-top: 6px; margin-bottom: 15px; line-height: 150%;}
#container .content .left ul{ font-size: 80%; margin-top: 6px; margin-left: 20px; margin-bottom: 15px; line-height: 150%;}
#container .content .left ol{ font-size: 80%; margin-top: 6px; margin-left: 30px; margin-bottom: 15px; line-height: 150%;}
#container .content .left ul ul{ font-size: 100%;}
#container .content .left li{ margin-bottom: 10px;}
#container .content .left li li{ margin-bottom: 3px;}
#container .content .right { width: 274px; float: left; text-align:center;}
#container .content .footer { width: 730px; margin: 0px 19px 0px 19px; border-top: 1px solid #999999}
#container .content .footer p{ font-size: 70%; margin-right: 0px; text-align:right}
#container .content .footer .centre{ font-size: 70%; margin-bottom: 12px; margin-top: 5px; text-align:center}
#container .content .footer a{ color: #333333;}