/*------------------------------------------------------------ 
	
	Base classes for main 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_02.gif);
   background-repeat: repeat-x;
}

/*------------------------------------------------------------ 
	
	Layout classes for main 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:153px; 
   position:relative; 
} 
* html #decorationArea
{
	height:153px;
}

#mainarea 
{
	background-image: url(../images/bg_main_main.gif);
	min-height:100%; 
   	position:relative; 
}
* html #mainarea
{
	height:100%;
}

#column1Area 
{ 
   width:150px;
   padding-top: 20px;
   padding-right: 10px;
   position:relative; /*ie needs this to show float */ 
   float:left;
}
#column2Area 
{ 
   width:441px;
   padding: 0px 30px; 
   position:relative; /*ie needs this to show float */
   float:left;
} 
#column3Area
{ 
   width:160px;
   padding: 0px 20px; 
   position:relative; /*ie needs this to show float */ 
   float:left;
   background-image: url(../images/bg_toolbox_02.gif);
	background-repeat: repeat-x;
}

#column3Container 
{ 
  	width: 159px; /* ie6 fix */ 
}

#column1Container, #column2Container, #column3Container 
{ 
  	margin: 0px;
	padding: 0px;
}


#toolContainer 
{
	float: left;
	width: 200px;
	height: 40px;
	background-image: url(../images/bg_toolbox_02.gif);
	background-repeat: repeat-x;
}

#toolContentLeft 
{
	float: left;
	margin: 10px 0px 0px 10px;
}
#toolContentRight
{
	float: right;
	margin: 10px 5px 0px 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 main sites
		
-------------------------------------------------------------*/
.newsDepartment
{
	margin: 5px 0px 0px 0px;
	font-family: Arial;
	color: #969696;
	font-size: 11px;
}

.date 
{
	margin: 0px 0px 3px 0px;
	font-family: Arial;
	color: #999966;
	font-size: 11px;
}

.list2 
{
	margin: 0px;
	list-style-type: none;
	font-family: Arial;
	color: #969696;
	font-size: 11px;
	margin-top: 0px;
}

/*------------------------------------------------------------ 
	
	Menu classes for main sites
		
-------------------------------------------------------------*/

	#leftmenu
	{
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 0; 
		padding-left: 0; 
		list-style: none;
	}
	
	#leftmenu li 
	{
		padding: 6px;
		border-bottom: 1px #dddddd dashed;
		text-align: Right;
	}
	
	#leftmenu li.sub 
	{
		background: #f4f4f4;
		padding-right: 8px;
		text-align: Right;
		border-bottom: 1px #ffffff solid;
	}
	
	.menu1 
	{
		font-family: Arial;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		margin-top: 0px;
	}
	
	.menu2 
	{
		list-style-image: url(../images/submenu_indicator.gif);
		list-style-position: outside;
		font-family: Arial;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		margin-top: 0px;
	}
	
	.menu3 
	{
		list-style-image: url(../images/submenu_indicator.gif);
		list-style-position: outside;
		font-family: Arial;
		color: #666666;
		font-weight: bold;
		font-size: 12px;
		margin-top: 0px;
	}
	
	.menu4 
	{
		font-family: Arial;
		color: #666666;
		font-size: 12px;
		margin-top: 0px;
	}
	
	.menu5 
	{
		font-family: Arial;
		color: #3b3b3b;
		font-size: 12px;
		font-weight: bold;
		margin-top: 0px;
	}
	
	.menu6 
	{
	     list-style-image: url(../images/submenu_indicator.gif);
	     list-style-position: outside;
	}
	
	.menu7 
	{
		list-style-image: url(../images/submenu_indicator_minus.gif);
		list-style-position: outside;
		font-family: Arial;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		margin-top: 0px;
	}
/*------------------------------------------------------------ 
	
	Sitemap classes
		
-------------------------------------------------------------*/
	
	#sitemap
	{
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 0; 
		padding-left: 0; 
		list-style: none;
	}
	
	#sitemap li 
	{
		padding-bottom: 3px;
	}
	
	#sitemap li.sub 
	{
		background: #f4f4f4;
		padding-right: 10px;
	}
	
	.map1 
	{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #5e5e5e;
	}
	
	.map2 
	{
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #5e5e5e;
	}
	
	.map3 
	{
		
		font-family: Arial;
		font-size: 11px;
		margin-top: 0px;
	}