body {font-size:76%; font-family:"arial", verdana; word-wrap:break-word;
background:#3CB01D; margin:0;}

#header {text-align: center;
background:#00CC00 url(../images/headermask.png);
background-repeat: repeat-x; 
background-position: center bottom;
overflow:hidden; min-height:30px; min-width:800px;}

#provinces {text-align: center;
background:#E6E6E6;
overflow:hidden; min-height:16px; min-width:800px;}

#greyline {text-align: center;
background:#000000 
overflow:hidden; min-height:2px;}
 
#outer1 {float:left; width:10%; text-align: center; min-height:700px; background:#E6E6E6;}
#outer2 {float:left; width:80%; background:#3CB01D;}
#outer3 {float:right; width:10%; background:#E6E6E6;}
#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}
#inner1 {float:left; background:#3CB01D;}
#inner2 {float:right; background:#3CB01D;}
#inner1, #inner2 {padding-bottom:32767px; margin-bottom:-32767px;}
#split1 {float:left;}
#split2 {float:right;}
#split1, #split2 {padding-bottom:32767px; margin-bottom:-32767px;}
#bottomnav1 {float:left;}
#bottomnav2 {float:left;}
#bottomnav3 {float:left;}
#bottomnav4 {float:left;}
#bottomnav5 {float:right;}
#bottomnav1, #bottomnav2, #bottomnav3, #bottomnav4, #bottomnav5 {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper {overflow:hidden; min-width:800px;}
#wrapper2 {overflow:hidden;}
#splitter {overflow:hidden;}
#footer {clear:both; text-align: center;
background:#3CB01D url(../images/bottom-line.png);
background-repeat: repeat-x; 
background-position: center top;
overflow:hidden; min-height:15px; min-width:800px;}
#bottom1 {float:left; text-align: left;}
#bottom2 {float:right;}
#bottom1, #bottom2 {padding-bottom:32767px; margin-bottom:-32767px;}
#spbottom {overflow:hidden;}
 
h1 {font-size:22px; margin:0; padding:7px 0; color:#000000;}
h2 {font-size:20px; margin:0; padding:8px 0;}
h3 {font-size:18px; margin:0; padding:8px 0;}
h4 {font-size:18px; margin:0; padding:8px 0;}
h5 {font-size:18px; margin:0; padding:8px 0;}
.sides {padding: 0px;}
.content {padding: 10px;}
.spacecontent {padding-left: 20%;}
.spaceright {padding-right: 20%; text-align:right;}
.inside {padding:3px; border:3px solid #000000; width:99%; background: #fff url('../images/hover-link.png') repeat-x center top;}
.frontinside {padding:3px; border:3px solid #000000; width:94%; background: #fff url('../images/hover-link.png') repeat-x center top;}
.insidebox {padding:3px;}
.tempinside {padding:3px; border:3px solid #000000; width:99%; background: #fff;}
p {font-size:16px; line-height:1.5em; margin:0; padding:5px 0;}
p.white {font-size:16px; line-height:1.5em; margin:0; padding:5px 0; color:white;}
li {font-size:14px; margin:0; padding:3px 0;}
span {font-size:18px; line-height:1.5em; margin:0; padding:5px 0;}
span.small {font-size:12px; margin:0; line-height:0.5em;}
span.charting {font-size:16px; line-height:1.2em; margin:0; padding:2px 0;}
td.lchart  {text-align:left; background: url('../images/inside-image.png') repeat-x center top;  height:34px;}
td.mchart  {text-align:center; background: url('../images/inside-image.png') repeat-x center top;}
#footer p {color:#000000;}

<!--[if lte IE 7]>
body {word-wrap:break-word;}
#outer2 {float:left; width:79.8%; background:#3CB01D;}
 
/* for IE6 */
* html #wrapper {display:inline-block;}
<![endif]-->

<style type="text/css">
a:link { color: blue }
a:active { color: navy }
a:visited { color: blue }
a:hover { color: navy }
a.ch2:link { color: white; }
a.ch2:visited { color: white; }
a.ch2:hover { color: navy; }
a.ch2:active { color: white;}
#footer a:link { color: white }
#footer a:visited { color: white }
#footer a:hover { color: navy }
#footer a:active { color: white }
#header a:link { color: white }
#header a:visited { color: white }
#header a:hover { color: white }
#header a:active { color: white }

.menu        { background-image: url('../images/link.png'); background-repeat: center top no-repeat}

.menu:hover  { background-image: url('../images/hover-link.png'); background-repeat: center top repeat-x;}
.menu:active  { background-image: url('../images/link.png');  background-repeat: center top no-repeat;}
.menu:visited  { background-image: url('../images/hover-link.png'); background-repeat: center top repeat-x;}