@charset "utf-8";
/* CSS Document */

html{
min-height: 100%; 
margin-bottom: 1px;
}

body{
background:#FFFFFF;
padding:0 0 0 0;
margin:0 0 0 0;
}

.heading{
color:#990033;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}

.headingdiv{
color:#008897;
font:bold 22px
font-family:Arial, Helvetica, sans-serif;
}

.headerimages{
margin:20px 0px 0px 0px;
}

.logo{
float:left;
width:300px;
padding:10px 10px 10px 10px;
}

.transparent_png {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

.maintext{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.wholepage{
width:800px;
margin:0 auto;
padding:0 0 0 0;
}

.wholepage p{
margin:0px;
}

.headerbox{
float:right;
width:400px;
text-align:right;
padding:0px 10px 0 0;
}

.header{
//background-color:#8F5F5F;
background-image:url(images/bg1.png);
background-repeat:repeat-x;
color:#00CC66;
min-height:165px;
width:800px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
z-index:10;
}

.contactdetails{
float:right;
margin:10px 0 0 0;
padding:0;
font-size:12px;
color:#FFFFFF;
}

/* ----------------------------------------- NAVIGATION BAR --------------------------------- */

.navigation {
position:absolute;
z-index:10;
top:0px;
left:0px;
width:800px;
/* height required to fill the div where the menu is not there */
height:21px;
/* old colour
background-color:#008897;
*/
background-color:#990000;
}

.navigation ul {
float:left;
display:block;
margin:0px;
padding:0;
list-style-type:none;
background-color:#990000;
}

/* do the padding in {li a} so that the link area is of the entire padding area, applies to hover too */
.navigation li a{
z-index:10;
display:block;
padding:3px 20px 3px 10px;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.navigation li a:hover{
background-color:#2CA79A;
}

.item{
display:none;
}

.navigation ul:hover .item{
display:block;
z-index:10;
}



/* ----------------------------------- END OF NAVIGATION BAR --------------------------- */


.main{
z-index:-1;
margin:35px 0px 0px 0px;
height:auto;
width:800px;
clear:both;
/**clear:both;*/
}

.maincontent{
z-index:-1;
padding:0px 0px 50px 0px;
background-color:#FFFFFF;
color:#666666;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
}

body a{
color:#993300;
}


.maintext a:hover{
text-decoration:underline;
}

.maintext a{
text-decoration:none;
color:#666666;
}


.footer{
width:800px;
font-size:10px;
color:#666666;
text-align:centre;
margin:23px auto 30px;
padding:0px 0px 0px 0px;
}

.footer_text{
text-align:center;
}

.flags{
width:300px;
margin:0px auto;
padding:10px 10px 10px 10px;
text-align:center;
}

.transparent_images{

}


.clear{
clear:both;
}