/*
headings: 156, 0 0 --> #003366
purple: 115, 68, 222 --> #003366
blue: 65, 68, 222 --> #003366
body background: 189, 186, 189 --> #ffffff
body centre: 222,222,222 --> #ffffff
menu & top heading background: 205,206,205 --> #ffffff
hover link colour: 65,137,255 --> #003366
hover bg colour:   238,238,238 --> #bfd8c2
*/

body {
 font-size:        1em;
 color:            #000000; 
 background-color: #ffffff;
 margin-top:       0px;
 margin-left:      0px;
 margin-width:     0px;
 margin-height:    0px;
}

body {
 font-family: Helvetica, sans-serif;
}

.larger { font-size: 1.3em; }
.smaller { font-size: 12px; }
.tiny { 
font-size: 10px;
color: #666666;
}

.endbar {
 font-size:        0.70em; 
 font-weight:      bold;
 color:            #7344de;
 background-color: #cdcecd;
 padding-top:       0.40em;
 padding-bottom:    0.40em;
}
.endbar a { 
 color:            #4144de;
 text-decoration:  none;
}
.endbar a:hover {
	color:            #ffffff;
	background-color: #bfd8c2;
}

h1,h2 {
 font-weight:   normal;
 color:         #003366;
}

h1 { font-size: 18px; }
h2 { font-size: 16px } 

.main {
 font-size:        .90em;
 background-color: #ffffff;
 padding-bottom:    50px;
}
dt {
 color: #7344de;
 font-weight: bold;
}
dd {
 margin-left:   1.3em;
 margin-bottom: 1.0em;
}

code, pre {
 color: #733031;
}

.nav {
 font-size: .5em; 
 color:            #003366;
 background-color: #ffffff;
 padding-top:      0em;
}
.l0 {
 font-size: 14px;
 color: #003366;
 font-weight: bold;
 padding-left: 6px;
 border-bottom: 1px solid #cccccc;
}
.l1 {
 font-size: 14px;
 color: #003366;
 padding-left: 6px;
 border-bottom: 1px solid #cccccc;
}
.l2 {
 font-size: 12px;
 color: #003366;
 padding-left: 12px;
 border-bottom: 1px solid #cccccc;
}
.nav a {
 display: block;
 width:   100%;
 color:   #003366;
 text-decoration: none;
}
.nav a:hover {
 color:            #669966;
}

td.verthead {
  font-weight: bold;
  padding-top: 1em;
}


.contents {
	padding: 0em 0em 0em 0em;
}
.contents a {
 color:            #003366;
 font-weight:      bold;
 text-decoration:  underline;
}
.contents a:hover {
 color:            #4189ff;
 background-color: #ffffff;
}

td {
  font-size: 12px;
  font-family: Helvetica, sans-serif;
  vertical-align: top;
}