body
{
	font-family: sans-serif;
	font-size: 112.5%;
        background-color: rgb(204, 204, 99);
}
.columnsContainer {
	margin: 0.25em; position: relative;
}
footer {
	margin: 0.5em; position: relative;
}
header {
	margin: 0.5em; position: relative;
}
.leftColumn {
	padding: .75em; border-image: none;
}
.rightColumn {
	padding: .75em;
        border-image: none;
}
footer {
	padding: 1.25em; border-image: none;
}
header {
	padding: 1.25em; border-image: none;
}
.leftColumn {
	margin-bottom: 0.5em;
}
h1 {
    text-align: center;
}
p.clear {
	clear:both
}
A.top:link {
	COLOR: #006600; 
FONT-WEIGHT: 500;
TEXT-DECORATION: none
}
A.top:visited {
	COLOR: #4b0082;
FONT-WEIGHT: 500;
TEXT-DECORATION: none
}
A.top:hover {
	COLOR: #006600;
background-color: transparent; 
FONT-WEIGHT: 500;
TEXT-DECORATION: underline
}
A.in:link {
	COLOR: #006600;
FONT-WEIGHT: 500;
TEXT-DECORATION: none
}
A.in:visited {
	COLOR: #4b0082;
FONT-WEIGHT: 500;
TEXT-DECORATION: none
}
A.in:hover {
	COLOR: #006600;
FONT-WEIGHT: 500;
TEXT-DECORATION: underline
}
nav {
	margin: 1px auto; text-align: center;
}
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
}
nav ul {
	background: rgb(0, 51, 0); list-style: none; padding: 0px 10px; border-radius: 10px; display: inline-table; position: relative; box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}
nav ul::after {
	clear: both; display: block; content: "";
}
nav ul li {
	float: left;
}
nav ul li:hover {
	background: rgb(155, 201, 48);
        TEXT-DECORATION: underline
}
nav ul li:hover a {
        font-size: 1.0em;
	color: rgb(00, 66, 00);
}
nav ul li a {
	padding: 10px 10px; color: rgb(255, 255, 255); text-decoration: none; display: block;
}
nav ul ul {
	background: rgb(155, 201, 48); padding: 0px; border-radius: 0px; top: 100%; position: absolute;
}
nav ul ul li {
	border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: none; position: relative;
}
nav ul ul li a {
	padding: 5px 8px; color: rgb(255, 255, 255);
}
nav ul ul li a:hover {
	background: rgb(155, 201, 48);
        TEXT-DECORATION: underline
}
img.ri
{
	position: relative;
	max-width: 80%;
	top: 40%;
	left: 10%;
}
img.ri:empty
{
	top: 110px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
div.padded {  
     padding-top: 25px;  
     padding-right: 25px;  
     padding-bottom: 25px;  
     padding-left: 25px;  
   }  
#menu { 
    list-style: none; 
    padding: 0 0 0 0; 
    width: 185px; 
} 
#menu div { 
    display: block; 
    background-color: rgb(0, 51, 0); 
    font-weight: normal; 
    margin: 0px; 
    cursor: pointer; 
    padding: 8px 20px;
    color: rgb(255, 255, 255); 
    list-style: circle; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
} 
#menu ul { 
    list-style: none; 
    padding: 0 0 0 0; 
} 
#menu ul{ 
    display: none; 
} 
#menu ul li { 
    padding: 2px 2px;
    font-weight: normal; 
    cursor: auto; 
    background-color: rgb(155, 201, 48); 
    padding: 0 0 0 7px;
border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: none; position: relative; 
} 
#menu a { 
   font-size: 1.0em; 
   color: rgb(0, 66, 0);
   text-decoration: none; 
} 
#menu a:hover { 
   text-decoration: underline; 
}
@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}
@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}
@media screen and (min-width:55.0em)
{
.leftColumn {
	margin-right: 12.5em;
}
.rightColumn {
	top: 0px; width: 9.75em; right: 0px; position: absolute;
}