@charset "utf-8";
/* CSS Document */



html		{	height: 100%;
				max-height:100%;
				padding: 0;
				margin: 0;
				border: 0;
				font-size: 12pt;
				/* \*/
				overflow: hidden;
				/* */ 
				font-family: sans-serif;  }

body		{	height: 100%;
				max-height:100%;
				overflow:hidden;
				padding: 0;
				margin: 0;
				border: 0;  }
				
.pad		{	display: block;
				height: 250px;	}
				
a, a:visited			{	text-decoration: none;
							color: black; }
						
a:hover		{	font-weight: bold;
				text-decoration: none;  }


#links .image	{	float: left;
					display: block;
					clear: left;
					margin-bottom: 15px;
					margin-left: 50px;
					border-right: 3px black solid;
					border-bottom: 3px black solid;		}
					
#links .text	{	float: left;
					vertical-align: top;
					margin-left: 20px;	}

#maincontent a 	{	border-bottom: 2px solid #9966CC; }
								
#header		{	height: 150px;
				width: 100%;
				margin: 0;
				padding: 0;
				border: 0;
				background: url("header_back.gif") top left repeat-x;
				z-index: 3; }
				
.titleblock	{	font: 24px white;
				font-stretch: expanded;
				font-variant: small-caps;
				font-weight: bolder;
				font-family: sans-serif;
				position: absolute;
				margin: 0;
				top: 103px;
				left: 0;
				width: 100%;
				text-align:center;
				color: white;
				z-index: 5;	}
				
.footerblock	{	font: 24px white;
					font-stretch: expanded;
					font-variant: small-caps;
					font-weight: bolder;
					font-family: sans-serif;
					position:absolute;
					bottom: 2px;
					width: 100%;
					text-align:center;
					color: white;
					z-index: 4;		}
				
#logo		{	position: absolute;
				top: 0;
				left: 0;
				z-index: 3; }

#logo_kodobot	{	position: absolute;
					left: 0;
					top: 150px;
					z-index: 3; }

#logo_kodomain	{	position: absolute;
					top: 150px;
					left:130px;
					z-index: 3; }
								
#maincontent	{	background-color: white;
					padding: 30px 20px;
					position: relative;
					z-index: 1; 
					display:block;
					height: 100%;
					max-height: 100%;
					overflow: auto;	  }
					

					
#footer			{ 	height: 50px;
					width: 100%;
					background: url("footer_back.gif") #660000 bottom left repeat-x;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 10; }

h2				{ 	font-family: Arial, Helvetica, sans-serif;
					font-size:18px;
					background: url(h2_background.gif) repeat-y top left;
					padding: 4px 10px;
					font-weight:bold;
					margin-bottom: 25px;
					color: white; }

h3				{ 	font-family: Arial, Helvetica, sans-serif;
					font-size:16px;
					color: black;
					font-weight:bold;
					padding: 3px 3px 3px 25px;
					background: url(kodokan_bullet.gif) no-repeat center left;	 } 
					
.smalltext		{	font-size: 9pt; }

.smalltext h2	{	font-size: 10pt;	}

.smalltext h3	{	font-size: 10pt;	}
					
.note			{	width: 170px;
					height: 165px;							
					background: url(postit_background.gif) no-repeat top left;
					float: right;
					clear: right;
					text-align: center;
					margin-bottom: 15px;
					padding: 25px 20px 20px 10px;
					font-size: 10pt;		}
					
.notepop		{ 	display: none;	 }

.note:hover	div.notepop	{	display: block;
							position: relative;
							left: -450px;
							top: -150px;
 							width: 450px;
							background: white;
							padding: 20px;
							border-top: 7px solid;
							border-bottom: 7px solid;
							border-color: #666666;				 }	

img				{	border: 0px; }

tr.header		{	background: url(h2_background.gif) repeat-y top left;
					font-weight: bolder;
					font-size: 16pt;
					color: white; }
					
tr.header td	{	padding-left: 5px; }

tr.header2 td	{ 	font-weight: bold; }		

.sched tr td	{	padding: 2px 5px 0px 5px;
					margin: 0;
					border: 1px solid black;
					vertical-align:top; }
					
.events tr td	{	padding: 0px 5px; }

#videoleft		{	width: 46%;
					text-align:center;
					float: left;		 }
					
#videoright		{	width: 46%;
					text-align:center;
					float: left;		}
					
.video ul		{	float: left;
					list-style-type: none;	}

.video ul li 	{ 	float: left;	}

.video ul li img	{	border: 1px dashed black;
						margin-left: 25px;		}

.videoname span	{ 	display: none;	}

.videoname:hover span	{ 	font-weight: normal;
							display: block;
						 	position: relative;
							top: -125px;
							left: 100px;
							width: 150px;
							background: white;
							padding: 7px;
							margin: 0px;
							z-index: 10;
							border-width: 1px 3px 3px 1px;
							border-color: #660000;
							border-top-style: dotted;
							border-left-style: dotted;
							border-right-style: solid;
							border-bottom-style: solid;		}
							
#termphrase	{	position: absolute;
				top: 25px;
				right: 50px;
				width: 250px;
				border: 1px black solid;
				padding: 10px;
				background-color: #ffffcc; }

#navigation	{	margin:0;
				padding: 100px 0 0 0;
				text-align:center;
				float: left;
				height: 100%;	}					
						
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 190px;	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 200px;
		z-index: 5;	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		text-align: left;
		padding: 15px 0 10px 0;
		margin-top : -35px;
		width: 200px;
		border-top: 2px #660000 double;
		border-bottom: 2px #660000 double;
		background: white;		}

	#nav ul li:hover	{	font-weight: bold; }

	#nav li ul li {
		padding-left: 25px;
		font-weight: normal;	}

	#nav li ul li:hover {
			background: url(list_background.gif) no-repeat center left;
			font-weight: bold;	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;	}
	
	#nav li a {
		text-decoration: none;	}
	
	#nav li a:hover { font-weight: bold;	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 200px;	}