/* <style type="text/css"> */

.BG_front	{
	background-image: url(../images/design/front/bg.jpg);
	background-repeat: repeat-x;
	}
.BG_in	{
	background-image: url(../images/design/bf/bg.jpg);
	background-repeat: repeat-x;}
#mainContainer {
	width: 950px;
	margin:0px auto;
	}
.mainContainerBg{background: url(../images/design/front/mainContainerBg.jpg) no-repeat;}
.mainContainerBgIn{background: url(../images/design/bf/mainContainerBg.jpg) no-repeat;}

#header, #mainData{width:950px;}
#header {
	position:relative;
	clear: both;
}
.headerFront {
	height:408px;
	}
.headerIn {
	height:255px;
	}

#logoBox	{
	position:absolute;
	left:174px;
	top:62px;
}
#logoBoxIn	{
	position:absolute;
	left:212px;
	top:48px;
}
.translate{
	width:300px;
	text-align: right;
	clear:right;
	float: right;
	padding:4px;
	}


/* Horizontal Navigation */	
#menuContainer {
	width:700px;
	float: left;
	height:30px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	}
#menuContainer ul, #menuContainer ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
	}
#menuContainer ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	position:relative;
	z-index:200;
}
* html #menuContainer ul li {
 behavior: expression(  this.onmouseover = new Function("this.className += ' hover'"),  this.onmouseout = new Function("this.className = this.className.replace(' hover','')"),  this.style.behavior = null);
}
#menuContainer ul ul li {
	padding:0px;
	margin: 0px;
	position:relative;
	z-index:200;
	width:100%;
}

#menuContainer ul li a:link, #menuContainer ul li a:visited {
	display: block;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	padding: 5px 30px;
	font-size: 13px;
	}
#menuContainer ul li:hover a, #menuContainer ul li a:hover, #menuContainer ul li a:active {
	color: #369;
	background:#FFF;
	}
#menuContainer ul ul li a:link, #menuContainer ul ul li a:visited{
	text-align: left;
	border:none;
	padding: 5px;
	border-bottom: #EEE 1px solid;
	background-color: #CCC;
	background-image:none;
	color:#544;
}
#menuContainer ul ul li:hover a, #menuContainer ul ul li a:hover, #menuContainer ul ul li a:active{
	background-color: #369;
	color:#FFF;
}
#menuContainer ul ul ul li a:hover, #menuContainer ul ul ul li a:active{
	background-color: #D30;
}
#menuContainer ul div {
	position:absolute;
	top: 100%;
	margin:0px;
	padding: 5px;
	list-style: none;
	z-index: 100;
	width:200px;
	background-color: #FFF;
}
#menuContainer ul ul ul{
	position:absolute;
	left: 100%;
	top:0;
	z-index: 200;
	}
#menuContainer ul div, #menuContainer ul ul ul, #menuContainer ul li:hover ul ul {display:none; }

#menuContainer ul li:hover div, #menuContainer ul ul li:hover ul, #menuContainer ul li.hover div, #menuContainer ul ul li.hover ul{display:block;}
/*----------------------------------------------------*/

#mainData	{background: url(../images/design/front/mainBg.gif) repeat-x}
#mainData h2	{color:#FFF; font-size:18px; margin:0px; padding:10px 0px;}
#mainData h3 {color:#FFF; font-size:16px;}
#mainData p	{line-height:1.5em}
.twoThirds	{
		width:600px;
		float:left;
		padding: 10px 10px 10px 20px;
		position:relative;
		line-height:1.5em;
}
.newsTitle{color:#FFF; font-size:14px;}
.newsDate{color:#CCC; font-size:12px;}
.oneThird	{
		width:300px;
		float:left;
		padding:10px;
}

.oneThird .block	{
	
}
.color1	{background:#CFC588;}
/* Left Column */
#leftCol{
	float: left;
	width: 140px;
	padding: 0px 10px;
	}
#leftCol h2 {
	font-weight: normal;
	color: #FFF;
	font-size: 1.2em;
	text-align: right;
	}
#leftCol h2 span	{display:none;}

.h2inthisSection	{
}
.h2quickLinks	{background: url(../images/design/front/h2quickLinks.gif) no-repeat left top;}

/*Left Navigation Drop down menus*/

.leftmenuBox, .leftBottomBox	{
	margin-bottom:10px;
	}
.leftmenuBox ul, .leftmenuBox ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
	}
