@charset "utf-8";

    	body {
    		margin: auto;
			width: 950px;
			background-color: #fffce8;
		}

		h1 {
			float: left;
				margin: 15px 0px 0px 0px;
		}
		h2 {
			color: #2ca9e1;
			float: left;
			font-size: 90%;
		}
		
		
			
		h3 {
			clear: both;
			width: 260px;
			margin-top: 2em;
			font-size: 130%;
			border-style: solid;
			border-color: #a0d8ef;
			border-width: 0px 0px 2px 10px;
			padding-left: 0.5em
		}
	
		ul.navi {
			clear: both;
			background-color: #FFBF80;
			color: white;
			margin: 0px;
			padding: 3px;
		}
		ul.navi li {
			display: inline;
			list-style-type: none;
			margin: 0px 0.8em;
		}

	ul.navi a {
		color: white;
		text-decoration: none;
		border: 1px #FFBF80 solid;
	}
	ul.navi a:hover {
		border: 1px yellow; solid;
		background-color: #DFF4F4;
		color: blue;
	}
		table.all {
		font-size: 75%;
		margin-top: 2em;
		margin-botom: 2em;
		margin-left: 5px; 
		margin-right: 5px;
		width: 450px;
		border: solid 2px #c0c0c0;
		border-collapse: collapse;
	}
	table.all th {
		border-bottom: solid 2px #00aa80;
		border-right: dashed 1px gray;
		padding: 0.2em;
	}
	table.all td {
		border-bottom: solid 1px green;
		border-right: dashed 1px gray;
		padding: 0.4em 0.2em;
	}
	
	.control {
		height: 30px;
		padding-top: 1.5em;
		font-size: 94%;
		}
	
	.left {
	    float: left;
	    width: 465px;
	    }
	 .fa {
		clear: both;
		}
	caption {
		font-weight: bold;
		font-size: 140%;
		color: #e22307;
		}
	.right{
	    float: right;
	    width: 465px;
	    }
	.wide {
			height: 1px;
			background-color: #ff8000;
			border: none;
			color: #ff8000;
			}