@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/stibla.gif) top center repeat-y #3d8213;
	font-family:Arial, Helvetica, sans-serif;
}

div.topwrap{
	position:relative;
	width:100%;
	min-height:274px;
	height:auto !important;
	height:274px;
	float:left;
	background:url(../images/background_top.jpg) top center repeat-x #86c9ef;
}
div#header{
	float:left;
	height:122px;
}
	div#sky{
		width:261px;
		height:97px;
		background:url(../images/sky.png) no-repeat;
		position:absolute;
		top:0;
		left:674px;
	}
	
div#content{
	float:left;
	clear:left;
	width:926px;
	padding:0 0 0 46px;
}
	div#left_side{
		float:left;
		width:496px;
		padding:34px 0 0 0px;
	}	
		div#index_leftbox_top{		
		float:left;
		clear:left;
		width:401px;
		height:20px;
		margin:40px 0 0 0;
		display:inline;
		background:url(../images/index_leftbox_top.png) top left no-repeat;
		}
		div#index_leftbox_middle{
			float:left;
			clear:left;
			width:357px;
			padding:0 22px;
			background:url(../images/index_leftbox_middle.png) top left repeat-y;
		}
			div#index_leftbox_middle h1{
				color:#dbd439;
				float:left;
				width:357px;
				margin:0;
				font-size:2.5em;
			}
			
			div#index_leftbox_middle ul li{
				padding:3px 0 3px 25px;	
				background:url(../images/index_bullet.gif) 7px 15px no-repeat;
				float:left;
				width:332px;
				
			}
				div#index_leftbox_middle ul li a{
					color:#fff;
					font-size:1.8em;
					font-weight:bold;
					text-decoration:none;
				}
				div#index_leftbox_middle ul li a:hover{
					text-decoration:underline;
				}
		div#index_leftbox_bottom{
			float:left;
			clear:left;
			width:401px;
			height:20px;
			background:url(../images/index_leftbox_bottom.png) top left no-repeat;
		}
		div#right_side{
			float:left;
			width:420px;
			padding:0 0 0 0px;
		}
			div#index_rightbox{
				float:left;
				clear:left;
				background:#fff;
				width:360px;
				background:url(../images/index_rightbox_middle.png) repeat-y;
				padding:15px 20px 0 20px;
			}		
				div.rb_item{
					border-bottom:1px solid #55a9d9;
					float:left;
					clear:left;
					width:360px;
					margin:5px 0 5px 0;
					padding:0 0 15px 0;
				}
				div.rb_item h4{
					float:left;
					width:360px;
					font-size:1.7em;
					color:#005a8e;
					margin:0;
					padding:0 0 6px 0;
				}
					div.rb_item h4 a{						
						color:#005a8e;	
						text-decoration:none;
					}
					div.rb_item h4 a:hover{text-decoration:underline;}
				div.rb_item img{
					float:left;
					clear:left;
				}
				div.rb_item span{
					display:block;
					margin:0 0 0 20px;
					float:left;
					width:200px;
					color:#005a8e;
					font-size:.9em;
					
				}
				div.rb_item a.more{
					float:left;
					display:block;
					width:71px;
					height:29px;
					margin:32px 0 0 0;
					background:url(../images/more_index.gif) 0px 0px no-repeat;
				}
				div.rb_item a.more:hover{
					background:url(../images/more_index.gif) 0px -29px no-repeat;
				}
			div#index_rightbox_bottom{
				float:left;
				clear:left;
				width:400px;
				height:18px;
				background:url(../images/index_rightbox_bottom.png) top left no-repeat;
			}
ul#menu{
	float:left;
	display:inline;
	padding:0;
	margin:0;
}
	ul#menu li{
		float:left;	
	}
	ul#menu li a{
		float:left;
		font-size:1.25em;
		font-weight:bold;
		text-decoration:none;
		padding:9px 1px 0 16px;
		display:inline;
		margin:0 17px 0 0;
		height:28px;
		background:url(../images/button_left.png);
		color:#fff;
		position:relative;
	}
	ul#menu li a span{
		position:absolute;
		height:37px;
		width:15px;
		top:0;
		right:-15px;
		background:url(../images/button_right.png) no-repeat;
	}
	ul#menu li a:hover, ul#menu li a.active{
		background:url(../images/button_active_left.png);
		color:#005a8e;
	}
	ul#menu li a:hover>span, ul#menu li a.active span{
		background:url(../images/button_active_right.png);
		color:#005a8e;
	}
img#sun{
	position:absolute;
	top:0;
	right:1px;
	width:499px;
	height:447px;
}
div#cloud_r{
	width:184px;
	height:92px;
	background:url(../images/cloud.png) no-repeat;
	position:absolute;
	top:170px;
	right:0;
}
div#cloud_l{
	position:absolute;
	top:477px;
	left:0;
	width:184px;
	height:92px;
	background:url(../images/cloud.png) no-repeat;
}
div.footerwrap{
	width:100%;
	height:288px;
	float:left;
	background:url(../images/footer.gif) top center repeat-x;
}
	div#emailme{
		position:absolute;
		width:375px;
		height:180px;
		top:52px;
		left:558px;
	}
		div#emailme h5{
			font-size:1.8em;
			color:#fff;
			padding:0;
			margin:0;
		}
		input#inputemail{
			font-family:Arial, Helvetica, sans-serif;
			border:0;
			background:0;
			margin:7px 0 0 7px;
			width:250px;
			float:left;	
		}
		textarea#inputmessage{
			font-family:Arial, Helvetica, sans-serif;
			border:0;
			background:0;
			margin:21px 0 0 7px;
			width:260px;
			height:70px;
			float:left;	
			clear:left;
			font-size:1.05em;
		}
		a.sendbutton{
			float:left;
			display:block;
			width:71px;
			height:29px;
			margin:74px 0 0 20px;
			background:url(../images/send.gif) 0px 0px no-repeat;
		}
		a.sendbutton:hover{
			background:url(../images/send.gif) 0px -29px no-repeat;
		}
	div#footer{
		color:#86b16c;
		font-size:.9em;
		position:absolute;
		top:237px;
		left:795px;
	}
	
