/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Arial, sans-serif;}
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited { text-decoration: underline; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: none; }
a.inv:link, a.inv:visited { text-decoration: none; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: underline;}

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
.cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ie7 .clearFix { min-height: 1%; }



/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #6aa12d; 
}
a:visited { 
	color: #6aa12d;
}
a:link:hover, a:visited:hover {
}

body {
	font-family: Arial, serif;
	text-align: center;
	background: #FFFFFF;
}
#page {
	width: 939px;
	font-size: 140%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #535352;
}


#top {
	position: relative;
	width: 100%;
	border-bottom: solid 3px #c5dff4;
	margin: 0 0 1px;
}
	#logo {
		float: left;
		height: 174px;
		padding: 0 0 0 89px;
		margin: 0 0 1px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 299px;
			height: 174px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/logo-1.png) no-repeat 0 0;
			}
	#flash1 {
		float: left;
		margin: 0 0 0 -388px;
		left: 0;
		top: 0;
		width: 89px;
		height: 174px;
	}
	#flash2 {
		float: right;
		right: 0;
		top: 0;
	}
	#menu {
		clear: left;
		width: 100%;
		height: 33px;
		margin: 0 0 1px;
		background: url(img/menu-m.gif) repeat-x 0 0;
		position: relative;
		z-index: 1000;
	}
		#menu ul {
			width: 710px;
			margin: 0 auto;
			text-align: left;
		}
			#menu li {
				float: left;
				display: block;
				line-height: 33px;
				height: 33px;
				position: relative;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					font-weight: bold;
					color: #FFFFFF;
					line-height: 33px;
					padding: 0 1em;
					text-decoration: none;
					border: solid 2px #FFFFFF;
					border-width: 0 0 0 2px;
				}
				#menu li.last a:link, #menu li.last a:visited {
					border-width: 0 2px;
				}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li:hover a:link, #menu li:hover a:visited {
					background: url(img/menu-sel.gif) repeat-x 0 0;
					color: #2c4e06;
				}
			
				#menu ul ul {
					margin: 0;
					background: #dffa6f;
					position: absolute;
					top: 33px;
					left: 0;
					width: 220px;
					display: none;
				}
				#menu li:hover ul {
					display: block;
				}
					#menu ul ul li {
						float: left;
						width: 100%;
						display: block;
						white-space: nowrap;
					}
						#menu li li a:link, #menu li li a:visited,
						#menu li:hover li a:link, #menu li:hover li a:visited {
							float: none;
							border-width: 0 0 2px;
							color: #587820;
							background: none;
						}
						#menu li li a:link:hover, #menu li li a:visited:hover {
							background: #90ab42;
							color: #FFFFFF;
						}
	
#wrap {
	width: 100%;
	overflow: hidden;
	background: url(img/content-t.gif) repeat-x 0 0;
}
	#content {
		float: left;
		width: 505px;
		padding: 45px 70px 0 95px;
	}
	#side {
		float: right;
		width: 240px;
		margin: 35px 0 0;
		padding: 25px 0 0 25px;
		border-left: solid 3px #c5dff4;
		min-height: 300px;
	}



#content {
}
	#content h1 {
		font-size: 128.57%;
		font-weight: normal;
		color: #4589bd;
		margin: 0 0 .5em;
	}
		#content h1 b {
			font-size: 138%;
			font-weight: bold;
		}
		#content h1 span {
			color: #7cbd35;
		}
	#content h2 {
		font-size: 100%;
		font-weight: bold;
		color: #000000;
		margin: 0 0 .4em;
	}
	#wrap h3 {
		color: #6aa12d;
		font-size: 107.14%;
		font-weight: bold;
		margin: 0 0 .3em;
	}


	#content p {
		line-height: 1.4;
		margin-bottom: 1em;
	}

#side {
}	


#bot {
	background: url(img/bot.jpg) no-repeat 0 0;
	padding: 60px 10px 0;
	font-size: 64.29%;
	color: #000000;
}
	#bot a:link, #bot a:visited {
		color: #000000;
	}
	#bot .copyright {
		float: left;
	}
	#bot .created {
		float: right;
	}



/*-------
// level 2
//-----*/

.menu1 {
	margin: 0 30px 0 0;
}
	.menu1 li {
		margin: 0 0 25px;
	}
		.menu1 li a:link, .menu1 li a:visited {
			display: block;
			font-size: 107.14%;
			font-weight: bold;
			color: #3d81b5;
			text-decoration: none;
			height: 78px;
			padding: 5px 70px 0 0;
			background: url(img/arrow-1.gif) no-repeat 100% 0;
		}
			.menu1 li a:link span, .menu1 li a:visited span {
				color: #6aa12d;
			}
		.menu1 li a:link:hover, .menu1 li a:visited:hover {
			text-decoration: underline;
		}


/*-------
// homepage
//-----*/

.hp #wrap {
}
	.hp #content {
		padding: 50px 20px 0 30px;
		width: 620px;
	}
	.hp #side {
		border-color: #e2eff9;
	}


.hp #content h1 {
	color: #74a1ab;
	font-size: 171%;
}
.hp #wrap p {
	font-size: 85.71%;
}

#hpCols1 {
	margin: 25px 0 10px;
	border-top: solid 3px #e2eff9;
	padding: 25px 0 0;
}
	#hpCols1 .col {
		width: 45%;
		padding: 0 5% 0 0;
	}
		#page #hpCols1 h1 {
			font-size: 128.51%;
			font-weight: bold;
		}
			#hpCols1 h1 span {
				font-size: 66.66%;
			}
		#hpCols1 a.more:link, #hpCols1 a.more:visited {
			font-size: 116.67%;
			font-weight: bold;
		}

.menu2 {
	width: 221px;
}
	.menu2 li {
		border-bottom: solid 3px #c5dff4;
	}
		.menu2 li a:link, .menu2 li a:visited {
			text-decoration: none;
		}
		.menu2 li a:link:hover, .menu2 li a:visited:hover {
			text-decoration: underline;
		}
		.menu2 li.i1 a:link, .menu2 li.i1 a:visited {
			display: block;
			font-size: 107.14%;
			line-height: 1.1;
			font-weight: bold;
			color: #74a1ab;
			height: 75px;
			padding: 10px 0 0 85px;
			background: url(img/hp-1.jpg) no-repeat 10px 50%;
		}
			.menu2 li.i1 a:link span, .menu2 li.i1 a:visited span {
				color: #6aa12d;
			}
		.menu2 li.i2 a:link, .menu2 li.i2 a:visited {
			display: block;
			font-size: 107.14%;
			line-height: 1.1;
			font-weight: bold;
			color: #3b6a74;
			height: 92px;
			padding: 14px 120px 0 10px;
			background: url(img/hp-2.jpg) no-repeat 0 0;
		}
	.menu2 li.i3 {
		border: none;
		padding: 10px 5px;
	}
		.menu2 li.i3 p {
			line-height: 1.4;
		}
		.menu2 li.i3 a:link, .menu2 li.i3 a:visited {
			font-weight: bold;
		}

.hp #bot {
	background: url(img/bot-hp.jpg) no-repeat 0 0;
	padding: 45px 10px 0;
}
/*-------
// global reset
//-----*/
