main#maindiv {max-width:800px}

div.topbox {margin-top:1.5em; /*margin-bottom:.5em;*/background-color: #008000;height:5em;border-radius:10px;overflow:hidden}
div.innertop {display:inline-block;margin-top: .4em;}
div.innertop p {text-align:center;background-color:#4CAF50;border-radius:5px;padding:.4em 0 .6em 0}
div.innertop a {color: #ffffff;padding:.5em .5em}

div.topbox[data-columns="1"] div.innertop {width:33%;}
div.topbox[data-columns="1"] {padding-left: 40%}

div.topbox[data-columns="2"] div.innertop {width:33%;}
div.topbox[data-columns="2"] {padding-left: 25%}

div.topbox[data-columns="3"] div.innertop {width:32%;}
div.topbox[data-columns="3"] {padding-left: 3%}
div.topbox[data-columns="4"] div.innertop {width:24%;}
div.topbox[data-columns="4"] {padding-left: 3%}


@media screen and (max-width: 830px) {
	div.topbox[data-columns="3"] div.innertop {width:32%;}
   }

@media screen and (max-width: 333px) {	
	div.topbox[data-columns="4"] div.innertop {width:23%;}
   }


dt {font-weight:bold;margin-top: 10px }

table.schedule {max-width:800px;margin-left:auto;margin-right:auto}

table.dayset { max-width:400px; }

td { vertical-align:top }
tr.dayhead { background-color: #008000; color: #ffffff}
td.dayhead { text-align: center }

tr.triptype { background-color: #60b060; color: #ffffff}
td.triptype { text-align: left}

td.tripno {
	vertical-align:top;
	width:50px;
	}