@media only screen and (max-width: 520px) {
		div#namer {
	     width: 100%;	    }

body {
	background: white;
	color: #036;
	font-family: sans-serif;
	font-size: 110%;
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    float:left;
	}

a, a:visited {
	color: #657F08;
	text-decoration: none;
	padding: auto;
	}

a:active {
	color: #ffffff;
	background-color: #300;
	}

ul {
	  list-style-type: none
	}

li {
	    padding: auto;
	  }


h1 {
	margin:auto;
	padding: auto;
	color: #036;
	text-transform: uppercase;
	}

h2 {
	color: #333333;
	  font-size: 125%;
		}
	
h3 {
	margin: auto;
	color: #333333;
	text-transform: uppercase;
	font-size: 110%;
	}
	
div#page {
	margin: auto;
	width: auto;
	margin-top: auto;
	}
	
div#namer {
	margin: auto;
	border-bottom: 1px solid #dddddd;
	}

div#content {
	margin: auto;
	padding: auto;
	}
	
div#content ul {
	margin: auto;
	padding: auto;
	display: block;
	  list-style-type: none
	}

div#content li {
	margin: auto;
	padding: 0 0 6px 0;
	display: block;
	color: #333;
	}

div#content p {
	text-align: justify;
	line-height: 120%;
	margin: auto;
	font-size: 135%;
	}
	
div#content img {padding: 0px;
	border: none}

div#colB {
	float: none;
	width: auto;
	padding: auto;
	}

div#colA {
	float: none;
	width: auto;
	padding: auto;
	}
	
div#colC {
	float: none;
	width: auto;
	padding: auto;
	}

	
/* divs pageFOO are for pages other than the main page  */

div#pagecontent {
	width:100%;
    margin: auto;
    max-width: 800px;
    position:relative;
	-webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    float:left;
	}
	
div#pagenamer {
	margin: auto;
	border-bottom: 1px solid #dddddd;
	}
	
div#pagecolA {
	float: none;
	width: auto;
	padding: auto;
	}
	
div#pagecolB {
	float: none;
	width: auto;
	padding: auto;
	display: none}	

/* --------------------------------------------------------------*/

div#buttn {
	padding: auto;
	}

a.buttbutt {
	font-weight: bold;
	text-align: right;
	padding: auto;
	color: #ffffff;
	background-color: #300;
	}

a.buttbutt:active {
	color: #ffffff;
	background-color: #444444;
	}

a.graphiclink:active { background-color: transparent; }

div#footer {
	clear: both;
	margin: auto;
	padding: auto;
	border-top: 1px solid #dddddd;
	text-align: right;
	}
	
dd {
	 	display: inline;
		margin: auto;
		}
		
dt {
	display: inline ; 
	font-weight:  bold;
	  text-transform: uppercase ;
	  margin: auto;
		}
		
dl dl dt {
		display: inline ; 
		font-weight:  bold;
		text-transform: none; 
		margin: auto;
		}
		
dl {
		margin: auto;
		}
		
dl dl {
	 	margin: auto;
		}

.gallery table { float: none; margin: auto; }
.gallery table caption { font-weight: bold; caption-side: bottom; }
.gallery img { height: 100%; }