html, body {
	font-family: arial;
	font-size: 11px;
	color: #444;
}

html {
	background: 
		radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent),
		radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent) 50px 50px,
		linear-gradient(#A8B1BB 8px, transparent 8px) 0 -4px,
		linear-gradient(0, #A8B1BB 8px, transparent 8px) -4px 0;
	background: 
		-webkit-radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent),
		-webkit-radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent) 50px 50px,
		-webkit-linear-gradient(#7e8c9a 8px, transparent 8px) 0 -4px,
		-webkit-linear-gradient(0, #7e8c9a 8px, transparent 8px) -4px 0;
		
	background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
	background-attachment: fixed;
	background-color: slategray;
}

.clear {
	clear: both;
}

a {
	color: #0084a5;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

.disill-wrap {
	margin: 20px auto;
	padding: 0 20px;
	
	min-width: 960px;
	max-width: 1200px;
}
	.disill-head {
	}
		.disill-head a.logo {
			display: block;
			
			margin: 0 0 20px 0;
			
			font-size: 40px;
			font-weight: bold;
			letter-spacing: -2px;
			color: #fff;
			
			text-align: center;
			text-shadow: 0 1px 2px rgba(0,0,0,.3);
		}
		
	.disill-main {
		padding: 0px;
		overflow: hidden;
		
		box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	
		border-radius: 2px;
		
		background: #fafafa;
	}
		.disill-main .disill-side {
			float: left;
			
			width: 25%;
			
			padding: 20px;
			
			min-height: 300px;
			
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			
			border-right: 1px solid #ccc;
		}
			.disill-side ul {
				border-left: 1px dotted #ccc;
			}
			.disill-side > ul {
				margin: 0 0 0 -20px;
				border: 0;
			}
				.disill-side ul li {
					margin: 0 0 0 10px;
					padding: 0 0 0 10px;
				}
					.disill-side ul li a {
						position: relative;
						display: block;
						
						margin: 0 0 5px 0;
						padding: 0 0 0 10px;
					}
					.disill-side ul li a:before {
						position: absolute; left: 0; top: 3px;
						
						content: "";
						
						width: 0px; height: 0px;
						
						border: 4px solid transparent;
						border-left-color: #333;
						
					}
		
		.disill-main .disill-content {
			float: left;
			
			margin: 0 0 -1px -1px;
			padding: 20px;
			
			width: 75%;
			min-height: 600px;
			
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			
			box-shadow: 0 0 10px rgba(0,0,0,.1);
			
			background: #fff;
		}
			.disill-main .disill-content .page-title {
				margin: 0 -20px 20px -20px;
				padding: 0 20px 20px 20px;

				font-size: 20px;
				font-weight: bold;

				border-bottom: 1px solid #ccc;
			}

	.disill-foot {
		padding: 10px;
		
		text-align: center;
		color: rgba(0,0,0,.5);
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
	}


table.data {
	margin: 0 0 20px 0;
}
table.data table.data {
	margin: 0;
}
	table.data th {
		font-weight: bold;
	}
	table.data th,
	table.data td {
		padding: 4px;
		border: 1px solid #ccc;
	}
	table.data td {
		vertical-align: top;
	}


.event-index {
}
	.event-index .item {
		margin: 0 0 0 0;
		padding: 10px 0;

		border-top: 1px solid #ddd;
	}
		.event-index .item .title {
			font-weight: bold;
		}
		.event-index .item .date {
			color: #999;
		}
		.event-index .item .text {
			
		}
		.event-index .item .more {
		}