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

*{
	margin:0px;
	border:0px;
	padding:0px;
	}
	
p {
	font: 12px/14px Arial;
}

.clear {
	line-height: 0px;
	font-size: 0px;
	clear: both;
	float: none;
	height: 0px;
}

body {

	background-color:#fff;

}

#page{
	width:980px;
	border:1px solid #000;
	margin:auto;
	height: auto;
}

#header{
	height:141px;
	width:980px;
}

#header-s{
	width:980px;
	height:31px;
	background: url(../images/header-s.jpg) top left;
}

#header-s p{
	font:9px/31px verdana;
	padding-left:20px;
	color:#fff;
}

/* -------- content ------------ */

#content{
	width:980px;
	background:url(../images/page-bg.jpg) top left repeat-y;
	background-color:#fff;
	height: 540px;
}

	#content #content-left{
		width:200px;
		height:432px;
		color:#333333;
		float:left;
	}
		#content #menu-top{
			width:181px;
			height:24px;
			background:url(../images/menu-top.jpg);
			position:absolute;
			top:0px;
			left:0px;
		}
		
		#content #menu-bottom{
			width:181px;
			height:19px;
			background:url(../images/menu-bottom.jpg);
			position:absolute;
			bottom:0px;
		}
		
		#content #menu{
	width:181px;
	height:200px;
	background: url(../images/menu-bg.jpg) top left repeat-y;
	position:relative;
	margin-top:15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
		}
		
			#menu ul{
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-repeat: no-repeat;
	list-style-image: url(../images/bullet.jpg);
			}

			
			#menu ul li{
			}
			
			#menu ul li a{
				font:12px/14px verdana;
				color:#f9c114;
				text-decoration:none;
			}
			
			#menu ul li a:hover{
				text-decoration:underline;
			}
		
		#content #menu2-top{
			width:181px;
			height:24px;
			background:url(../images/menu-top.jpg);
			position:absolute;
			top:0px;
			left:0px;
		}
		
		#content #menu2-bottom{
			width:181px;
			height:19px;
			background:url(../images/menu-bottom.jpg);
			position:absolute;
			bottom:0px;
			left:0px;
		}
		
		
		
		#content #menu2{
			width:181px;
			background: url(../images/menu-bg.jpg) top left repeat-y;
			position:relative;
			margin:auto;
			margin-top:15px;
			padding-bottom:20px;
		}
		
			#menu2 ul{
				list-style:url(../images/bullet2.jpg);
				margin-left:30px;
				padding-top:30px;
			}
			
			#menu2 p{
				font:10px/11px arial;
				color:#d9e1ef;
			}
			
			#menu2 a{
				color:#F89838;		
			}
			
/* -------- content-right ------------ */

	#content #content-right {
		width:780px;
		background:#fff;
		float:left;
	}

		#content .content-right-data {
			width:331px;
			height:133px;
			float:left;
			display:inline;
			margin:10px 20px 30px 30px;
			
		}
		
					
				#content .content-right-data-1a {
				 	width:331px;
				 	height:22px;
				 	padding:0px;
				 	background:url(../images/area1-up-bar.jpg) top left no-repeat;
				}
				
					#content .bullet4 {
				 		height:16px;
				 		margin-left:8px;
						background: url(../images/bullet4.jpg) no-repeat left 7px;
					}
					
					.bullet4 p{
						font:11px/18px verdana;
						font-weight:bold;
						color:#fff;
						padding-left:12px;
					}
					
				
				#content .content-right-data-1b {
				 	width:329px;
				 	border-left: 1px solid #336699;
					border-right: 1px solid #336699;
				 	
				}
/* ---------temp. guides -----------------------------------*/	
			
					.txt{
					}
					
					.txt ul{
						list-style:url(../images/bullet2.jpg);
						margin-left:30px;
					}
					
					.txt li{
						font:11px/12px Verdana;
						color:#33669a;
					}
			
					.txt p{
						font:11px/12px Verdana;
						color:#666766;
						margin-left:10px;
					}
					
					.txt a, .txt a:visited{
						font:10px/12px verdana;
						color:#f89838;
					}
					
/* ---------temp. guides -----------------------------------*/
	
					#content .bullet {
				 		width:6px;
				 		height:6px;
				 		margin: 0px 0px 0px 0px;
						background: url(../images/bullet2.jpg) no-repeat;
					}
				
				#content .content-right-data-1c{
				 	width:331px;
				 	height:12px;
				 	background: url(../images/area1-down-bar.jpg) top left no-repeat;
				}
				
				
		#txt-up{
			width:700px;
			height:60px;
			padding: 25px 0px 0px 42px;
		}
		
		#content .content-right-data-down{
	width:700px;
	height:80px;
	background:#fff;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 30px;
		}
		
			#content .content-right-data-down-a{
				width:702px;
				height:25px;
				background: url(../images/area3-up-bar.jpg) top left no-repeat;
				
			}
				
			#content .content-right-data-down-b{
	width:699px;
	height:230px;
	background:#fbfeff;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
			}
			
				#content .content-right-data-down-b1{
	width:348px;
	border-right: 1px solid #336699;
	float:left;
	height: 210px;
					
				}
				
				#content .content-right-data-down-b2{
					width:348px;
					height:100px;
					float:left;
					padding: 0px 0px 0px 2px;
				}
		
			#content .content-right-data-down-c{
				width:702px;
				height:17px;
				background:url(../images/area3-down-bar.jpg) top left no-repeat;
				
			}
				
#footer{
	width:980px;
	height:27px;
	background: url(../images/footer-middle-bg.jpg) top left repeat-x;
	position:absolute;
}

	#footer #footer-left{
		width:8px;
		height:27px;
		float:left;
		background: url(../images/footer-left-bg.jpg) top left no-repeat;
	}
	
	#footer #footer-middle{
		width:964px;
		float:left;
		text-align:center;
	}
	
	#footer #footer-right{
		width:8px;
		height:27px;
		float:left;
		margin-bottom:0px;
		background: url(../images/footer-right-bg.jpg) top left no-repeat;
	}
	
	#footer p{
		font:10px arial;
		color:#fff;
		margin-top:6px;
	}


/*pages*/

#header-pages{
	height:133px;
	width:980px;
	background:#993300;
	/*background:url(../images/header-pages.jpg) top left no-repeat;*/
}
#menu ul img {
	padding-top: 21px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-repeat: no-repeat;
	list-style-image: url(../images/bullet.jpg);
	background-position: center;
}