/* CSS Style Sheet */
/* Copyright 2006 Ei Mei Kan */


/* General formatting */
body {
	color: #000;
	background-color: #fffded;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: medium;
}
a {
	color: #039;
	text-decoration: none;
}
a:hover {
	color: #03f;
}
h1 {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.1;
	margin-top: 5px;
}
h2 {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.1;
	margin-top: 5px;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	line-height: 1.1;
	margin-top: 5px;
}
table {
	font-size: medium;
}
table caption {
	background-color: #ffffdd;
	border: 1px solid gray;
	font-weight: bold;
	color: #000000;
	padding: 2px 6px;
	margin: 0px;
	text-align: center;
}
table th {
	background-color: #ffffdd;
	border-bottom: 1px solid silver;
	font-size: inherit;
}
table td {
	vertical-align: top;
	font-size: inherit;
}
input, password, select, textarea {
	border: 1px solid silver;
	color: #000;
	background-color: #ffffff;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: medium;
	padding: 1px;	
}
.submit {
	background-color: #ffffdd;
}
input:focus, password:focus, select:focus, textarea:focus {
	border: 1px solid black;
}
fieldset {
	border-bottom: none;
	border-left: 1px solid gray;
	border-right: none;
	border-top: none;
	margin: 5px 5px;
	padding: 5px 5px;
	min-width: 20px;
}
legend {
	background-color: #ffffdd;
	border: 1px solid gray;
	font-weight: bold;
	color: #000000;
	padding: 2px 6px;
	margin-bottom: 0px;
	margin-left: -6px;
	margin-right: 0px;
	margin-top: 0px;
}
@media handheld {
	img {
		display: none;
	}
}

/* Div-specific formatting */
#header-logo img {
	border: none;
}
#timetable th {
	text-align: center;
}
#timetable td {
	text-align: center;
}
#kyugradestable th {
	text-align: left;
}
#kyugradestable td {
	text-align: left;
}

/* Styles (i.e. classes) */
.floatright {
	float: right;
	margin: 5px 5px 5px 5px;
	border: 1px solid #666666;
	padding: 2px;
}
.borderrightsilver {
	border-right: 1px solid silver;
}
.borderbottomsilver {
	border-bottom: 1px solid silver;
}
.borderrightandbottomsilver {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
.listhead {
	list-style: none;
	font-weight: bold;
}
.center {
	text-align: center;
}
.thumb {
	margin: 5px 5px 5px 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding: 2px;
}
.thumba {
	margin: 5px 5px 5px 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding: 2px;
}
.thumba:hover {
	margin: 5px 5px 5px 5px;
	border: 2px solid #666666;
	background-color: #FFFFFF;
	padding: 1px;
}
.thumbcell {
	margin: 0;
	border: none;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
.article {
	text-align: left;
	width: 90%;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid black;
	background-color: #FFFFFF;
}
.copyright {
	font-size: small;
	text-align: right;
}
@media print {
	.hideonprint {
		display: none;
	}
}
@media screen, handheld {
	.showonprint {
		display: none;
	}
}
@media handheld, screen {
	.borderbottomsilverhideonprint {
		border-bottom: 1px solid silver;
	}
}
@media print {
	.borderbottomsilverhideonprint {
		display: none;
	}
}
.icon {
	border: none;
	padding: 0px;
	vertical-align: middle;
}

/* Liquid Two Column Layout */

@media screen{
	#container {
		/* width: 90%; */
		margin-top: 25px;
		margin-left: 75px;
		margin-right: 75px;
		margin-bottom: 75px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
@media handheld{
	#container {
		/* width: 100%; */
		margin: 1px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
@media print{
	#container {
		/* width: 100%; */
		margin: 1px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
@media screen{
	#admincontainer {
		/* width: 90%; */
		margin-top: 25px;
		margin-left: 220px;
		margin-right: 75px;
		margin-bottom: 75px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
@media handheld{
	#admincontainer {
		/* width: 100%; */
		margin: 1px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
@media print{
	#admincontainer {
		/* width: 100%; */
		margin: 1px;
		padding: 0px;
		text-align: left;
		background-color: #ffffff;
	}
}
#header {
	height: 100px;
	padding: 0px;
	margin: 0px;
	border: 1px solid gray;
	background-color: #900;
}
#header-logo {
	float: left;
	width: 180px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	border-right: 1px solid gray;
}
#header-text {
	background-color: inherit;
	color: #ffffff;
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 30px;
	font-weight: normal;
	height: auto;
	padding-left: 22px;
	padding-top: 34px;
	width: auto;
}
#subheader {
	height: 20px;
	background-color: #fffded;
}
#main {
	border: 1px solid gray;
	background-color: #fffded;
}
@media print{
	#leftcolumn {
		display: none;
	}
}
@media handheld, screen{
	#leftcolumn {
		z-index: 1;
		/* clear: both; */
		float: left;
		width: 180px;
		padding: 0px;
	}
}
@media handheld, screen {
	#content {
		z-index: 0;
		margin-left: 180px;
		width: auto;
		padding: 15px 20px;
		line-height: 18px;
		background-color: #ffffff;
		border-left: 1px solid #900;
	}
}
@media print {
	#content {
		z-index: 0;
		margin-left: 0px;
		width: auto;
		padding: 15px 20px;
		line-height: 18px;
		background-color: #ffffff;
		border-left: none;
	}
}
@media handheld, screen {
	#adminleft {
		z-index: 1;
		clear: left;
		float: left;
		position: fixed;
		top: 14px;
		width: 170px;
		padding: 15px;
		line-height: 18px;
		background-color: #ffffff;
		border: 1px solid gray;
		text-align: left;
	}
}
@media print {
	#adminleft {
		display: none;
	}
}
#footer {
	clear: both;
	width: auto;
	padding: 10px;
	border-top: 1px solid silver;
	background-color: #ffffff;
	color: #666;
	font-size: 11px;
	text-align: right;
}
@media handheld, screen {
	#commandDiv {
		float: right;
		text-align: right;
	}
}
@media print {
	#commandDiv {
		display: none;
	}
}
@media handheld, screen {
	#searchbox {
		float: right;
		white-space: nowrap;
	}
	#searchbox fieldset {
		border: 1px solid gray;
	}
}
@media print {
	#searchbox {
		display: none;
	}
}
/* Navigation List */

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

}
#leftcolumn a {
	color: #900;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 25px;
	text-decoration: none;
	width: 130px;
}
#leftcolumn a:hover {
	background-color: #fff;
	color: #900;
	padding: 8px 25px;
}
.active {
	/* Use with current page link */
	background-color: #ffffff;
	border-right: 1px solid white;
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	padding: 8px 25px;
}
.active-top {
	/* Use with active link at top of the list */
	background-color: #ffffff;
	border-right: 1px solid white;
	border-top: none;
	border-bottom: 1px solid #900;
	padding: 8px 25px;
}
.inactive {
	/* Use with inactive links, i.e. not current page */ 
	background-color: #ffffdd;
	border-right: 1px solid #900;
	border-bottom: 1px solid silver;
}
.inactive-above {
	/* Use with inactive link above active link, if any */
	background-color: #ffffdd;
	border-right: 1px solid #900;
	border-bottom: none;
}
/* Slideshow */
#slidetable {
	width : 810px;
}
#slidetable td {
	background-color: #ffffff;
	border: 1px solid #666666;
	margin: 5px;
	padding: 2px;
}