body 
{
font-family: arial, sans-serif;
color: blue;
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;

padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
 
.level0 
{
background:#ffffff;
}

.level1 
{ 

margin-left:1%;
height: 140px;
width: 99%;
}

.level2 
{
}

.topBar
{
position: absolute;
height: 120px;
width: 96%;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
/*border: thin solid blue;*/
border-bottom: thin blue solid;
}

.topBar li
{
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
display: inline;
}


.main 
{
position: absolute;
margin-top: 15px;
margin-left: 0%;
width: 95%;;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
/*border-right: thin blue dotted;*/
}

.mainGallery 
{
position: absolute;
margin-top: 15px;
margin-left: 0%;
width: 95%;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
/*border-right: thin blue dotted;*/
}

.mainGallery img
{
border: 5px solid #b0c4de;
}

.main li
{
line-height: 150%;
list-style-type: none;
}

.main h3
{
text-align: center;
text-decoration: underline;
}

.mainCentre p
{
margin-left: 8%;
}

.mainCentre li
{
margin-left: 15%;
}

.lastMin
{
color: blue;
text-decoration: underline;
text-align: center;
}

.textCenter
{
text-align: center;
}

.textCenter2
{
margin-top: 800px;
text-align: center;
}

.mainLeft
{
position: absolute;
margin-top: 10px;
margin-left: 0%;
margin-right: 25%;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.mainRight
{
position: relative;
margin-left: 27%;
margin-right: 0%;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 5px;
}


.leftHigh
{
float: left;
width: 133px;
height: 190px;
border: 5px solid #b0c4de;
margin-top: 2px;
margin-left: 2px;
margin-right: 15px;
margin-bottom: 15px;
}

.leftWide
{
float: left;
width: 190px;
height: 133px;
border: 5px solid #b0c4de;
margin-top: 2px;
margin-left: 2px;
margin-right: 15px;
margin-bottom: 15px;;
}

.rightWide
{
float: right;
width: 190px;
height: 133px;
border: 5px solid #b0c4de;
margin-top: 2px;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 2px;
}

.rightHigh
{
float: right;
width: 133px;
height: 200px;
border: 5px solid #b0c4de;
margin-top: 2px;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 2px;
}

.leftHighBig
{
float: left;
width: 200px;
height: 270px;
border: 5px solid #b0c4de;
margin-top: 15px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 2px;
}

.rightHighBig
{
float: right;
width: 200px;
height: 270px;
border: 5px solid #b0c4de;
margin-top: 2px;
margin-left: 2px;
margin-right: 0px;
margin-bottom: 2px;
}


/*
.leftBar 
{
float: left;
position: relative;
width: 8%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.leftBar img
{
width: 173px;
height: 200px;
border: 5px solid #b0c4de;
}

.leftBar li
{
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
}*/


.rightBar 
{
float: right;
position: relative;
width: 20%;
margin-top: 15px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

.rightBar img
{
border: #b0c4de;
}

.rightBar h3
{
color: black;
}

.rightBar p
{
padding-left: 5%;
}

.pictureBox1, .pictureBox2, .pictureBox3
{
position: absolute;
margin-top: 15px;
width: 280px;
height: 280px;

border-bottom: 5px dotted #b0c4de;
}

.pictureBox4, .pictureBox5, .pictureBox6
{
position: absolute;
margin-top: 325px;
width: 280px;
height: 280px;

border-bottom: 5px dotted #b0c4de;
}

.pictureBox7, .pictureBox8, .pictureBox9
{
position: absolute;
margin-top: 635px;
width: 280px;
height: 280px;

border-bottom: 5px dotted #b0c4de;
}

.pictureBox10, .pictureBox11, .pictureBox12
{
position: absolute;
margin-top: 945px;
width: 280px;
height: 280px;

border-bottom: 5px dotted #b0c4de;
}

.pictureBox1, .pictureBox4, .pictureBox7, .pictureBox10
{
margin-left: 5px;

}

.pictureBox2, .pictureBox5, .pictureBox8, .pictureBox11
{
margin-left: 300px;

}

.pictureBox3, .pictureBox6, .pictureBox9, .pictureBox12
{
margin-left: 600px;

}

.footer
{
clear: both;
height: 100px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 25px;
padding-bottom: 5px;
/*border: thin solid blue;*/
border-top:thin blue solid;
}

.footer img
{
width: 468px;
height: 62px;
border: 5px solid #b0c4de;
}

a.button, a.buttonDis 
{
background-color: transparent;
background-image: url(cssButtonsFiles/buttonBackground.gif);
/*font-family: Arial,Helvetica,sans-serif;*/
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.button:link, a.button:visited 
{
color: #002577;
}

a.button:hover, a.button:active 
{
background-position: 0 -36px;
color: #ff7200;
}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active 
{
background-position: 0 -72px;
color: #5f5f5f;
}

.icon 
{
padding-top: 5px;
padding-bottom: 5px;
padding-left:5px;
padding-right: 5px;
}

#buttonOK .icon 
{
background-image: url(ok.gif);
}

#buttonCancel .icon 
{
background-image: url(cancel.gif);
}

#buttonImport .icon 
{
background-image: url(import.gif);
}

a.button:hover .icon, a.button:active .icon 
{
background-position: 0 -34px;
}

a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon 
{
background-position: 0 -66px;
}