/*If the border and padding are zero then ie and w3c are the same the "dimension" embraces the content. The margin lies outside the "dimension"*/
body {line-height: 135%; font-size: 95%;  text-align: center; background: #E2E2FF /*url(../images/bgrndwhite.jpg) repeat-y center top*/}

#page-container {position: relative; color: #440000; margin: 0px auto; text-align: left; font-family: Verdana ,Tahoma, arial, FreeSans ,sans-serif; max-width: 860px; min-width: 790px; background-color: white; border: solid 1px #A3A3FF}
#page-container a:link, a:visited, a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #BB3800/*BB0000*/; background-color: #FFFFFF}
#page-container a:hover {text-decoration: none; color: #FFFFFF; background-color: #883800;}

#wrapper {background-color: white; margin: 20px}

#banner {position: relative; height: 60px; background: #A3A3FF url(../images/headermain.jpg) no-repeat; background-position: 4px 9px; margin-bottom: 20px}
#rhsend {float: right; height: 60px; width: 18px; background-image: url(../images/rhsend.jpg); background-repeat: no-repeat;}
#lhsend {float: left; height: 60px; width: 18px; background-image: url(../images/lhsend.jpg); background-repeat: no-repeat;}
#ozmap {position: absolute; left: 312px; top: 9px; background-image: url(../images/australia.jpg); width: 48px; height: 45px; background-repeat: no-repeat;}

#navbartop ul {position: absolute; z-index: 1; top: 15px; right: 40px}
#navbartop ul li {display: inline;}

#leftcolumn {float: left; width: 27%;}
#rightcolumn {float: right; width: 70%; border-left: solid 3px #E2E2FF; margin: 0; padding: 0}
.leftpanel {position: relative; width: 95%; margin: 0px 0px 20px 0px; min-height: 150px; background-color: #E2E2FF; padding: 10px 5px 14px 17px;}
.rightpanel {position: relative; margin: 0 0 10px 10px; padding: 2%; background-color: #E2E2FF}

.left_top {position: absolute; left: 0; top: 0; background: url(../images/left_top.jpg) no-repeat; width: 19px; height: 19px}
.right_top {position: absolute; right: 0; top: 0; background: url(../images/right_top.jpg) no-repeat; width: 19px; height: 19px}
.left_bot {position: absolute; left: 0; bottom: 0; background: url(../images/left_bot.jpg) no-repeat; width: 19px; height: 19px}
.right_bot {position: absolute; right: 0; bottom: 0; background: url(../images/right_bot.jpg) no-repeat; width: 19px; height: 19px}

.clearfloat {height: 0px; clear: both;}

#introduction {min-height: 70px; margin: 25px 0 25px 0}
#headpic {float: left; margin: 5px 10px 10px 10px; width: 73px; height: 70px; background-image: url(../images/swerdna.jpg);}

#footer {margin-top: 10px; padding: 2px; border-top: solid 1px #A3A3FF; border-bottom: solid 1px #A3A3FF; margin-bottom: 5px; background-image: url(../images/email.jpg); background-repeat: no-repeat; background-position: center right; font-size: 75%}