/*
Theme Name: ofaStyle
Author: Felenwe Lee
Version: 1.0
*/
body{
	text-align:center;
	font-size:12px;
	margin:0px;
	font-family:Verdana,Arial;
}
	.clear{clear:both;line-height:0;height:0;padding:0;margin:0;font-size:0;}

img{
	 border:0px;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

#container{
	width:960px;
	border-color:#DADADA;
	margin-top:20px;
}

	#header{
		width:960px;
	}

		#logoArea{
			padding-left:10px;
width:950px;
			text-align:left;
height:61px;
			margin-bottom:10px;

		}

			#logoArea img{
				border:0px;
				float:left;
			}

			#topMenu{
				float:right;
				margin-right:10px;
			}

			#topMenu a{
				color:#183884;
				text-decoration:none;
			}

			
			#topMenu a:hover{
				color:#183884;
				text-decoration:underline;
				font-weight:bold;
			}

		#slider{
			width:960px;
			height:100px;
			float:left;
			position:relative;
			background:url(images/loading.gif) no-repeat 50% 40%;
			
		}
			#slider img {
				position:absolute;
				top:0px;
				left:0px;
				display:none;
				z-index:1;
			}

		#menuArea{
			background:url(image/menu.png) repeat-x;
			width:960px;
			height:50px;
			padding-top:5px;
			margin-top:0px;
			border:0px;
		}

			#menu{
				width:900px;
			}

			#menu ul{
				margin: 0px;
				padding: 0px;
			}

			#menu ul li {
				float: left;
				display: inline;
				font: 14px Arial, Helvetica, sans-serif;
				height: 30px;
				width: 150px;
				list-style: none;
				color:#B0D8FF;
				font-weight:bold;
			}
			#menu ul li a:hover { 
				background: #213D6D;
				color:#FFFFFF;
			}

			#menu ul li a {
				color: #B0D8FF;
				text-decoration: none;
				line-height: 29px;
				width: 148px;
				margin: 0px;
				padding: 0px 0px 0px 0px;
				display: block;
				border: solid 1px #ffffff;
				background: #183884;
			}

			#menu ul li:hover ul { visibility: visible; z-index:999;position:relative;}
			#menu ul li ul { visibility: hidden;z-index:999; }

			#menu ul li ul li { height:25px;border:1px #ffffff; }
			#menu ul li ul li a:hover { background: #213D6D;color:#FFFFFF; }
			#menu ul li ul li a {
				background: #183884;
				line-height:24px;
				color:#B0D8FF;
			}



			#mainMenu{
				height:38px;
				text-align:center;
				width:900px;
			}

				#mainMenu ul{
					margin-left:0px;
					margin-top:0px;
					margin-bottom:0px;
					padding-top:10px;
					padding-bottom:0px;
					padding-left:0px;
					padding-right:0px;
					margin-right:10px;
				}

					#mainMenu ul li{
						display:inline;
						padding-top:8px;
						padding-bottom:8px;
						margin-left:0px;
						margin-right:0px;
						margin-top:0px;
						margin-bottom:0px;
						background-color:#183884;
						color:#B0D8FF;
						

					}

						#mainMenu ul li a{
							text-decoration:none;
							color:#B0D8FF;
							font-weight:bold;
							font-size:16px;
							width:130px;
						text-align:center;
						}

						#mainMenu ul li a:hover{
							text-decoration:none;
							color:#B0D8FF;
							font-weight:bold;
							font-size:16px;
							padding-bottom:10px;
						}
	#bannerArea{
		margin-bottom:0px;
		padding-bottom:0px;
		width:960px;
		height:100px;
		border:0px;
	}
	#bannerArea img{
		border:0px;
		margin-bottom:0px;
		padding-bottom:0px;
		width:960px;
		height:100px;
	}

	#bodyer{
		width:960px;
		background:url(image/sidebar_bg.jpg) repeat-y;
	}




		#content{
			width:650px;
			float:right;
			padding-left:30px;
			padding-right:30px;
		}

			.sl{
				float:left;
				width:305px;
				margin-top:10px;
			}

			.sr{
				float:right;
				width:305px;
				margin-top:10px;
			}

			.titleArea_s{
				width:295px;
				height:15px;
				padding-top:2px;
				padding-left:10px;
				text-align:left;
				BACKGROUND-IMAGE: url(image/h1_orange_block.gif); 
				BORDER-BOTTOM: #c13f00 2px solid;
				font-size:13px;
				color:#FFFFFF;
			}

			.articleArea_s{
				width:285px;
				margin-bottom:10px;
				margin-top:10px;
				font-size:13px;
				color:#000000;
				padding-left:10px;
				padding-right:10px;
				text-align:left;
			}

			.titleArea{
				width:640px;
				height:15px;
				padding-top:2px;
				padding-left:10px;
				text-align:left;
				BACKGROUND-IMAGE: url(image/h1_orange_block.gif); 
				BORDER-BOTTOM: #c13f00 2px solid;
				font-size:13px;
				color:#FFFFFF;
				border-top:20px;
                                margin-top:10px;
			}

			.articleArea{
				width:630px;
				margin-bottom:10px;
				margin-top:10px;
				font-size:13px;
				color:#000000;
				padding-left:10px;
				padding-right:10px;
				text-align:left;
			}

                        .articleArea a{
							text-decoration:none;
							color:#000000;
							font-size:12px;
						}

						.articleArea a:hover{
text-decoration:none;
color:#183884;
							font-size:12px;
						}

				.moreSpan{
					float:right;
					margin-bottom:10px;
				}

				.moreSpan a img{
					border:0px;
				}
				.backSpan{
					float:right;
					margin-bottom:10px;
				}

				.backSpan a img{
					border:0px;
				}

