body {margin:1em;padding:0;color:black;background: #66cc66; }
p {font-size: 1em; font-family: "comic sans MS","Times New Roman", serif; }
p.odd {background-color: #ffff99; width:70%}
p.even {background-color: #ffffcc; width:70%}

li {font-size: 1.1em; font-family: "Times New Roman", serif;}
b {font-size: 1.2em; }
p.outset {border-style: outset}
.hlight {background: #ffffff; color: #000000; font-size: 120%}
ul {list-style-image: url("http://auckland.cssnz.org/list.gif")}

table {background-color: #ffffff; padding: 1em ; border: thin double green outset 5pt; width:100%;border-collapse: separate; border-spacing: 5pt }
td { border: inset 1pt }
td.simple { border: inset 0pt }
table.subs {background-color: #ffffff; padding: 2em ; border: thin double green ; width:50%}

.floatleft { float: left; }
.firstletterlarge:first-letter{font-size:300%; float:left; color:white;}
.subscript { vertical-align: sub }
.red {color: red; font-size: 150%}
#header {top:0;left:0;height:auto;color:black;background:#66cc66;text-align: center; }
#main {margin-left:11em;padding:0 3em 1em;background: #66cc66;}
#nav {position:absolute;top:8em;left:0;width:12em;background: #66cc66;color: maroon;text-align: center;}
#footer {width:100%;text-align:center;margin-top:20px;padding: 0.5em;color:black;background:#66cc66;}

h1.head {color: #006600 ; background-color: transparent ; width: 90%; font-size: 250%; padding: 10Px; letter-spacing : 0.16em; text-align: center; }
h1.main {color: #006600 ; background: white; width: auto; font-size: 130%; padding: 5Px; letter-spacing : 0.2em; }
h2.main {color: white ; background: #006600 ; width: 90%; font-size: 120%; padding: 10Px; }
h3.main {color: white ; background: #006600 ; width: 80%; font-size: 110%; padding: 5Px; }
h4.main {color: #ffffff ; background: $006600 ; width: 90%; font-size: 100%; padding: 5Px; text-align:center; border-style: outset;border-width: 10px}

a:link {text-decoration:underline; color;blue;}
a:visited {text-decoration:none ; color:purple;}
a:hover {text-decoration:none ; color:red;}

div.menu {color: black ; background: #dcdcdc ; border: 1px outset #808080 ; margin: 2px 2px; font-size: 140%;}
div.submenu {color: black ; background: #dcdcdc ; border: 1px outset #808080 ; margin: 2px 2px; font-size: 80%;}

a.menubutton {text-decoration: none ; color: black ; background: #dcdcdc ; display: block ;}
a.menubutton:visited {text-decoration: none ; color: black ; background: #dcdcdc ;}
a.menubutton:active {text-decoration: none ; color: yellow ; background: black ;}
a.menubutton:hover {text-decoration: none ; color: yellow ; background: black ;}