.leftmenuBox ul li {
	padding: 0px;
	margin: 0px;
	position:relative;
	z-index:200;
	width:100%;
}
* html .leftmenuBox ul li {
 behavior: expression(  this.onmouseover = new Function("this.className += ' hover'"),  this.onmouseout = new Function("this.className = this.className.replace(' hover','')"),  this.style.behavior = null);
}
.leftmenuBox ul ul li {
	font-weight:bold;
	padding:0px;
	margin: 0px;
	position:relative;
	z-index:200;
	width:100%;
	float:left;
}
.leftmenuBox ul li a:link, .leftmenuBox ul li a:visited {
	display: block;
	text-decoration: none;
	color: #BDD1F2;
	padding: 4px;
	text-align:right;
	}
.leftmenuBox ul li:hover a, .leftmenuBox ul li a:hover, .leftmenuBox ul li a:active {
	color:#FC0;
	}
.leftmenuBox ul ul li a:link, .leftmenuBox ul ul li a:visited{
	text-align: left;
	border:none;
	padding: 5px;
	border-bottom: #DFD0BB 1px solid;
	background-color: #CCC;
	background-image:none;
	color:#544;
}
.leftmenuBox ul ul li:hover a, .leftmenuBox ul ul li a:hover, .leftmenuBox ul ul li a:active{
	background-color: #027;
	color:#FFF;
}
.leftmenuBox ul ul ul li a:hover, .leftmenuBox ul ul ul li a:active{
	background-color: #D30;
}
.leftmenuBox ul div {
	position:absolute;
	top: 0px;
	left:100%;
	margin:0px;
	padding: 5px;
	list-style: none;
	z-index: 100;
	width:200px;
	background:#FFF;
	border:1px solid #EFE7DC;
}
.leftmenuBox ul ul ul{
	position:absolute;
	left: 100%;
	top:0;
	z-index: 200;
	}
.leftmenuBox ul div, #menuContainer ul ul ul, .leftmenuBox ul li:hover ul ul {display:none; }

.leftmenuBox ul li:hover div, .leftmenuBox ul ul li:hover ul, .leftmenuBox ul li.hover div, .leftmenuBox ul ul li.hover ul{display:block;}
	
#col2{
	float:left;
	width:548px;
	}
#col2In{
	float:left;
	width:750px;
	padding-left:20px;
	}

.leftColIn{
	}
#col2 .block{
	padding:5px;
}



.panel {
	float:left;
	width:248px;
}
.brdrBg	{
	background: url(../images/design/front/leftcolBg.gif) repeat-y right top;
}

.panel h3	{
	font-size:1.2em;
}


.panel .block	{
	padding:10px;
	line-height:1.7em;
}
.memoBoxPic{
	border:1px solid #FCFCFA;
	clear: both;
}
.blockDate	{
	text-decoration:none;
}
.webmaster {
	clear: both;
	padding: 10px;
	text-align: center;
	font-size:12px;
	color:#CCC;
	}
.red	{color:#900;}
.blue	{color:#06C;}

/* Inside Content Area */
#content	{
	}
#content	h3{
	   margin: 8px 0px;
	}
/*-----------------------------------------*/	
.extraDiv01{
	position:absolute;
	left:140px;
	top:-20px;
	height:84px;
	width:103px;
	background: url(../images/design/front/extraDiv01.png) repeat-x;
	}
*html .extraDiv01 {
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='../images/design/front/extraDiv01.png', sizingmethod='crop'); 
}
#footer {
	text-align:right;
	color: #BDD1F2;
	clear: both;
	font-size: 12px;
	height: 36px;
	background: url(../images/design/front/mainBg.gif) repeat-x;
	}
.contactBlock{float:right; margin:8px 20px;}
#footer span {
	padding: 10px;
}

.morelink:link, .morelink:visited, .morelink:active, .morelink:hover  {font-size:11px; display:block; margin:5px 0px;}

.morelink span{display:none}