/* Reset ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, 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: 1em;vertical-align: baseline;background: transparent;}
html {font-size: 100%;}
ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}


/* General Rules and Classes ----------------------- */
body {	
	background: #efefef;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 72%;
	height: 100%;
	line-height: 1.2;
}
#container {
	background: #fff url(images/bgContainer.gif) repeat-y;
	margin: 0 auto;
	width: 980px;
}
.hide {
	display: none;
}
hr {
	background: #e2e2e2;
	border: none;
	color: #e2e2e2;
	height: 7px;
	margin: 7px 19px 7px 15px;
}

a {
	color: #f70;
	font-weight: bold;
}
	a:hover {
		color: #c00;
		text-decoration: none;
	}
	
a img, .thumb {
	border: 1px solid #e1e1e1;
	display: inline;
	float: left;
}
	a:hover img, a:hover .thumb {
		border: 1px solid #ff7c00;
	}

p {
	margin: 5px 0 15px;
}

/* Header ----------------------------------------- */
#header {
	margin: 0 12px 0 10px;	
	position: relative;
}
	#header h1 {
		font-size: 300%;
		padding: 10px 10px 0;
	}
		#header h1 span {
			color: #f70;
		}
	#slogan {
		color: #666;
		font-size: 180%;		
		padding: 0 10px 10px;		
	}
	
	#header .gaBox {
		display: inline;
		float: left;
		height: 15px;
		margin: 4px 0 0 15px;
		width: 468px;	
	}
	

#nav {	
	display: inline;
	float: left;
	height: 24px;	
}
	#nav ul {
		margin-left: 2px;
	}
		#nav ul li {
			display: inline;
			height: 100%;		
			overflow: hidden;		
		}
			#nav ul li a {
				display: block;
				float: left;
				font-weight: normal;
				margin: 1px;
				padding: 3px 15px;
			}
				#nav ul li a:hover {
					color: #f70;
					text-decoration: underline;					
				}
				#nav ul li a.active {
					font-weight: bold;
					color: #000000;
				}


	

/* Body ------------------------------------------- */
#content {	
	margin-top: 2px;
}

	.fullContent {
		clear: both;
		height: 100%;
		margin: 0 12px 0 10px;
		overflow: hidden;		
	}
	
	
	/* sidebar */
	.sidebar {		
		display: inline;
		float: left;
		margin: 15px 0 0 5px;
		width: 176px;		
	}
		
						
	
	/* main pane */
	.mainFold {		
		display: inline;
		float: left;		
		width: 772px;
	}		
		.mainFold h2, .fullContent h2 {
			border-bottom: 1px solid #999;
			font-size: 170%;
			font-weight: normal;
			margin: 10px;
			text-transform: uppercase;
		}
			.mainFold h3 a {
				color: #1c95c2;
				text-decoration: none;
			}
				.mainFold h3 a small {
					font-size: 66%;
					font-weight: bold;
				}
				.mainFold h3 a:hover {
					color: #702c21;
				}
				
		.mainFoldBox {
			margin: 10px;
			position: relative;
			padding: 10px;
		}
			.mainFoldBox .gaBox {
				height: 280px;
				position: absolute;
				right: 0;
				top: 100px;
				width: 336px;				
			}
			
			
			
		.pagination {
			position: absolute;
			right: 10px;
			top: 10px;
		}
			.pagination a {
				color: #ff7c00;
				display: inline;
				float: left;
				height: 20px;
				line-height: 20px;
				margin: 0 5px;
				text-decoration: none;
			}				
				.pagination a:hover {					
					color: #702c21;
				}
				.pagination a.number {
					background: #fff;
					border: 1px solid #c0c0c0;					
					font-weight: bold;
					text-align: center;
					margin: 0 1px 0 0;
					width: 20px;
				}
					.pagination a.number:hover {
						border: 1px solid #ff7c00;
					}
				.pagination span.number {
					background: #666;
					border: 1px solid #666;
					color: #fff;
					display: inline;					
					float: left;
					font-weight: bold;
					height: 20px;
					line-height: 20px;
					margin-right: 1px;
					text-align: center;
					width: 20px;
				}
				
				
			.intro {				
				font-size: 150%;
				height: 370px;
			}
				.intro h3 {
					font-size: 130%;
				}
				.intro a {
					color: #ff7c00;
					text-decoration: none;
				}
					.intro a:hover {
						color: #702c21;
					}
									

			.showBullet {
				list-style: disc;
				margin-bottom: 30px;
				padding-left: 15px;
			}
				
				
		/* Main Fold Section */
		.mainFoldSection {			
			background: url(images/bgMainFoldSection.png) no-repeat;
			clear: both;
			height: 100%;
			margin: 0 11px;
			overflow: hidden;
			padding: 10px 15px;
			position: relative;
		}
			#searchResult .mainFoldSection img.thumb {
				clear: left;
				margin: 10px 10px 10px 0;
			}
			#searchResult .mainFoldSection p {
				display: inline;
				float: left;
				padding-top: 20px;
			}
			
			#detailIntro {
				position: relative;
			}
				#detailIntro h2 {
					left: 15px;
					position: absolute;
					top: 30px;
				}
				#detailIntro p {
					clear: right;
					display: inline;
					float: right;
					margin-bottom: 30px;
					width: 480px;					
				}
		
		/* Main Fold Left */
		.mainFoldLeft, .mainFoldRight {
			display: inline;
			float: left;
			width: 50%;
		}
			.mainFoldLeft p {
				display: inline;
				float: left;
				margin: 0 10px;
				width: 200px;
			}
			.mainFoldLeft .thumb {
				float: right;
			}
		
		
		/* Main Fold Right */
		.mainFoldRight img, .mainFoldRight p {
			margin-left: 10px;
		}
		.mainFoldRight p {
			clear: both;
			display: block;
			height: 100%;
			overflow: hidden;
			padding-top: 10px;
		}
		.withBG {
			background: #e9e9e9;
			margin: 0 10px;
		}
			.withBG img {
				margin: 10px 0 10px 30px;
			}
		
		
		
	/* Three Fold section */
	.threeFold {
		background: url(images/bgThreeFold.png) no-repeat;
		display: inline;
		float: left;
		margin-left: 5px;		
		padding: 6px 15px;		
		width: 281px;
	}
		.threeFold h2 {			
			font-size: 170%;
			font-weight: bold;	
			margin-bottom: 3px;		
		}
		.threeFold h3 a {
			color: #1c95c2;
			font-size: 160%;
			font-weight: normal;
			text-decoration: none;
		}
			.threeFold h3 a:hover {
				color: #702c21;
			}
				
	

/* Footer ----------------------------------------- */
#footer {
	background: url(images/bgBottomContent.png) 0 100% no-repeat;
	clear: both;
	font-size: 95%;
	line-height: 18px;
	padding: 15px 0 30px;
	text-align: center;
}