/*				.articleArea img{
					float:left;
					border:1px solid;
					border-color:#EBEBEB;
					margin-top:5px;
					margin-right:10px;
				}
*/
				.articleArea ul{
					list-style-type:disc;
					list-style-image:url(image/articleTitle_dot.jpg);
					list-style-position:inside;
					margin-left:0px;
					padding-left:0px;
				}

					.articleArea ul li{
						text-align:left;
						padding-left:0px;
						margin-left:0px;
						margin-bottom:5px;
					}

						.articleArea ul li a{
							text-decoration:none;
							color:#737373;
							font-size:12px;
						}

						.articleArea ul li a:hover{
							color:#F4638E;
							font-size:12px;
						}

						.articleArea ul li a span{
							float:right;
						}

			#hotProducts{
				height:128px;
				width:459px;
				border:5px solid;
				border-color:#EBEBEB;
				margin-bottom:25px;
				overflow:hidden;
				white-space: nowrap;
				-moz-border-radius: 5px;    
				-webkit-border-radius: 5px;    
				border-radius: 5px;  
				padding:10px;
				
			}

				#hotProducts ul{
					list-style-type:none;
					margin:0px;
					padding:0px;
				}

					#hotProducts ul li{
						display:inline;
						margin-right:10px;
					}
					#hotProducts ul li a{
						color:#A6A6A6;
						text-decoration:none;
						font-size:12px;
					}

					#hotProducts ul li a:hover{
						color:#A6A6A6;
						text-decoration:underline;
						font-size:12px;
					}

					#hotProducts ul li a img{
						width:120px;
						height:120px;
						border:1px solid;
						padding:3px;
						border-color:#E8E8E8;
					}
			
	#footer{
		width:960px;
		height:50px;
		margin-top:15px;
	}

			#copyright{
				height:40px;
				width:709px;
				background-color:#E8E8E8;
				padding-top:20px;
				text-align:center;
				color:#A6A6A6;
				font-size:14px;
			}

			#copyright a{
				color:#A6A6A6;
				text-decoration:none;
				font-size:14px;
			}

			#copyright a:hover{
				color:#A6A6A6;
				text-decoration:none;
				font-size:14px;
			}

	.productItem{
		width:142px;
		margin-right:20px;
		margin-top:20px;
		float:left;
	}

		.productItem p{
			width:142px;
			text-align:center;
			display: block;
			overflow:hidden;
			white-space: nowrap; 
			-o-text-overflow: ellipsis; 
			text-overflow: ellipsis; 
		}

		.productItem a img{
			border:1px solid;
			border-color:#E8E8E8;
			width:140px;
			height:140px;
		}

