/* Template configuration and component placement 
	header - header for site
	menu - placeholder for menu
	breadcrumb - placeholder for bradcrumb
	componenetBody - left colon
		.leftMiddleCol, .centerMiddleCol = twin cols
		.leftTopCol, .leftBottomCol = single articles
	//rightComponentBody - right colon. 
*/
.header a {
	background-image: 	url("../images/ff_logo.gif"); 
	background-repeat: no-repeat;
	position : absolute;
	top: 58px;
	left: 228px;
	width: 350px;
	height: 45px;
	text-decoration: none;
}
.header a span, .header a:hover span, .header a:visited:hover span, .header a:active span {
	visibility: hidden;
}
.menu {
	position : absolute;
	top: 113px;
	left: 40px;
	width: 180px;
	height: 500px;
	z-index: 300;
}
.rodlink a {
    color:#888;
    text-decoration:underline;
	font-size: 9px;
}
/* framework - design*/
.lineBigFramework {
    position : absolute;
	top: 103px;
	left: 226px;
	width: 685px;
	border: none;
}
.lineRightShade {
	background-image: url("../images/shade_right.gif"); 
	background-repeat: repeat-y;
	background-position: top right;
	top: 0px;
	left: 0px;
	width: 688px;
	border: none;
  	text-decoration: none;
}
.componentBody {
    position: relative;
    border: 1px solid #333;
    height: 100%;   
    top: 0px;
    left: 0px;
    width: 678px;
	top: -25px;
	z-index:26;
}
.oneRowComponentBody {
    position: relative;
    border: none;
    top: -25px;
    left: 15px;
    width: 565px;
    margin: 80px 25px 20px 45px;
}
.breadcrumb {
    position: relative;
    border:  none;
    top: -64px;
	left: 63px;
    width: 530px;
    height: 12px;
    font-size: 9px;
    color: #cccccc;
    background: none;
	z-index: 120;
}
.breadcrumb a {
    color:#888;
    text-decoration:underline;
}
.printerIcon {
    position: relative;
    border: none;
    top: -72px;
    left: 603px;
    width: 20px;	
    cursor:pointer;
	z-index: 100;
}
.lineBottomShade{
    background-image: url("../images/shade_bottom.gif"); 
	background-repeat: repeat-x;
	position: relative;
	width: 685px;
    height: 9px;
	left: 0px;
	top: -49px;
	text-decoration: none;
		background-color: red;
	border:  none;
	z-index: 21;
}
.templateContactInformation {
	position:relative;
	width: 660px;
    top: -280px;
    left: 3px;
    border: none;
    z-index: 25;
}
.templateContactInformation, .templateContactInformation a{
    color: #000;
 	font-size: 10px;
    font-weight: normal;
}
.lineBgSymbol{
    background-image: url("../images/ff_bg_symbol.gif"); 
	background-repeat: no-repeat;
    position: relative;
	width: 232px;
    height: 232px;
    top:-170px;
    left: 554px;
    z-index: 22;
}
/*framework - content */
.oneRowLeftComponentBody, .leftTopCol, .leftBottomCol {
	clear: left;  
    position: relative;
    border: none;
    top: 0px;
    left: 0px;
    width: 555px;
}

.twoRowsComponentBody{	
	clear: left;  
    position: relative;
    border: none;
    top: 0;
    left: 0;
    width: 575px;
}
.leftComponentBody {
 	position: absolute;
   	border: none;
    top: 30px;
    left: 0px;
    width: 676px;
}
.leftMiddleCol {
    float: left;
    width: 297px;
    padding: 0;
} 
.centerMiddleCol{
	position: relative;
    width: 257px;
    padding: 0;
} 
.textColumnLine{
	padding: 0 15px 0 0;
	margin:0;
}
.columnLine {
	background-image: url("../images/text_line.gif");
	background-repeat: repeat-y;
	padding: 0px 15px 0 0;
	
}
.leftTopCol .articleTable, .leftBottomCol {
  	margin: 0 25px 0 0;
	padding: 0;
}
.rightComponentTop {
	width:245px;
	float:left;
}
.rightComponentTop .articleTable  {
	padding: 6px 7px 6px 10px;
	background: #fff;      
}