/*------------------------------------------------------------ 
	
	Base classes for index sites
		
-------------------------------------------------------------*/
/* mac hide\*/ 
html, body 
{
	height:100%
} 
/* end hide */ 
body 
{ 
   padding:0; 
   margin:0; 
   text-align:center; /* for ie6 and under */ 
   min-width:861px; /* for mozilla*/ 
   background-image: url(../images/bg_main_index_04.gif);
   background-repeat: repeat-x;
}

/*------------------------------------------------------------ 
	
	Layout classes for index sites
		
-------------------------------------------------------------*/
#outer
{ 
   min-height:100%; 
   width:861px; 
   text-align:left; 
   margin:auto; 
   position:relative; 
} 
  
* html #outer
{
	height:99.9%; /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 
}
 
#headerArea
{ 
   min-height:103px; 
   position:relative; 
}
 
* html #headerArea
{
	height:103px
} 


#decorationArea
{ 
   min-height:235px; 
   position:relative; 
} 
* html #decorationArea
{
	height:235px
}


#column1Area 
{ 
	width:227px;
	padding: 0px 30px; 
	position:relative; /*ie needs this to show float */ 
	float:left;
}
#column2Area 
{ 
	width:226px;
	padding: 0px 30px; 
	position:relative; /*ie needs this to show float */
	border-right: 1px solid #ffffff;
	background-image: url(../images/bg_column02.gif);
	background-repeat: repeat-x;
	float:left;
} 
#column3Area
{ 
   	width:227px;
	height: 500px;
	padding: 0px 30px; 
   	position:relative; /*ie needs this to show float */ 
   	float:left;
   	background-image: url(../images/bg_toolbox_01.gif);
	background-repeat: repeat-x;
}

#column1Container, #column2Container, #column3Container 
{ 
  	margin: 0px;
	padding: 0px;
}

#footer 
{ 
   width:861px;
   clear:both; 
   height:60px; 
   text-align: left; 
   left:0; 
   bottom:0; 
   position: absolute; 
}

#footerLeft 
{
	float: left;
	margin: 10px 0px 0px 20px;
	width:300px;
	font-family: Arial;
	text-decoration: none;
	word-spacing: normal;
	font-size: 11px;
	color: #979797;
}

#footerRight 
{
	float: right;
	margin: 10px 20px 0px 0px;
	width: 300px;
	font-family: Arial;
	text-decoration: none;
	text-align: right;
	word-spacing: normal;
	font-size: 11px;
	color: #979797;
}
 
* html #footer 
{/*only ie gets this style*/ 
   \height:60px;/* for ie5 */ 
   he\ight:58px;/* for ie6 */ 
   margin-bottom:-1px; 
} 

/* to clear footer */ 
#clearfooter 
{
	width:100%;
	height:60px;
	clear:both;
}

/*------------------------------------------------------------ 
	
	Specific classes for index sites
		
-------------------------------------------------------------*/
.newsDepartment
{
	margin: 5px 0px 0px 0px;
	font-family: Arial;
	color: #969696;
	font-size: 11px;
}

img {vertical-align: middle; display: inline-block;}

.date 
{
	margin: 0px 0px 3px 0px;
	font-family: Arial;
	color: #999966;
	font-size: 11px;
}