/*** This hack forces IE5.x/win to centre div.belogix. ***/
#centre-hackbox
{
    text-align: center;
}


/*** The 'auto' side margins centre the 'raetronix' div on the page. ***/
/*** 'text-align: left' cancels the inheritance of the centring hack above. ***/
#raetronix
{
	font-size: 1em; 
	font-family: tahoma,georgia, serif; 
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	width: 800px; 
	border: 0; 
}

/* Position of header */
#header
{
  height : 80px;
  color: #000000;
  background-image: url(images/header.jpg);  
}


/* Position of navigation menu */
#nav_menu
{	
	width: 800px;
	height: 35px;
}


/* Position of main content */
#main_content
{
    width: 800px;
}

/* Position of footer */
#footer 
{
	clear: both;
	padding-top: 2px;
	font-size: 0.7em;
	font-weight: normal;
	font-family: tahoma,verdana, sans-serif;
	height : 50px;
	color: #FFFFFF;
	background-color: #000000;
}


/* START: Body and associated style -----------------------------------------*/
body
{	
	margin: 0; 
	padding: 0; 
	font-family: tahoma,verdana,sans-serif; 
	font-size: 1em;
	background: #D3D3D3;
}

p
{
    color: #000000;
    font-size: 0.8em;    
	padding: 10px;
	margin: 0;
}

h1 {
  vertical-align: top;
  padding: 10px;
  color: #000000;
  font : 18pt Tahoma, Helvetica, geneva;
  font-weight: bold;
}

h2 {
  vertical-align: top;
  padding: 10px;
  color: #000000;
  font : 14pt Tahoma, Helvetica, geneva;
}


.copyright
{
	float: left;
	width: 260px;
	text-align:left;
	margin-left: 8px;	
}
.copyright p
{
    color: #FFFFFF;
}
.backtotop
{
	font-size: 1.5em;
	float: left;
	width: 522px;
	text-align: right;
	margin-right: 8px;	
}


/* Link properties */
A:link
{
    color:#005DA5;
    text-decoration: none;
}
A:visited
{
    color:#005DA5;
    text-decoration: none;
}
A:active
{
    color:#005DA5;
    text-decoration: none;
}
A:hover 
{
    color:#005DA5;
    text-decoration: underline;
}

/* Navigation menu */
/* Credits: CSSpplay */
/* URL: http://www.cssplay.co.uk/menus/pro_two */
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#000 url(images/button1.gif); position:relative; border-bottom:1px solid #444;}
.menu li {float:left;}
.menu li a {display:block; float:left; height:35px; line-height:35px; color:#ccc; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px}
.menu li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu li.current a {color:#fff; background:url(images/button3.gif);}
.menu li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu li a:hover {color:#fff; background:#000 url(images/button4.gif);}
.menu li a:hover b {background:url(images/button4.gif) no-repeat right top;}
.menu li.current a:hover {color:#fff; background:#000 url(images/button3.gif);}
.menu li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}