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

body
{
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
}

* html body
{
  padding:225px 0 0 0; 
}

#container
{
  font-family:arial, verdana, sans-serif; 
  font-size: 18px;
  position:fixed; 
  top:225px;
  left:150px;
  bottom:0; 
  right:0; 
  overflow:auto;
  background:#fff;
  padding:20px;
  text-align:center;
}

* html #container
{
  height:100%; 
  width:100%;
	top:0; /* place the content at the top */
	left:0; /* and left of the body */
	border-left:135px solid #fff; /*add a left border to miss any navigation div 
				(this is SUBTRACTED from the 100% width on quirks mode) */
}


#innercontainer
{
	width:830px;
   font-size: 18px;
  text-align:center;
}

#innercontainer table {  font-size: 18px;}
table {  font-size: 18px;}

#header
{
  position:absolute; 
  top:0; 
  left:0;
  width:100%;
  height:225px; 
  overflow:hidden; 
  background:#f8f800;
  white-space:nowrap;
}

#left
{
	position:absolute;
	left:0;
	top:240px;
	bottom:0;
	width:135px;
	height:100%;
	background:#f8f800;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
	
#topLeft
{
	position:absolute;
	left:0px;
	top:225px;
	bottom:0;
	width:150px;
	height: 15px;
	background:url(../graphics/layout/curve.gif);
	overflow:hidden;
	text-align:center;
	white-space:nowrap;

}

#leftFramed
{
	position:absolute;
	left:0;
	top:15px;
	bottom:0;
	width:135px;
	height:100%;
	background:#f8f800;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
	
#topLeftFramed
{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0;
	width:150px;
	height: 15px;
	background:url(../graphics/layout/curve.gif);
	overflow:hidden;
	text-align:center;
	white-space:nowrap;

}
	
#video
{
  position:absolute; 
  top:0px; 
  left:5px;
  width:260px;
  height:225px; 
  overflow:hidden; 
  background:#f8f800;
  white-space:nowrap;
}

#logo
{
  position:absolute; 
  top:0; 
  left:270px;
  width:100%;
  height:225px; 
  overflow:hidden; 
  background:#f8f800;
  white-space:nowrap;
}
  
#navigationText
{  
  position:absolute; 
  top:194px; 
  left:400px;
  color:#666;
  font-size:13px;
  font-weight:bold;
  overflow:hidden;
  white-space:nowrap;
}
#navigationText a:link,
#navigationText a:visited,
#navigationText a:hover,
#navigationText a:focus
{
	color:#666;
	text-decoration:none;
	font-size:13px;
}

#link_r1_c1
{
	position:absolute;
	top:30Px;
	left:20px;
}
#link_r1_c2
{
	position:absolute;
	top:30Px;
	left:210px;
}
#link_r1_c3
{
	position:absolute;
	top:30Px;
	left:400px;
}
#link_r1_c4
{
	position:absolute;
	top:30Px;
	left:590px;
}


#link_r2_c1
{
	position:absolute;
	top:240Px;
	left:20px;
}
#link_r2_c2
{
	position:absolute;
	top:240Px;
	left:210px;
}
#link_r2_c3
{
	position:absolute;
	top:240Px;
	left:400px;
}
#link_r2_c4
{
	position:absolute;
	top:240Px;
	left:590px;
}

#link_r3_c1
{
	position:absolute;
	top:450Px;
	left:20px;
}
#link_r3_c2
{
	position:absolute;
	top:450Px;
	left:210px;
}
#link_r3_c3
{
	position:absolute;
	top:450Px;
	left:400px;
}
#link_r3_c4
{
	position:absolute;
	top:450Px;
	left:590px;
}


table {  font-size: 18px;}