/* background colour 4b96e1 */

body {
background-color:#4b96e1;
}

p {
font:12pt Comic Sans MS;
margin:1em;
}

ul.disc {
list-style-type:disc;
font:12pt Comic Sans MS;
margin:2em;
list-style-position:inside;
}

ol.decimal 
{
list-style-type:decimal;
font:12pt Comic Sans MS;
}


h1 {
font:bold 16pt Comic Sans MS;
margin:1em;
}
h2 {
font:bold 14pt Comic Sans MS;
margin:1em;
}

h3 {
font:bold 12pt Comic Sans MS;
margin:1em;
}

.red {
font:bold 12pt Comic Sans MS;
color:red;
margin:1em;
}

.normal {
font:12pt Comic Sans MS;
margin:1em;
}

.center {
text-align:center;
padding:5px;
display:block;
margin-left:auto;
margin-right:auto;
}

img {
padding:5px;
}


img.left {
float:left;
padding:2em;
}

img.right {
float:right;
padding:2em;
}

img.head {
margin-left:27%;
}

table
{
table-layout:automatic;
text-align:center;
}

/* Contents, Menu, Header and Footer are defined below */

#header {
}

#leftnavigation {
position:fixed;
width:15%;
top:15%;
right:0%;
bottom:0%;
left:0%;
margin:1%;
}

#content {
float:fixed;
margin-left:15%;
width:85%;
overflow:hidden;
background-image:url(images/bgcockatiel.jpg);
background-color:#ffffff;
border:solid 1px black;
}

/* Sub-Menu is defined below */

#topnavigation {
margin-left:18%;
border:solid 1px black;
}


div#navcontainer{
height:1.5em;
background-color:#3564fc;
text-align:center;
}

div#navcontainer ul li
{
display:inline;
font:10pt Comic Sans MS;
}

div#navcontainer ul li a
{
color:white;
text-decoration:none;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
padding-top:1em;
}

div#navcontainer ul li a:hover
{
background-color:#0033cc;
color:white;
}

#active a { 
background-color:#003399;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}