

.column28 {width:15%; float: left; overflow: auto; background:#ffffff; margin: 50px 5px 5px 25px; padding: 10px; border-width:1px; border-style:solid; border-color:#000000;}

.column52 {width:58%; float: left; overflow: auto; background:#ffffff; margin: 25px 5px 5px 25px; padding: 10px; border-width:0px; border-style:solid; border-color:#000000;}

.imgleft {float:left; border-width:0;margin:5px;}

.imgright {float:right; border-width:0;margin:5px;}

.vlist ul {
	list-style-position: outside; 
	list-style-type: disc; 
	margin: 10px 0 15px 35px;
	text-align:left;
}


.vlist ul li ul {
	list-style-position:outside;
	list-style-type: circle;
	margin:0 0 0 1em;
	
	
}


.nlist ol {
	list-style-position: outside; 
	margin: 10px 0 15px 35px;
	text-align:left;
}



.nlist ol li ol {
	list-style-position:outside;
	margin:0 0 0 1em;
	font-size:.8em;
	
}

<!-- From search01 original below -->

        form {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        input[type="text"] {
            width: 300px;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        input[type="submit"] {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            background-color: #007bff;
            color: white;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }

        #player {
            margin: 20px auto;
            width: 640px;
            height: 360px;
        }
        
                #time {
            font-size: 1em;

        }
        #weather {
            font-size: 1em;
        }
        

