/* CSS Document */
body{background-color:#666469;font-size:12px;letter-spacing:1px;}

#container{
width:750px;
margin-left:auto;
margin-right:auto;
}

#body_bg{
width:750px;
min-height:550px;
height:auto !important;
background:url(../images/background.jpg) repeat-y;
overflow:auto;
/*border:1px solid black;*/
}

#body_bg_variable{
width:750px;
min-height:550px;
height:auto !important;
background:url(../images/background.jpg) repeat-y;
overflow:auto;
/*border:1px solid black;*/
}

#banner{
width:750px;
height:186px;
border:0px solid black;
}

#navigation{
position:absolute;
width:500px;
margin-left:190px;
margin-top:158px;
z-index:100;
/*border:1px solid black;*/
}

#footer{
width:750px;
text-align:right;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.content{
position:inherit;
width:535px;
margin-left:200px;
margin-top:15px;
padding-bottom:15px;
/*border:1px solid black;*/
}

.centre{
text-align:center;
}

.menu{
font-family: Verdana, Geneva, sans-serif;
font-size:13px;
letter-spacing:0;
}

.menu .red{font-size:16px;color:#0F0F0F;}

.sendmailsentbox{
position:relative;
top:300px;
margin-top:-100px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:1px solid black;
background-color:#D3D3D3;
width:450px;
height:auto;
}	

.red, a.red, a.red:link, a.red:active, a.red:visited{color:#666666;text-decoration:none;font-size:12px;}
a.red:hover{color:#666666;text-decoration:underline;}
.txt, a.txt, a.txt:link, a.txt:active, a.txt:visited{text-decoration:none;}
a.txt:hover{color:#000000;text-decoration:underline;}
.justify{text-align:justify;}
.footer, a.footer, a.footer:link, a.footer:active, a.footer:visited{color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:10px;letter-spacing:0px; text-decoration:none;}
a.footer:hover{color:#FFFFFF;}

/*map pop-up*/
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:250px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:50px; /* position:the image */
top:-257px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:250px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

.facebook{margin:20px 0 10px;text-align:center;}