html {
 margin: 0;
 border: none;
 padding: 0;
 background-color: #fff;
 color: #000;
 font-family: Arial, Helvetica, Verdana, sans-serif;
}

body {
 background-color: #fff;
 margin: 0;
 padding: 0;
}

h1, h2, h3 {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 text-align: center;
 font-weight: 400;
 color: #043; 
 background-color: #fff;
 margin: 0px;
 border: none;
 padding: 5px 5%;
}

h1+h2 {
 padding-top: 0px;
}

h1 {
 text-align: center;
 font-size: 22px;
}

h2 {
 font-size: 20px;
}

h3{
 font-size: 18px;
}

h4, h5, h6 {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 text-align: left;
 color: #054;
 margin: 0; 
 padding: 10px 5%;
}

h4 {
 font-size: 16px;
}

h4+p {
 padding-top: 0px;
}

h4+ul {
 padding-top: 0px;
 margin-top: 0px;
}

h5 {
 font-size: 14px;
}

h6 {
 font-size: 14px;
}

p, a, b, strong, i, em, ol, ul, li {
 font-family:Arial, Helvetica, Verdana, sans-serif;
}

ol, ul, li {
 font-size: 14px;
}

p {
 text-align: left;
 font-size: 14px;
 font-weight: 400;
 color: #000;
 background-color: #fff;
 margin: 0;
 padding: 10px 5%;
}

p+p {
 padding-top: 0px;
}

p+ul {
 padding-top: 0px;
 margin-top: 0px;
}

ul+h4 {
 padding-top: 0px;
 margin-top: 0px;
}

a {
 color: #045;
 font-weight: 500;
 background-color: #fff;
}
a:hover {
 color: #009;
 background-color: #fff;
}

p.initial {
 font-size: 36px;
 font-weight: 400;
}

p.center {
 text-align: center;
}

.box {
 margin: 10px 5%;
 border: solid 2px #d44;
 padding: 10px 5%;
 background-color: #fff;
}

/* .whitebox {
 margin: 10px 5%;
 border: solid 2px #69f;
 padding: 10px 5%;
 background-color: #fff;
}

p.orangebox {
 margin: 10px 5%;
 border: solid 4px #f90;
 padding: 10px 5%;
 background-color: #ffc;
}

p.greenbox {
 margin: 10px 5%;
 border: solid 4px #9cc;
 padding: 10px 5%;
 background-color: #ffc;
}  */

b, strong {
 font-weight: bold;
}

blockquote {
 font-size:14px; 
 font-weight: 400;
 font-style: italic;
 margin-left: 7%;
 margin-right:7%;
 padding :0px;
}

i, em {
 font-style: italic;
}

hr {
 color: #903;
 background-color: #fff;
 margin: 0;
 padding: 0;
 width: 80%;
}

.imageL {
 float: left;
 margin-left: 5%;
 margin-right: 5%;
}

.imageR {
 float: right;
 margin-left: 5%;
 margin-right: 5%;
}

#main ul {
 padding: 10px 5%;
}

#main ul li {
 margin: 0;
 list-style-position: inside;
 list-style-type: circle;
}

#nav p.box {
 font-size: 12px;
 font-weight: 400; 
 margin: 0;
 padding: 2px 7px 0 5px;
 width: 97px;
 border-bottom: 0;
}

#nav ul {
 margin: 0;
 border: none;
 padding: 0;
}

#nav li {
 list-style: none;
 margin: 0;
 border: none;
 padding: 0;
 background-color: #fff;
}

#nav a {
 color: #fff;
 background-color: #054;
 display: block;
 text-align: left;
 text-decoration: none;
 font-size: 12px;
 font-weight: 300;
 padding: 5px 0 2px 5%;
 border-top: 4px solid #d44;
 border-right: 1px solid #903; 
 border-bottom: 4px solid #903;
 border-left: 1% solid #903; 
 margin: 0;
 width: 106px; 
}

#nav a:hover {
 color: #000;
 background-color: #fff;
 border-top: 4px solid #903;
 border-right: 1px solid #903; 
 border-bottom: 4px solid #d44;
 border-left: 1% solid #fff; 
}

#nav p {
 text-align: left;
 font-size: 12px;
 font-weight: 300;
 color: #000;
 background-color: #fff;
 padding: 5px 0 2px 5%;
 border-top: 4px solid #d44;
 border-right: 1px solid #903; 
 border-bottom: 4px solid #903;
 border-left: 1% solid #903; 
 margin: 0;
 width: 106px; 
}

#main table {
 margin: 0;
}

#main td {
 background-color: #9cf;
 border: 1px solid #034;
 padding: 0;
}

#main td h2 {
 color: #f90;
 background-color: #c36;
 padding: 0 2px 2px 2px;
 border-top: solid 10px #9cf;
 border-right: none; 
 border-bottom: solid 5px #9cf;
 border-left: none;
 margin: 0;
}

#main td p {
 color: #000;
 background-color: #9cf;
 border: none;
 padding: 4px 5%;
 text-align: right;
}

#main td p.left {
 text-align: left;
}

#main td p.center {
 text-align: center;
}

#main table.calend {
 border-collapse: separate;
/* table-layout: fixed; */
 border-spacing: 2px;
 margin: 10px 10px 20px 5%;
 border: none;
 padding: 0;
 width: 310px;
}

#main table.calend td {
 background-color: #fff;
}

#main table.calend td.label {
 width: 84px;
}

#main table.calend td.color {
 width: 40px; 
}

#main table.calend td.key {
 width: 172px;
}

#main table.calend td.day {
 background-color: #fff;
 border: 1px solid #d44;
 width: 40px;
}

#main table.calend p {
 display: block;
 margin: 0;
 padding: 2px 5px;
 color: #000;
 background-color: #fff;
 text-align: right;
}

#main table.calend p.left {
 text-align: left;
}

#main td p.month {
 color: #000;
 background-color: #fff;
}

#main td p.av {
 color: #000;
 background-color: #ffa;
}

#main td p.unav {
 color: #000;
 background-color: #9ab;
}

#main td p.avam {
 color: #000;
 background-image: url(avam.gif);
 background-repeat: no-repeat;
 background-attachment: relative;
}

#main td p.avpm {
 color: #000;
 background-image: url(avpm.gif);
 background-repeat: no-repeat;
 background-attachment: relative;
}

#main td p.ask {
 color: #000;
 background-color: #d44;
}

#main {
 padding: 0;
 border-right: solid 1px #903;
 margin: 0 18% 0 0; 
}
/* N4 cannot cope with border declaration in main or tab div - very odd */

#nav {
 margin: 0;
 border: none;
 padding: 0;
 width: 18%;
 float: right;
}

#footer {
 margin: 0px 0px 10px 0px;
 border-top: solid 1px #903; 
 border-bottom: solid 1px #903;
 padding: 0;
 clear: both;
} 

/* N6 doesn't recognise percentage border values */