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

/* styles for IE 5 Mac */
#container {
	position:absolute;
	left: 20px;
	top: 20px;
	height: 470px;
	width: 920px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	border: 1px solid #ffffff;

}

 /* following rules are invisible to IE 5 \*/
 #container {
	position:absolute;
	left: 50%;
	top: 50%;
	height: 470px;
	width: 920px;
	margin-top: -235px;
	margin-left: -460px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	border: 1px solid #dddddd;

}
 
  /* end IE 5 hack */ 
  
  
  .bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333399;
}

  .whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

  .bluetext_lighter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0033FF;
}
  
   #content_left1{
	position:absolute;
	left: 10px;
	top: 10px;
	height: 150px;
	width: 300px;

	background-image: url(images/backgrounds/webtop.jpg);
}  

   #content_left2{
	position:absolute;
	left: 10px;
	top: 160px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/backgrounds/webmiddle.jpg);
}

   #content_left2_noimage{
	position:absolute;
	left: 10px;
	top: 160px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/webmiddle_faded.jpg);
}

   #content_left3{
	position:absolute;
	left: 10px;
	top: 310px;
	height: 150px;
	width: 300px;

	background-image: url(images/backgrounds/webbottom.jpg);
}

   #content_mid1{
	position:absolute;
	left: 310px;
	top: 10px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px
}  

   #content_mid2{
	position:absolute;
	left: 310px;
	top: 160px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px;
}

   #content_mid3{
	position:absolute;
	left: 310px;
	top: 310px;
	height: 150px;
	width: 300px;
	background-color: #dddddd;
}

   #content_right1{
	position:absolute;
	left: 610px;
	top: 10px;
	height: 150px;
	width: 300px;

	background-image: url(images/logo_main.gif);
}  

   #content_right2{
	position:absolute;
	left: 610px;
	top: 160px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	background-color: #eeeeee;
	background-image: url(images/chain.jpg);
}

   #content_right3{
	position:absolute;
	left: 610px;
	top: 310px;
	height: 130px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	background-color: #eeeeee;
}
  
    #content_69{
	position:absolute;
	left: 310px;
	top: 310px;
	height: 130px;
	width: 580px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}

    #content_56{
	position:absolute;
	left: 310px;
	top: 160px;
	height: 280px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}

    #content_5689{
	position:absolute;
	left: 310px;
	top: 160px;
	height: 280px;
	width: 580px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}

    #content_5689_scroll{
	position:absolute;
	left: 310px;
	top: 160px;
	height: 280px;
	width: 580px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	overflow-y: auto;
}

    #content_89{
	position:absolute;
	left: 610px;
	top: 160px;
	height: 280px;
	width: 280px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
	background-image: url(images/jigsaw.jpg);
	overflow: hidden;

}

   #content_47{
	position:absolute;
	left: 310px;
	top: 10px;
	height: 150px;
	width: 600px;

}

#credit {
	position:absolute;
	width:285px;
	height:23px;
	z-index:2;
	left: 636px;
	top: 476px;
	font-size: 9px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}