#colLeft{
	width:100%;
	text-align:left;
}

#colRight{
	float:left;
	width:200px;
	margin-right:0px;
	text-align:left;
	padding-top:20px;
	background-color:#183884;
	color:#B0D8FF;
}
	.rightBox{
		width:160px;
		margin-left:20px;
		margin-bottom:20px;
	}
		#exhibitionList{
			width:160px;
		}

				#exhibitionList ul{
					list-style-type:none;
					margin-left:0px;
					padding-left:0px;
				}

					#exhibitionList ul li{
						text-align:left;
						padding-left:0px;
						margin-left:0px;
						margin-bottom:5px;
						font-size:13px;
						color:#FFFFFF;
					}

						#exhibitionList ul li a{
							text-decoration:none;
							color:#FFFFFF;
							font-size:13px;
						}

						#exhibitionList ul li a:hover{
							color:#FFFFFF;
							font-size:13px;
						}


		.moreDiv{
			width:160px;
			padding-top:10px;
			padding-bottom:10px;
			text-align:left;
			color:#ffffff;
			font-size:13px;
			font-weight:bold;
		}

		.moreDiv a{
			text-decoration:none;
			color:#FFFFFF;
			font-size:13px;
			font-weight:#FFFFFF;
		}

		.moreDiv a:hover{
			text-decoration:none;
			color:#FFFFFF;
			font-size:13px;
			font-weight:#FFFFFF;
		}



	.rightBox form div label{
		display:none;
	}
	
	.rightBox form div input[type="text"]{
		width:90px;
	}

	.rightBox form div{
		padding-top:10px;
		white-space: nowrap;
	}

		.rightBox h2{
			font-size:14px;
			height:18px;
			border-bottom:2px solid;
			border-color:#B0D8FF;
			padding-top:4px;
			text-align:left;
			margin-bottom:0px;
			padding-left:5px;
			color:#B0D8FF;
			font-weight:normal;
		}


				.titleFont{
					border-left:4px solid;
					border-color:#F4638E;
					margin-left:7px;
					padding-left:7px;
					float:left;
					color:#737373;
					font-weight:bold;
					font-size:14px;
				}
.rightBoxContent{
	width:160px;
}


.wp-pagenavi{
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.wp-pagenavi span{
	border:1px solid;
	border-color:#E8E8E8;
	padding:5px;
	margin-right:5px;
}

.wp-pagenavi a{
	border:1px solid;
	border-color:#E8E8E8;
	padding:5px;
	margin-right:5px;
}

	.postItem{
		width:649px;
		text-align:left;
		font-size:14px;
		color:#737373;
		overflow:hidden;
		margin-bottom:20px;
		margin-top:10px;
	}

	.postItem img{
		border:0px;
	}

	/*.post h1{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:#737373;
		margin-bottom:20px;
	}*/

	.postTags{
		width:649px;
		text-align:left;
		font-size:14px;
		margin-bottom:20px;
	}

	.postContent{
		width:649px;
		text-align:left;
		margin-top:20px;
	}


#location2{
	width:630px;
	margin-top:20px;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	text-align:right;
	font-size:13px;
	color:#c13f00;
	font-weight:bold;
}

	#location2 a{
		font-size:13px;
		color:#c13f00;
		text-decoration:none;
		font-weight:bold;
	}

	#location2 a:hover{
		font-size:13px;
		color:#c13f00;
		text-decoration:underline;
		font-weight:bold;
	}