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

img {
    width: 100%;
    background-color: #272525;
    padding: 1px; 
}
.head img {width: 100%;
	   padding: 0px;
	   }
.foot img {width: 107px;
	   height: 77px;
	   padding: 0px;
	  }

.italic
	{font-style: italic;
	}

h1, h2, h3, h4{
    color: #151957;
}

p 	{
    	text-indent: 3%;
	}


.green	{color: #628a41;
	}
.brown {background-color: #272525;
	color: #fdfdea;
	align: center;
	padding: 1px;
        }

.extrah	{line-height: 1.8;
	vertical-align: text-bottom;
	}


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

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

.emphasis {background-color: #777ab7;
	   color: #fdfdea;
	   font-weight:bold;
	   border-left: solid 6px #151957;
           }

.foot   {vertical-align: text-bottom;
	}

a:link 	{text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	color: #151957;
	}
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;
	}
.headleft   {
	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;
}
.gridboxr {

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

.gridheader {
    width: 100%;
}

.gridleft {
    width: 60%;
}
.gridleftthird {
    width: 20%;
}
.gridleftsmall {
    width: 16%;
}

.gridmain {
    width: 80%;
}

.gridmainthird {
    width: 45%;
}

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

.gridrightonly {
    width: 37%;
    margin-right: 0;
}
.gridrightsmall {
    width: 50%;
    margin-right: 0;
    float: right;
}
.gridrightthird {
    width: 25%;
    margin-right: 0;
    float: right;
}

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

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

    .gridleftsmall {
	width: 100%
    }

    .gridleftthird {
	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%
    }

    .right {
        padding: 1%;
    }

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