﻿
body{ margin:0px; text-align:center; background:url(background.gif) repeat-x #730f04; }

img{margin:0px; padding:0px; border:0}

.home_body{ text-align:left; margin-top:60px; width:650px;}

.logo{ float:left; width:100%;height:100px; background-image:url(topbg.jpg); background-repeat:repeat-x; border:none; }
.top_line{width:100%;border-top:#b29578 3px solid; margin-bottom:-19px;}
.menu{text-align:center; width:854px; margin:0px;}



/*footer*/
.footer{color:#C0C0C0;position: absolute;
		top:900px;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif}


/*center*/
	#imageFlow {
		margin-top:120px;
		margin-left:20px;
		position: absolute;
		width: 100%;
		height:480px;
		left: 0%;
		top: 10%;
		font-size:12px;
		color:#fbebd4;
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #fff 0px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
		font-size:12px;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 300px;
		left:26%;
		top: 80%;
		text-align:justify;text-justify:inter-ideograph;
		color: #fbebd4;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
		font-size: 1.2em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	#imageFlow .title {
		font-size: 1.2em;
		font-weight: bold;
		color:#fbebd4;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
		visibility:hidden;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}


/*menu*/
.imcm UL {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm LI {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm DIV {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm SPAN {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm A {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm LI A IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.imcm SPAN {
	DISPLAY: inline
}
.imcm .imclear {
	CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px
}
.imclear {
	CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px
}
.imcm .imsc {
	POSITION: relative
}
.imcm .imsubc {
	VISIBILITY: hidden; POSITION: absolute
}
.imcm LI {
	FONT-SIZE: 1px; FLOAT: left; LIST-STYLE-TYPE: none
}
.imcm UL UL LI {
	FLOAT: none! important; WIDTH: 100%
}
.imcm A {
	DISPLAY: block;
	POSITION: relative;
	width: 136;
	height: 30;
}
.imcm UL .imsc {
	Z-INDEX: 10
}
.imcm UL .imsubc {
	Z-INDEX: 10
}
.imcm UL UL .imsc {
	Z-INDEX: 20
}
.imcm UL UL .imsubc {
	Z-INDEX: 20
}
.imcm UL UL UL .imsc {
	Z-INDEX: 30
}
.imcm UL UL UL .imsubc {
	Z-INDEX: 30
}
.imde UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde UL UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde UL UL UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde LI:hover UL .imsubc {
	VISIBILITY: hidden
}
.imde LI:hover UL UL .imsubc {
	VISIBILITY: hidden
}
.imde LI:hover UL UL UL .imsubc {
	VISIBILITY: hidden
}
.imcm .imea {
	DISPLAY: block; FONT-SIZE: 1px; LEFT: 0px; FLOAT: right; WIDTH: 1px; LINE-HEIGHT: 1px; POSITION: relative; HEIGHT: 0px
}
.imcm .imea SPAN {
	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 0px; POSITION: relative
}
.dvs {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.dvm {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
</STYLE>
[if IE]>
<STYLE type=text/css>.imcm .imea SPAN {
	POSITION: absolute
}
.imcm .imclear {
	DISPLAY: none
}
.imclear {
	DISPLAY: none
}
.imcm {
	ZOOM: 1
}
.imcm LI {
	curosr: hand
}
.imcm UL {
	ZOOM: 1
}
.imcm A {
	ZOOM: 1
}
</STYLE>
<![endif][if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]end[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. 
<STYLE type=text/css>
#imenus0 .imeam SPAN {
	BACKGROUND-POSITION: left top; LEFT: -7px;  WIDTH: 7px; BACKGROUND-REPEAT: no-repeat; TOP: 5px; HEIGHT: 5px
}
#imenus0 .imeamj SPAN {
	BACKGROUND-POSITION: left top; LEFT: -7px;  WIDTH: 7px; BACKGROUND-REPEAT: no-repeat; TOP: 5px; HEIGHT: 5px
}
#imenus0 LI:hover .imeam SPAN {
	BACKGROUND-POSITION: left top;  BACKGROUND-REPEAT: no-repeat
}
#imenus0 LI A.iactive .imeamj SPAN {
	BACKGROUND-POSITION: left top;  BACKGROUND-REPEAT: no-repeat
}
#imenus0 UL .imeas SPAN {
	BACKGROUND-POSITION: left top; LEFT: -5px; WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; TOP: 3px; HEIGHT: 7px
}
#imenus0 UL .imeasj SPAN {
	BACKGROUND-POSITION: left top; LEFT: -5px;  WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; TOP: 3px; HEIGHT: 7px
}
#imenus0 UL LI:hover .imeas SPAN {
	BACKGROUND-POSITION: left top;  BACKGROUND-REPEAT: no-repeat
}
#imenus0 UL LI A.iactive .imeasj SPAN {
	BACKGROUND-POSITION: left top;  BACKGROUND-REPEAT: no-repeat
}
#imouter0 {
	
}
#imenus0 LI UL {
	BORDER-RIGHT: #ee8f1f 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ee8f1f 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 4px 0px 0px; BORDER-LEFT: #ee8f1f 0px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ee8f1f 1px solid; BACKGROUND-COLOR: #ddc59a
}
#imenus0 LI A1 {
	 FONT-SIZE: 12px; FONT-FAMILY: Arial; 
}
#imenus0 .imctitle {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: underline
}
UNKNOWN {
	BACKGROUND-COLOR: #fbebd4; TEXT-DECORATION: underline
}
#imenus0 LI A.ihover {
	BACKGROUND-COLOR: #fbebd4; TEXT-DECORATION: underline
}
.imde imenus0 A:hover {
	BACKGROUND-COLOR: #fbebd4; TEXT-DECORATION: underline
}
#imenus0 LI A.iactive {
	BACKGROUND-COLOR: #fbebd4
}
#imenus0 UL A {
	BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px; TEXT-ALIGN: left; TEXT-DECORATION: none;
	background-color:#EFE4D1; margin-bottom:2px;
}
#imenus0 .imsubc LI .imctitle {
	BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
UNKNOWN {
	COLOR: #000000; TEXT-DECORATION: underline
}
#imenus0 UL LI A.ihover {
	COLOR: #000000; TEXT-DECORATION: underline
}
#imenus0 UL LI A.iactive {
	BACKGROUND-COLOR: #ffffff
}


/*effect.php*/
d_left{ width:300px; height:800px; float:left; margin-top:200px;}
d_right{ height:600px; margin-top:200px; margin-left:20px;}
