/*
	float: left; float: right;
	clear: both; clear: left; clear: right;
	position: relative; position: absolute;
	overflow: hidden; overflow: visible; overflow: auto;
	display: inline; display: block;
	zoom: 1;
*/

html, body {
	width: 100%;
	height: 100%;
}

body, td, th, div, p, span, select, input, textarea, a {
	color: #000000;
	font-size: 9pt;
}

body {
	background: #555555;
}

#mainBox {
	width: 100%;
	overflow: visible;
}

	#mainContainer {
		width: 980px;
		margin: auto;
		position: relative;
	}
	
		#flashBannerBox {
			position: absolute;
			top: 244px;
			left: 51px;
		}
	
		#sectionTop {
			margin: 45px 0 0 0;
		}
		
			#mainLogo {
				float: left;
			}
			
			#mainTopMenu {
				float: right;
				margin: 50px 90px 0 0;
				padding: 0 0 10px 0;
				background: url(../../../data/layout/barykada/top_menu_bar.jpg) bottom left repeat-x;
			}
			
				#mainTopMenu ul {
					margin: 0;	
				}
			
				#mainTopMenu li {
					display: inline;
					margin: 0 0 0 40px;
				}
				
				#mainTopMenu li:first-child {
					margin: 0 0 0 5px;
				}
				
				#mainTopMenu li:last-child {
					margin: 0 5px 0 40px;
				}
			
				#mainTopMenu a {
					color: #ffffff;
					font-weight: bold;
				}
				
		#sectionCenter {
			width: 100%;
		}
		
			#sectionA {
				margin: 10px 0 0 0;
				width: 100%;
				height: 115px;
				background: url(../../../data/layout/barykada/bg_a.jpg) no-repeat top center;
			}
			
			#sectionB {
				width: 100%;
				height: 233px;
				background: url(../../../data/layout/barykada/bg_b.jpg) no-repeat;
			}
			
				
			
			#sectionC {
				width: 100%;
				height: 29px;
				background: url(../../../data/layout/barykada/bg_c.jpg) no-repeat;
			}
			
			#sectionD {
				width: 100%;
				height: 132px;
				background: url(../../../data/layout/barykada/bg_d.jpg) no-repeat;
			}
			
				#boardBox {
					float: left;
					margin: 15px 0 0 135px;
				}
				
				#middleMenu {
					margin: 10px 120px 0 0;
					float: right;
				}
				
					#middleMenu ul {
						float: left;
						list-style: none;
					}
							
					#middleMenu li {
						margin: 0 30px 0;
						background: url(../../../data/layout/barykada/dot.png) no-repeat center left;
						padding: 10px 0 10px 25px;
					}
					
					#middleMenu a {
						color: #000000;
						font-size: 10pt;
						font-weight: bold;
					}
					
					
					
			
			#sectionE {
				width: 100%;
				height: 71px;
				background: url(../../../data/layout/barykada/bg_e.jpg) no-repeat;
			}
			
			#sectionCsub {
				width: 100%;
				min-height: 232px;
				height: auto !important;
				height: 232px;
				overflow: visible;
				background: url(../../../data/layout/barykada/bg_c_sub_2.jpg) no-repeat top center;
			}
			
				#contentBox {
					width: 847px;
					padding: 35px 0 0 58px;	
				}
				
					#contentTitleBox {
						margin: 0 0 0 210px;
						background: url(../../../data/layout/barykada/dot.png) no-repeat 5px 50%;
						padding: 10px 0 10px 40px;
						font-size: 10pt;
						border-bottom: #8F8F8F solid 2px;
						width: 570px;
						color: #C03701;
					}
					
					#contentContainer {
						background: #ffffff;
						width: 100%;
					}
					
					#contentContainer2 {
						background: #ffffff;
						width: 100%;
					}
				
						#leftMenuBox {
							float: left;
							margin: 0 0 0 0;
							width: 190px;
						}
						
							#leftMenuBox a {
								color: #000000;
							}
						
							#leftMenuBox ul {
								list-style: none;
							}
						
							#leftMenuBox li {
								background: url(../../../data/layout/barykada/menu_dot.jpg) no-repeat center left;
								padding: 3px 0 3px 25px;
							}
						
						#content {
							width: 610px;
							padding: 20px 20px 40px 20px;
						}
			
		#sectionFooter {
			margin: 5px 0 0 0;
			text-align: center;
		}
		
#content2 {
	margin: auto;
	width: 760px;
	padding: 20px 0 40px 0;
}

.galleryItem {
	float: left;
	margin: 10px 10px 10px 10px;
}

#madeBy {
	float: right;
}

	#madeBy span {
		color: #ffffff;
		font-size: 8pt;
	}