div.wrap{	
	position:relative;
	width:992px;
	margin:0 auto 0 auto;
}

/* SUB PAGE */
div#conent_top{
	width:896px;
	height:21px;
	background:url(../images/content_top.png) top no-repeat;
	float:left;
	clear:left;
}
div#content_middle{
	width:896px;
	background:url(../images/content_middle.png) left repeat-y;
	float:left;
	clear:left;
	position:relative;
}
div#conent_bottom{	
	width:896px;
	height:24px;
	background:url(../images/content_bottom.png) top no-repeat;
	float:left;
	clear:left;
}
	div#submenu{
		float:left;
		width:192px;
	}
	div#submenu ul{
		clear:left;
		float:left;
		display:inline;
		width:176px;
		margin:11px 0 0 20px;
		padding:0;
	}
	div#submenu ul li ul {		
		padding:8px 0 0px 0;
		margin:-1px 0 0px 0px;	
		background:#d5ecf9;
		position:relative;
	}
	div#submenu ul li{
		float:left;
		clear:left;
		display:inline;
		margin:0 0 0 0px;
		padding:0;
	}
	div#submenu ul li a{
		width:156px;
		padding:4px 0 4px 2px;		
		margin:0 0 0 14px;
		float:left;
		clear:left;
		display:inline;
		text-decoration:none;
		color:#005a8e;
		font-weight:bold;
		font-size:1.2em;
		position:relative;
	}
	div#submenu ul li ul li a{
		width:145px;
		font-weight:normal;
		padding:3px 0 3px 22px;
		margin:0;
		font-size:1em;
	}
	div#submenu ul li ul li a:hover, div#submenu ul li ul li a.active{
		background:url(../images/submenu_bullet.gif) 0px 6px no-repeat transparent;
		font-weight:bold;
	}
	div#submenu ul li a:hover, 	div#submenu ul li a.active{
		background:#fff;
	}
	div#submenu ul li a:hover > span.white_block, div#submenu ul li a.active span.white_block{
		display:block;
	}
	div#submenu ul li a.active span.left_round{
		display:block;
	}
	div#submenu ul li a span.white_block{
		position:absolute;
		top:0;
		right:-15px;
		width:15px;
		height:22px;
		background:#fff;
		z-index:50;
		display:none;
	}
	div#submenu ul li a span.left_round{
		position:absolute;
		top:0;
		left:-14px;
		width:14px;
		background:url(../images/leftround.gif) top no-repeat;
		height:28px;
		z-index:50;
		display:none;
	}
	div#submenu ul li a:hover > span.left_round{
		display:block;
		background:url(../images/leftround_over.gif) top no-repeat;	
	}
	div#submenu ul li a.active:hover > span.left_round{
		background:url(../images/leftround.gif) top no-repeat;	
	}
	div#main{
		margin:27px 0 25px 0;
		padding:0px 30px 20px 30px;
		position:relative;
		background:#fff;
		float:left;
		width:612px;
	}
		div#path{
			position:absolute;
			top:-39px;
			right:0;
		}
			div#path a{
				color:#005a8e;
				text-decoration:none;
				font-size:.9em;
			}
			div#path a:hover{
				text-decoration:underline;
			}
		div#main h1{
			width:450px;
			padding:0 0 4px 0;
			margin:0;
			float:left;
			color:#005a8e;
			font-size:2.2em;
		}
		img.sn{
			float:right;
			margin:12px 0 0 10px;

		}
		div#main_bottom{				
			width:673px;
			height:16px;
			position:absolute;
			left:-1px;
			bottom:-16px;
			background:url(../images/main_bottom.png);
		}
		div.content_text{
			min-height:400px;
			height:auto !important;
			height:400px;
			float:left;
			clear:left;
			width:612px;
			border-top:1px solid #005a8e;
			padding:15px 0 0px 0;
			color:#005a8e;
		}
			div.source_top{
				float:left;
				clear:left;
				margin:20px 0 0 0;
				width:612px;
				background:url(../images/source_top.gif) no-repeat;
				color:#fff;
				padding:4px 0 0 10px;
				height:32px;
				font-size:1.3em;
				font-family:"Courier New", Courier, monospace;
			}
			div.source_middle{
				float:left;
				clear:left;				
				background:url(../images/source_middle.gif) repeat-y;
				width:577px;
				padding:1px 15px 3px 20px;
				font-family:"Courier New", Courier, monospace;
			}
			div.source_bottom{
				float:left;
				clear:left;
				width:612px;
				background:url(../images/source_bottom.gif) no-repeat;
				height:12px;
			}
		div#main_top{				
			width:673px;
			height:16px;
			position:absolute;
			z-index:20;
			left:0px;
			top:-16px;
			background:url(../images/main_top.png);
		}