/*-------
// 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: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
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%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #366634;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: 'Times New Roman', serif;
	background: #dddcce;
	padding: 60px 0 20px;
}

#page {
	font-size: 1.5em;
	width: 709px;
	margin: 0 auto;
	padding: 0 0 150px;
	color: #999999;
	background: #FFFFFF url(../img/page-b.png) no-repeat 0 100%;
	position: relative;
}

#top {
	margin: 0 0 25px;
}
	#logo {
		margin: 0 0 45px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 100%;
			height: 154px;
			text-indent: -1000em;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../img/logo-1.jpg) no-repeat 0 0;
			}
	#menu {
		margin: 0 40px 30px;
		background: url(../img/line-h1.gif) repeat-x 0 100%;
	}
		#menu ul {
			display: table;
			margin: 0 auto;
			font-family: Arial, sans-serif;
			font-size: 133.33%;
			white-space: nowrap;
		}
			#menu li {
				display: table-cell;
				padding: 0 4px;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					padding: 4px 10px;
					color: #9c987e;
					text-decoration: none;
				}
				#menu li a:link:hover, #menu li a:visited:hover {
					color: #f8c200;
				}
				#menu li.active a:link, #menu li.active a:visited {
					border: solid 1px #dcdcdc;
					border-width: 1px 1px 0;
					padding: 3px 9px 4px;
					background: #FFFFFF;
					font-weight: bold;
				}
				#menu li.special a:link, #menu li.special a:visited {
					font-weight: bold;
					color: #9c8f5f;
				}
				#menu li.special a:link:hover, #menu li.special a:visited:hover {
					color: #000000;
				}
	#menu2 {
		margin: 0 125px;
		width: 459px;
		overflow: display; 
		
	}
		#menu2 .img {
			width: 230px;
			float: right;
		}
		#menu2 ul {
			float: left;
			font-family: Arial, sans-serif;
			font-size: 133.33%;
			line-height: 1.25;
			padding: 10px 0 0;
		}
			#menu2 li {
			}
				#menu2 li a:link, #menu2 li a:visited {
					color: #a9aa6b;
				}
				#menu2 li.active a:link, #menu2 li.active a:visited {
					color: #000000;
				}
	#top .arrow {
		position: absolute;
		top: 300px;
	}
		#top .arrow a:link, #top .arrow a:visited {
			display: block;
			width: 55px;
			height: 55px;
		}
			#page #top .arrow a:link:hover span, #page #top .arrow a:visited:hover span {
				background-position: 0 -55px;
			}
	#top #arrowL {
		left: -26px;
		z-index:999;
	}
		#top #arrowL a:link span, #top #arrowL a:visited span {
			background: url(../img/arrow-l.png) no-repeat 0 0;
		}
	#top #arrowR {
		right: -26px;
		z-index:999;
	}
		#top #arrowR a:link span, #top #arrowR a:visited span {
			background: url(../img/arrow-r.png) no-repeat 0 0;
		}

#wrap {
	background: url(../img/icon-1.jpg) no-repeat 50% 100%;
	padding: 0 105px 150px 90px;
	clear:both;
	 
}
	#content {
		float: right;
		width: 250px;
	}
	#side {
		float: left;
		width: 245px;
	}


#wrap p {
	line-height: 1.5;
	margin: 0 0 1.5em;
}
#wrap ul {
	list-style: disc;
	line-height: 1.3;
	margin: 0 0 2em 1.5em;
}
	#wrap ul li {
		padding: .2em 0;
	}

#wrap h2 {
	font-family: Arial, sans-serif;
	font-size: 166%;
	font-weight: bold;
	line-height: 1;
	color: #333333;
	letter-spacing: -0.05em;
	margin: 0 0 1em;
}
#wrap h3 {
	font-family: Arial, sans-serif;
	font-size: 133%;
	font-weight: bold;
	line-height: 1.1;
	color: #333333;
	letter-spacing: -0.05em;
	margin: 0 0 .5em;
}

#wrap a:link, #wrap a:visited {
	color:#999999;
}
#wrap  a:link:hover{
color:#F8C200;
}




.img1 {
	margin: 0 0 40px -90px;
}
.img2 {
	margin: 0 0 35px -30px;
	text-align: right;
}
	.img2 img {
		display: block;
		margin: 0 auto 3px;
	}



#footer {
	width: 709px;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
;
	font-size: 1.2em;
	line-height: 1.5;
	letter-spacing: 0;
	color: #5e5e5e;
}
	#footer a:link, #footer a:visited {
	}