body {
	color: #063970;             /* text color, also below.  blue*/
	background-color: #9BB198;  /*main page background color. GREY */
	font: 13px arial, sans-serif;
}
header {
	text-align: center;
	border: 3px solid black;
	border-radius: 5px;
    background-color: #51fe38;  /*inside of title box background color.  should be same as button background color.*/
	font: 16px arial, sans-serif;
}
img {
	border: 1px solid black;
	display: block;
    margin: 0 auto;
}
button {
	background-color: #51fe38; 	/*inside of list item box background color.  should be same as others.*/
	border: 2px solid black;
	border-radius: 5px;
	padding: 5px 10px;  /*top then side. */
	color: #063970;             /* text color, also below.  blue*/
	font: 13px arial, sans-serif;
	margin-top: -20px;
	margin-bottom: 0px;   /*wtf*/
}
button:link, button:visited{
	color: #063970;             /* text color, also above.  blue*/
    background-color: #51fe38;  /*inside of button box background color.  should be same as title background color.*/
	text-decoration: none;
	padding: 5px 10px;          /*top then side.  i think. */
}
button:hover, button:active{              /*MOUSE OVER COLORS*/
	color: #cb7743;             /*mouse over text.   dull orangeish*/
	background-color: #ff8d45;  /*mouse over background  bright orangeish*/
	cursor: pointer;
}
.greenbox {
	background-color: #51fe38; 	/*inside of list item box background color.  should be same as others.*/
	border: 2px solid black;
	border-radius: 5px;
	padding: 5px 10px;  /*top then side. */
	font: 13px arial, sans-serif;
}
nav.menu{
	/*      color: yellow;       does nothing ??   */
	text-align: center;
}
li.menu-item{
	margin: 20px;
	list-style: none;
}
a:link, a:visited{
	color: #063970;             /* text color, also above.  blue*/
    background-color: #51fe38;  /*inside of button box background color.  should be same as title background color.*/
	text-decoration: none;
	padding: 5px 10px;          /*top then side.  i think. */
}
a:hover, a:active{              /*MOUSE OVER COLORS*/
	color: #cb7743;             /*mouse over text.   dull orangeish*/
	background-color: #ff8d45;  /*mouse over background  bright orangeish*/
}
a.menu-item-link{
	border: 2px solid black;
	border-radius: 5px;
}
a.sublink{
	border: 2px solid black;
	border-radius: 5px;
}
a.sublink:link, a.sublink:visited{
	color: #063970;             /* text color, also above.  blue*/
    background-color: #E6E33A;  /*different color for sublink. yellow. */
	text-decoration: none;
	padding: 5px 10px;          /*top then side.  i think. */
}
a.sublink:hover, a.sublink:active{
	color: #cb7743;             /*mouse over text.   dull orangeish*/
	background-color: #ff8d45;  /*mouse over background  bright orangeish*/
}
.expander{
	
}
.expandable{
	display:none;  				/*items hidden by default*/
	overflow:hidden;	
}
#padtext {
    padding-right: 150px;
    padding-left: 150px;
    padding-top: 10px;
}

.column {
    float: left;
    width: 25%;
}
.column5 {
    float: left;
    widtch: 20%;
}