/* ~~~~~~~ Define various HTML elements ~~~~~~~ */
body {
font-family: verdana, arial, helvetica, sans-serif;
background: #ffffff;
color: #000000;
}
p, br {
font-family: verdana, arial, helvetica, sans-serif;
font-size: .8em ;
line-height: 1.4em;
}
ul, ol, dl {
font-family: verdana, arial, helvetica, sans-serif;
font-size: .8em;
line-height: 1.4em;
margin-top: 0px ;
margin-bottom: 0px ;
margin-left: 55px;
margin-right: 20px;
}
/* ~~~~~~~ Define colours for links ~~~~~~~ */
a:link {
color: #0000cc;
font-weight: normal;
}
a:visited {
color: #0000cc;
font-weight: normal;
}
a:hover {
color: #990066;
background: #cccccc;
font-weight: bold
text-decoration: none;
}
a:active {
color: #990066;
font-weight: normal;
}
.return {
font-size: 75%;
text-align: right;
padding: 0px 5px 0px 5px;
}
.return a:link {
color: #0000cc;
font-weight: normal;
text-decoration: none;
}
.return a:visited {
color: #0000cc;
font-weight: normal;
text-decoration: none;
}
.return a:hover {
color: #cccccc;
background: #cccccc;
border-bottom: 2px solid #cccccc;
border-top: 2px solid #cccccc;
font-weight: normal;
}
.return a:active {
color: #990066;
font-weight: normal;
}
/* ~~~~~~~ Define headings H1 etc ~~~~~~~ */
h1, h2, h3, h4, h5, h6, b, tr, td, th {
font-family: verdana, arial, helvetica, sans-serif;
}
h1 {
font-size: 1.1em;
text-align: center;
}
h1.green {
font-size: 1.1em;
text-align: center;
background: #d1e6e7;
color: black;
margin-top: 0px;
padding: 3px 0px 3px 0px ;
border-bottom: 4px solid #669999;
}
h2 { font-size: 1em; }
/* ~~~~~~~ Define navigation links, title, headings and returns ~~~~~~~ */
.topnav {
font-size: .8em;
}
.topnavnow {
font-size: .8em;
color: black;
font-weight: normal;
}
.title {
margin: 0 2.5% 0.75% 2.5%;
padding: 0.25em;
color: black;
background: #99cccc;
text-align: center;
border: 1px solid black;
}
.heading {
float: left;
font-size: 80%;
font-weight: bold;
text-align: left;
margin: 0.6em 0.5em .1em 0.6em;
padding: 0.3em 0.5em 0.4em 0.5em;
background: #669999;
color: white;
border: 1px solid black;
}
.heading a:hover {
font-weight: bold;
background: #669999;
color: white;
}
/* ~~~~~~~ Define divider for LINKS page ~~~~~~~ */
.linksdiv {
font-size: 80%;
font-weight: normal;
text-align: left;
margin-left: 2em;
padding-left: 1em;
background-color: #cccccc;
border-bottom: 1px solid #669999;
border-top: 1px solid #669999;
}
.linksdiv2 {
color: #669999;
font-size: 85%;
font-weight: bold;
text-align: center;
background-color: #eeeeee;
border: 1px solid #669999;
}
.linksdiv3 {
color: #000000;
font-size: 80%;
text-align: center;
background-color: #eeeeee;
border: 1px solid #669999;
}
/* ~~~~~~~ Define container for main body of text ~~~~~~~ */
#main {
width: 90%;
margin: 0 0 0 4.5%;
padding: 3px;
background: #d1e6e7;
border: 2px solid #669999;
}
#main a:link {
color: #0000cc;
font-weight: normal;
border: 1px dashed white;
padding: .1em .1em .1em .1em;
}
#main a:visited {
color: #0000cc;
font-weight: normal;
border: 1px dashed white;
padding: .1em .1em .1em .1em;
}
#main a:hover {
color: #990066;
font-weight: normal;
background: #eeeeee;
border: 1px dashed gray;
text-decoration: none;
padding: .1em .1em .1em .1em;
}
#main a:active {
color: #990066;
font-weight: normal;
border: 1px dashed white;
text-decoration: underline;
padding: .1em .1em .1em .1em;
}
#main p {
margin: 1px;
padding: .5em 1em;
}
#main p.greyback {
font-size: .8em;
line-height: 1em;
font-weight: bold;
text-align: left;
padding: .2em .5em .2em .5em;
margin: 1em 1.4em .5em 1.2em;
border-top: 1px solid #669999;
border-bottom: 1px solid #669999;
background-color: #eeeeee ;
}
#main p.greyback2 {
font-size: .8em;
line-height: 1em;
font-weight: normal;
text-align: left;
padding: .2em .5em .2em .5em;
margin: 1em 1.4em .5em 1.2em;
border-top: 1px solid #669999;
border-bottom: 1px solid #669999;
background-color: #eeeeee ;
}
#main p.shaded {
padding: .2em .5em .2em .5em;
margin: 1em 1.5em .5em 1.3em;
border: 1px dotted #669999;
background: white;
}
#main p.boxthick {
border: thick solid #669999;
margin: 0px;
padding: 1em;
}
#main p.boxthin {
border: thin solid #669999;
margin: 0px;
padding: .5em 0em;
font-weight: bold;
}
#main td.boxthin {
border: 1px solid gray;
background-color: #ffffff;
margin: 0px;
padding: 0em;
font-weight: bold;
}
td.boxthin a:link {
color: #0000cc;
font-weight: bold;
}
td.boxthin a:visited {
color: #0000cc;
font-weight: bold;
}
td.boxthin a:hover {
color: #990066;
background: gray;
border: 1px dashed gray;
font-weight: bold;
padding: .15em .1em .25em .1em;
}
td.boxthin a:active {
color: #990066;
font-weight: bold;
}
/* ~~~~~~~ Define container for the sidebar menu ~~~~~~~ */
.column1 {
background: #d1e6e7;
}
.column2 {
background: #669999;
}
.column3 {
background: #bbbbbb;
}
#sidemenu {
float: left;
clear: left;
width: 90%;
margin: 8px 10px 2px 2px;
padding: 0.5px;
border: 1px solid black;
background: #eeeeee;
font-size: 80%;
}
#sidemenu p { line-height: 150%; }
#sidemenu a:link {
color: #0000cc;
background: #eeeeee;
text-decoration: none;
padding: .1em .1em .1em .1em;
}
#sidemenu a:visited {
color: #0000cc;
background: #eeeeee;
text-decoration: none;
padding: .1em .1em .1em .1em;
border: none ;
}
#sidemenu a:hover {
color: #990066;
background: white;
font-weight: normal;
text-decoration: none;
padding: .1em .1em .1em .1em;
}
#sidemenu a:active {
color: #990066;
background: white;
}
#related {
float: left;
clear: left;
width: 90%;
margin: 8px 10px 2px 2px;
padding: 0.5px;
border: 1px solid black;
background: #eeeeee;
font-size: 80%;
}
#related p { line-height: 150%;}
#related a:link {
color: #0000cc;
background: #eeeeee;
text-decoration: none;
padding: .1em .1em .1em .1em;
}
#related a:visited {
color: #0000cc;
background: #eeeeee;
text-decoration: none;
padding: .1em .1em .1em .1em;
border: none;
}
#related a:hover {
color: #990066;
font-weight: normal;
background: white;
text-decoration: none;
padding: .1em .1em .1em .1em;
}
#related a:active {
color: #990066;
font-weight: normal;
background: #eeeeee;
text-decoration: none;
padding: .1em .1em .1em .1em;
border: none;
}
/* ~~~~~~~ Define boxed outline for page ~~~~~~~ */
div.box1green {
margin-left: 4%;
margin-right: 4%;
margin-bottom: 0%;
margin-top: 0%;
border: solid;
border-color: #669999;
border-width: medium;
width: 92%; }
td.boxedg1 {
border: solid;
border-color: #669999;
}
.boxedg1 a:link {
color: black;
font-weight: bold;
text-decoration: none;
}
.boxedg1 a:visited {
color: black;
font-weight: bold;
text-decoration: none;
}
.boxedg1 a:hover {
color: #990066;
background: white;
border: 1px dashed gray;
font-weight: bold;
text-decoration: none;
padding: .0em .0em .0em .0em;
}
.boxedg1 a:active {
color: #990066;
font-weight: bold;
}
.textg1 a:hover {
color: #990066;
background: white;
border: 1px dashed gray;
font-weight: bold;
text-decoration: none;
padding: .0em .0em .0em .0em;
}
/* ~~~~~~~ Define print settings ~~~~~~~ */
@media print {
.column1, .column2, .column3 {display:none;}
.sidemenu { display:none;}
#main { background: white; border: 1px solid #669999;}
.return { display: none;}
}