/*****************************************************************************
portalpage : left side
******************************************************************************/

#website #main #leftmain{
	width:640px;
	float:left;
}

/* 3 colorblocks blue,green and grayblue */
#website #main #leftmain #colorblock1{
	display: block;
	float: left;
	height: 140px;
	width: 200px;
	font-size:9pt;
	margin-right: 20px;
	background: url(../../images/main_page_2/blueframe_bg.gif) no-repeat bottom left;
	color: #FFFFFF;
	
}
#website #main #leftmain #colorblock1 #colorblock1Top{
	background: url(../../images/main_page_2/blueframe_top.gif) no-repeat top left;
}
#website #main #leftmain #colorblock2{
	display: block;
	float: left;
	height: 140px;
	width: 200px;
	margin-right: 20px;
	background: url(../../images/main_page_2/greenframe_bg.gif) no-repeat bottom left;
	color: #FFFFFF;
	font-size:9pt;
}
#website #main #leftmain #colorblock2 #colorblock2Top{
	background: url(../../images/main_page_2/greenframe_top.gif) no-repeat top left;
}
#website #main #leftmain #colorblock3 {
	display: block;
	float: left;
	height: 140px;
	width: 200px;
	background: url(../../images/main_page_2/bluegrayframe_bg.gif) no-repeat bottom left;
	color: #FFFFFF;
	font-size:9pt;
}
#website #main #leftmain #colorblock3 #colorblock3Top{
	background: url(../../images/main_page_2/bluegrayframe_top.gif) no-repeat top left;
}
#website #main #leftmain #colorblock1 p,
#website #main #leftmain #colorblock2 p,
#website #main #leftmain #colorblock3 p {
	display:block;
	width: 175px;
	margin: 0 0 0 15px;
	color: #FFFFFF;
	font-size:9pt;
}
#website #main #leftmain #colorblock1 a,
#website #main #leftmain #colorblock2 a,
#website #main #leftmain #colorblock3 a {

	color: #FFFFFF;
}
#website #main #leftmain #colorblock1 a:hover,
#website #main #leftmain #colorblock2 a:hover,
#website #main #leftmain #colorblock3 a:hover {

	color: #000000;
}
/* infoblocks for colorblocks */
#website #main #leftmain #colorblock1info{
	background-image: url(../../images/main_page_2/grayframebig_top1.gif);
	background-repeat:no-repeat;
	padding-top:20px;
	display:none;
	text-align: center;
	font-size:9pt;
	width:640px;
	position:absolute;
	left:0;
	top:430px;
	z-index:100;
}
#website #main #leftmain  #colorblock2info{
	color:#333333;
	background-image: url(../../images/main_page_2/grayframebig_top2.gif);
	background-repeat:no-repeat;
	padding-top:20px;
	display:none;
	font-size:9pt;
	text-align: center;
	width:640px;
	position:absolute;
	left:0px;
	top:430px;
	z-index:101;
}
#website #main #leftmain  #colorblock3info{
	background-image: url(../../images/main_page_2/grayframebig_top3.gif);
	background-repeat:no-repeat;
	padding-top:20px;
	display:none;
		font-size:9pt;
	width:640px;
	position:absolute;
	text-align: center;
	left:0px;
	top:430px;
	z-index:102;
	color:#333333;
}

/* inside of the infoblock for colorblocks */

#main .grayframebigCenter{
	background-image: url(../../images/main_page_2/grayframebig_background.gif);
	background-repeat: repeat-y;
	margin:0;
	padding:3px 5px 0px 5px;
	display:block;

width:640px;
	color:#333333;
}
#website #main .grayframebigBottom{
	background-image: url(../../images/main_page_2/grayframebig_bottom.gif);
	background-repeat: no-repeat;
	height:15px;
	display:block;
}


#website #main #leftmain H3{
	margin:0;
	padding: 5px 8px 8px 8px;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}
#website #main #leftmain #news{
	margin:0px;
	padding:10px 0 0 0;
}
#news{
	position:absolute;
	left:0px;
	top:425px;
}
#website #main #leftmain #news .grayframe01{
	background-image: url(../../images/main_page_2/grayframe305x140.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 140px;
	width: 305px;
}
#website #main #leftmain #news .grayframeNewsTop{
	background: url(../../images/main_page_2/grayframe_news_top.gif) no-repeat top left;
	float: left;
	width: 305px;

}
 #website #main #leftmain #news .grayframeNewsBottom{
	background: url(../../images/main_page_2/grayframe_news_bg.gif) no-repeat bottom left;
	float: left;
	height: 146px;
	width: 305px;

}
#website #main #leftmain #news #customerNews {
	margin-right: 30px;
	margin-top: 20px;
	clear:left;
}


#website #main #leftmain #news #encomiaNews {
	margin-top: 20px;
}

#website #main #leftmain .grayframeNewsBottom p {
	display:block;
	width: 275px;
	margin:0px;
	padding: 0 0 5px 15px;
	color: #000;
	font-size:9pt;
	line-height:12pt;
}

#website #main #leftmain H2{
	margin:0;
	padding: 5px 8px 6px 8px;
	font-size:12pt;
	color:#000;
	font-weight:bold;
}
#website #main #leftmain #news .grayframeNewsTop H2{
	margin:0;
	padding: 5px 8px 6px 8px;
	font-size:12pt;
	color:#000;
	font-weight:bold;
}
#website #main #leftmain #news .grayframeNewsTop H2 a, a:link{
		margin:0;
	padding: 0px 0px 0px 0px;
	font-size:12pt;
	font-weight:bold;
	color:#000;
	text-decoration: none;
}
#website #main #leftmain #news .grayframeNewsTop H2 a:hover{
	color:#000;
	text-decoration: underline;
}

#website #main #leftmain #news .grayframeNewsTop P a, a:link{
		font-size:9pt;
		font-weight:normal;
	color:#006699;
}
#website #main #leftmain #news .grayframeNewsTop P a:hover{
	color:#000;
}



#flashbanner1{
	width:640px;
	height:166px;
margin:0px;
	padding:0 0 18px 0 ;
	z-index:-0;
}

#flashbanner2{
	width:640px;
	height:45px;
margin:0px;
	padding:18px 0 8px 0;
	clear: left;
	display: block;
	float: left;
}
.footnote{
	font-size: 9px;clear:both;
}