<style>
.row {
display: flex;
}
.column {
flex: 50%;
padding: 10px;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
}
/* Programs Link */
#float_none_box {
margin: 0 5% 0 0;
padding: 0;
}
#float_left_box1 {
float: left;
width: 45%;
margin: 0 5% 0 0;
padding: 0;
}
#float_left_box2 {
float: left;
width: 45%;
margin: 0 0 0 5%;
padding: 0;
}
#top_programs, #top_infofor {
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#top_programs a, #top_infofor a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 2em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#top_programs a:hover, #top_infofor a:hover {
color: #9E1B34;
background: #f1efe8;
}
#top_programs div:first-child a, #top_infofor div:first-child a {
border-top: medium solid #bdaa88;
}
#top_programs div:last-child a, #top_infofor div:last-child a {
border-bottom: medium solid #bdaa88;
}
#top_programs a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}
#top_infofor a:before {
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}

@media screen and (max-width: 959px) {
#float_left_box1 {
width: 100%;
margin: 0 0 0 0;
}
#float_left_box2 {
width: 100%;
margin: 2em 0 0 0;
}
}

</style>