//cross-browser issues
//:hover not work IE except A tags -> js instead
//height:10 is ignored by IE for the top separator -> border instead
//padding/border is internal with firefox and external with IE -> do not mix it with absolute measurements
BODY
{
	background:#000033;
	text-align:justify;
  margin: 0;
  padding: 0;
}
#main
{
	width:960px;
	height:660px;
	background:#CBD1E7;
	position:relative;
}
DIV,TD
{
	font-size:10pt;
	font-family:tahoma,arial,helvetica;
	font-size:10pt;
	color:#000033;
	text-align:justify;
}
TD
{
	text-align:left;
}
TD.submenu
{
	vertical-align:top;
	font-weight:bold;
}
.bold
{
	font-weight:bold;
}
.red
{
	font-weight:bold;
	color:#912226;
}
.link
{
	cursor:pointer;
	border-bottom:1px solid #000033;
	background:#A7B7D8;
	align:center;
	padding:6px;
}
.text_link
{
	cursor:pointer;
	border-bottom:1px solid #000033;
	background:#A7B7D8;
	padding-left:5px;
	padding-right:5px;
	font-weight:normal;
}
.menu_link
{
	background:#DBDFEF;
	cursor:pointer;
	padding:5px;
	border-left:30px solid #A7B7D8;
	width:140px;
	font-weight:bold;
}
//COMPATIBLE FIREFOX ONLY - USING JAVASCRIPT & MOUSEOVER HANDLERS
//DIV.menu_link:hover {background:#FFFFFF;}
.center_area
{
	background:#CBD1E7;
	width:520px;
	height:530px; 
	overflow: hidden;
	position:absolute;
	top:120px;
	left:220px;
}
#left_separator
{
	background:#000033;
	width:10px;
	height:550px; 
	position:absolute;
	top:110px;
	left:200px;
}
#right_separator
{
	background:#000033;
	width:10px;
	height:550px; 
	position:absolute;
	top:110px;
	left:750px;
}
.inner_zone
{
	background:#DBDFEF;
	width:520px;
	height:470px; 
	overflow: auto;
	position:absolute;
	top:30px;
	left:0px;
}
.left_area
{
	background:#CBD1E7;
	width:180px;
	height:530px;
	position:absolute;
	top:120px;
	left:10px;
}
.right_area
{
	background:#CBD1E7;
	width:180px;
	height:530px; 
	position:absolute;
	top:120px;
	left:770px;
}
.top_area
{
	width:960px;
	height:100px; 
	border-bottom:10px solid #000033;
}
.flash
{
	background:#FFFFFF;
	padding:6px;
	border:3px solid #912226;
	font-weight:bold;
	color:#912226;
	align:center;
	text-align:center;
}
.header
{
	cursor:pointer;
	border-bottom:1px solid #000033;
	background:#A7B7D8;
	width:100%;
	text-align:center;
	font-weight:bold;
}
.previous
{
	cursor:pointer;
	background:#A7B7D8;
	border-bottom:1px solid #000033;
	color:#912226;
	text-align:center;
	font-weight:bold;
	width:200px;
	position:absolute;
	top:510px;
	left:10px;
}
.next
{
	cursor:pointer;
	background:#A7B7D8;
	border-bottom:1px solid #000033;
	color:#912226;
	text-align:center;
	font-weight:bold;
	width:200px;
	position:absolute;
	top:510px;
	left:310px;
}