body{
    font-family: Verdana;
    font-size: 16px;
}

p, ul {
    line-height:2;
    font-size: 16px;
}

a{
	text-decoration: none;
}

.formbox    { color: #3c3c3c; font-size: 10px; font-family: Verdana; background-color: #fff; border: solid 0 #bcbcbc; width: 147px; height: 15px }
.formbox1    { color: #3c3c3c; font-size: 10px; font-family: Verdana; background-color: #fff; width: 147px; border: solid 1px #bcbcbc; }
.formsubmit           { color: #069; font-size: 10px; font-family: Verdana; font-weight: 700; background-color: #47b9f2; text-align: center; border: solid 0 #bcbcbc; width: 42px; height: 15px     }
.formstore   { color: #5e5e5e; font-size: 9px; font-family: Verdana; background-color: #fff; border: solid 1px #bcbcbc; width: 40px; height: 18px }
.formsearch  { color: #5e5e5e; font-size: 9px; font-family: Verdana; background-color: #fff; border: solid 1px #bcbcbc; width: 80px; height: 18px }
.formjump   { color: #5e5e5e; font-size: 9px;font-family: Verdana; background-color: #fff; border: solid 1px #bcbcbc; width: 120px; height: 18px }
.formcontactbox   { color: #5e5e5e; font-size: 9px; font-family: Verdana; background-color: #fff; border: solid 1px #bcbcbc; width: 182px; height: 120px }
ul { margin-right: 0; margin-left: 15px; list-style-type: disc; list-style-image: url(images/bullet2.gif); }


a:link.search  { color: #80ab1a; font-style: normal; font-weight: normal; font-family: Verdana; text-decoration: underline; margin: 0px }
a:visited.search  { color: #80ab1a; font-style: normal; font-weight: normal; font-family: Verdana; text-decoration: underline; margin: 0px }
a:hover.search  { color: #80ab1a; font-style: normal; font-weight: normal; font-family: Verdana; text-decoration: none; margin: 0px }
a:active.search  { color: #80ab1a; font-style: normal; font-weight: normal; font-family: Verdana; text-decoration: underline; margin: 0px }

 
div#main{
	width: 780px;
    display: flex;
    justify-content: space-between; /* space flex items apart, with no space on left and right edges */
    font-size: 2em;
}

div#main ul{
	line-height: 2;
}
 
 
div#leftsection{
    flex: 1.2; /* flexible width */
    margin-right: 10px; /* add right margin */
    order: 1; /* display order */
 	text-align: left;
}
 
 
div#rightsection{
    flex: 1;
    order: 2; /* display order */
	text-align: left;
}

#columnholder{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
	width: 100%;
}

#columnholder img{
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-bottom: 1em;
}

.mycolumn{
	flex: 1;
	margin-right: 5px;
	border: 1px solid gray;
	text-align: left;
	background: rgb(247, 247, 230);
}

a.mycolumntitle{
	display: block;
	font-weight: bold;
	background: rgb(88, 147, 134);;
	padding: 10px 0;
	color: white;
	font-size: 14px;
	text-decoration: none;
}

    .boxy{
    	margin-right: 30px;
    	margin-bottom: 1em;
    	width: 150px;
    }

    .boxy a{
    	padding: 20px;
	font-size: 18px;
    	background: #eee;
    	color: blue;
    }


@media screen and (max-width:750px){
    div#main{
        flex-direction: column;
        min-height: auto;
		width: 90%;
    }
     
    div#leftsection, div#rightsection{
        flex: 1;
		margin: 0;
        margin-bottom: 10px;
    }
}



td#leftcol{
background-repeat: repeat-y
}

td#leftcol p{
    padding: 0;
    margin: 0;
    font-size: 80%
}

td#rightcol{
    width: 600px;
	font-size: 14px !important;
}

#footarea p{
    padding: 5px;
    line-height: 1.2;
        font-size: 80%;
}

#footarea, #footarea a{
    color: white;
}


@media screen and (max-width:800px){

#leftcol{
display: none;
}

#rightcol{
    width: 100%;
    padding-left: 20px;
}

*[width="780"]{
    width: 100%;
}

td#rightcol{
    width: 100%;
}

}