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

#mainContainer {
	width: 940px;
	margin:0px auto;
	}
#header, #mainData{width:940px;}
#header {
	height:158px;
	position:relative;
	background-image: url(../images/design/front/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#logoBox	{
	position:absolute;
	left:31px;
	top:19px;
}
.translate{
	width:300px;
	text-align: right;
	clear:right;
	float: right;
	padding:4px;
	}
.translate form	{float:left; margin:0px; padding:0px 10px;}

#picBox	{
	background: url(../images/design/front/picBoxBg.png) no-repeat left top;
		
	padding:10px 140px 50px 140px;
	height: 250px;
	width: 380px;
	clear:both;
	margin-left:10px;
	}

/* Horizontal Navigation */	
#menuContainer {
	width:630px;
	float: right;
	height:30px;
	margin-bottom: 15px;
	}
#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;
}
.smallMenu{width:20%;}
.largeMenu {width:40%;}
* 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: #544;
	padding: 5px 38px;
	font-size: 12px;
	border-right:solid 1px #EFE7DC;
	}
#menuContainer ul li:hover a, #menuContainer ul li a:hover, #menuContainer ul li a:active {
	color: #027;
	}
#menuContainer ul ul li a:link, #menuContainer ul ul li a:visited{
	text-align: left;
	border:none;
	padding: 5px;
	border-bottom: #DFD0BB 1px solid;
	background-color: #EFE7DC;
	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: #027;
	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;}
/*----------------------------------------------------*/

.mainDataFront {
	clear: both;
	background-image: url(../images/design/front/mainBg.png);
	}
.mainDataIn {
	clear: both;
	background-image: url(../images/design/bf/mainBg.png);
	}
.twoThirds	{
		background: url(../images/design/front/panelBg.png) no-repeat left top;
		width:700px;
		float:left;
		padding:10px;
}
.oneThird	{
		background: url(../images/design/front/panelBg.png) no-repeat right top;
		width:210px;
		float:left;
		padding-right:10px;
}
.oneThird h2{
	color:#FFF;
	font-weight:normal;
	font-size:1.5em;
	text-transform: uppercase;
	margin:5px 0px;
}
.oneThird .block	{
	padding:10px;
	line-height:1.5em;
}
.color1	{background:#CFC588;}
/* Left Column */
#leftCol{
	float: left;
	width: 132px;
	padding: 10px;
	}
#leftCol h2 {
	font-weight: normal;
	text-transform: uppercase;
	color: #338;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 1.2em;
	text-align: right;
	}
#leftCol h2 span	{display:none;}
.h2Public	{background: url(../images/design/front/h2Public.gif) no-repeat left top;}
.h2Members	{background: url(../images/design/front/h2Members.gif) no-repeat left top;}
.h2inthisSection	{
	background-color: #D9D3B0;
}
.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: #338;
	padding: 4px;
	text-align:right;
	}
.leftmenuBox ul li:hover a, .leftmenuBox ul li a:hover, .leftmenuBox ul li a:active {
		color:#000;
	}
.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: #EFE7DC;
	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:788px;
	background:url(../images/design/bf/panelBg.png) no-repeat right top;
	}
.leftColIn{background:url(../images/design/bf/panelBg.png) no-repeat left top;
	}
#col2 .block{
	padding:5px;
}
#col2In p{
	line-height:1.5em;
}
#col2 h2, #col2In h2{
	color:#338;
	font-size: 1.7em;
	}
#col2In h2	{
	padding:0px 10px;	
	}

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

.panel h3	{
	color:#4573C1;
	font-size:1.2em;
}
.panel h3.upcomingEventsH3{
	margin:2px 0px;
	padding:0px;
	font-size:1em;
}

.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;
	}
.red	{color:#900;}
.blue	{color:#06C;}

/* Inside Content Area */
#content	{
	padding-right: 10px;
	padding-left: 10px;
	}
#content	h3{
	  color:#666;
	  margin: 8px 0px;
	}
/*-----------------------------------------*/	
.extraDiv01{
	clear:both;
	height:20px;
	background-image: url(../images/design/front/extraDiv01.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	}
#footer {
	text-align:center;
	color: #660;
	clear: both;
	font-size: 12px;
	height: 36px;
	}
#footer span {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.footerFront{
	padding:12px 230px 0px 10px;
	background-image: url(../images/design/front/footerBg.png);
	background-repeat: no-repeat;
	background-position: 40px 0px;
}
.footerIn{
	padding:12px 10px 0px 10px;
	background-image: url(../images/design/front/footerBg.png);
	background-repeat: no-repeat;
	background-position: 150px 0px;
}
.morelink:link, .morelink:visited, .morelink:active, .morelink:hover  {font-size:11px; display:block; margin:5px 0px;}

.morelink span{display:none}