/**
body{  
margin: 0;  
padding: 0;  
font-size:10pt;
color:#333;
text-align:center;
}

div#header {
position: static !important;  
height: initial;
height: 60px;
text-align:left;
overflow:hidden;
}  
**/

div#main {
overflow:visible;
}  

h1, h2, h3 {
margin:0.5em auto;
padding:5px;
border:0;
background-color:#fff;
border-radius:0;
}

h1 {
text-align:left;
padding:15px;
}

h2 {
margin:0;
font-size:13pt;
}

table {
margin:0.5em auto;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
}

td, th {
padding:3px 5px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
text-align:left;
vertical-align:top;
}

th {
	font-weight:bold;
	background-color:#eee;
	text-align:center;
}

td.event_info {
text-align:left;
}

em {
	color:#f66;
	font-weight:bold;
}

div#information {
margin:5px;
}

div#evtbox > p,
.center,
p.pagetop,
p#link {
text-align:center;
}

p {
margin:0.5em 8px;
}

.center {
text-align:center;
}

input, textarea {
border:1px solid #ccc;
border-radius:5px;
padding:5px;
line-height:1.2em;
font-size:9pt;
margin:2px;
box-shadow:0 0 2px 2px #ccc;
}

input:focus, textarea:focus {
border:1px solid #933;
box-shadow:0 0 2px 2px #faa;
}


/** �������X�}�z�p������ **/

@media screen and (max-width: 699px) {

	table {
	margin:0.5em 5px;
	}

	td, th {
	font-size:8pt;
	padding:2px;
	line-height:120%;
	}

}