body {
        background-color: #fdfdea;
      	margin: 15px;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 100%;
	color: #302b28;
	vertical-align: text-top;
}

img {
    width: 100%;
}

.foot img {width: 107px;
	   height: 77px;
	  }
.headleft img {width: 214px;
	   height: 155px;
	  }
.headleft {align: left;
	}

.italic
	{font-style: italic;
	}

h1, h2, h3, h4{
    color: #628a41;
}

p 	{
    	text-indent: 3%;
	}


.green	{color: #628a41;
	}

.bluetext   {color: #a7ebf4;
	}
.pinktext   {color: #ffbae9;
	}
.orangetext   {color: #ffc072;
	}
.yellowtext   {color: #ffffaf;
	}

.extrah	{line-height: 1.8;
	}

.funny	{font-family: "Comic Sans MS", cursive, sans-serif;
	 font-weight: bold;
	}

.impact	{font-family: Impact, Charcoal, sans-serif;
	}

.emphasis {background-color: #b6de96;
	   color: #fdfdea;
	   font-weight:bold;
	   border-left: solid 6px #628a41;
           }
.blue {background-color: #151957;
	   color: #fdfdea;
	   font-weight:bold;
	   border: solid 6px #a7ebf4;
	   }
.orange {background-color: #f42e07;
	   color: #fdfdea;
	   font-weight:bold;
	   border: solid 6px #ffc072;
	   }
.pink {background-color: #f70b6d;
	   color: #fdfdea;
	   font-weight:bold;
	   border: solid 6px #ffbae9;
	   }
.yellow {background-color: #f7c40b;
	   color: #fdfdea;
	   font-weight:bold;
	   border: solid 6px #ffffaf;
	   }
.foot   {vertical-align: text-bottom;
	}

a:link 	{text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	color: #628a41;
	}
a:hover	{text-decoration: underline;
	font-weight: bold;
    	background-color: #b6de96;
	}
a:visited 
	{text-decoration: none;
	color: purple;
	}
a:active{text-decoration: underline;
	font-weight: bold;
    	background-color: #b6de96;
	color: purple;
	}

td {padding: 1%;
       vertical-align: text-top;
	border: solid 1px;
	}

.head   {font-weight:bold;
	text-align: center;
	}
.col1 {width: 8%;
	}
.col2 {width: 20%;
	}
.col3 {width: 10%;
	}
.col4 {width: 34%;
	}
.col5 {width: 14%;
	}
.col6 {width: 14%;
	}

.header {
    padding: 1%;
}

.menuitem {
    margin: 4%;
    margin-left: 0;
    margin-top: 0;
    padding: 4%;
}

.main {
    padding: 1%;
}

.right {
    padding: 1%;
}

    

.content	{
		text-align: justify;
		vertical-align: text-top;
		width: 70%
		}
.contentfull	{
		text-align: justify;
		}
.centering	{
		text-align: center;
		}
.righting	{
		text-align: right;
		}

.footer {
    padding: 1%;
    text-align: center;
    font-size: 120%;
}

.gridcontainer {
    width: 100%;
}

.gridwrapper {
    overflow: hidden;
}

.gridbox {

    margin-right: 2%;
    float: left;
}

.gridheader {
    width: 100%;
}

.gridleft {
    width: 60%;
}
.gridlefthalf {
    width: 48%;
}

.gridleftsmall {
    width: 16%;
}

.gridmain {
    width: 16%;
}

.gridmainthird {
    width: 30%;
}

.gridright {
    width: 16%;
    margin-right: 0;
}

.gridrightonly {
    width: 37%;
    margin-right: 0;
}

.gridrightthird {
    width: 48%;
    margin-right: 0;
}
.gridrightsmall {
    width: 16%;
}
.gridrighthalf {
    width: 48%;
}

.gridfooter {
    width: 100%;
    margin-bottom: 0;
}

@media only screen and (max-width: 500px) {
    .gridleft {
        width: 100%;
    }

    .gridleftsmall {
	width: 100%
    }

    .gridlefthalf {
	width: 100%
    }

    .menuitem {
        margin: 1%;
        padding: 1%;
    }

    .gridmain {
        width: 100%;
    }
    .gridmainthird {
	width: 100%
    }

    .main {
        padding: 1%;
    }

    .gridright {
        width: 100%;
    }
    .gridrightonly {
        width: 100%;
    }
    .gridrightthird {
	width: 100%
    }
    .gridrighthalf {
	width: 100%
    }

    .right {
        padding: 1%;
    }

    .gridbox {
        margin-right: 0;
        float: left;
    }
}