/* note: to use link to google fonts especially for like kindles, must put link and sytle
on every page...geez*/


body {
	
	background-color: #C3C4C6;
font-family:Arial, Helvetica, sans-serif;
		color:#D15EA1;
	font-size: 3vw;
	font-size: 100%;
	width: 100%;
	margin: 0;
}
#active{
	color:#4D6A34;
}

/* the following is important to use for desktop to mobile screen displays...works good */
@media only screen {
body { font-size:100%;
}



h2{
	font-size: 3.0vw;


}

h3{
	font-size: 2.5vw;

}

h4{
	font-size: 2.0vw;

}
h6{
	font-size:1.5vw;
}


* {
    box-sizing: border-box;
}
/* use these to change something when switching to mobile */
@media  only screen 
 .active {
	list-style-image: url('image/ringsli.gif');
	width: 100%;
	margin: 0;
	padding: 0;
}

}
li #active{
	color:#A32226;
}


@media  only screen and  {

}


/* end of mobile */

a{
	text-decoration:none;
		color:#4D6A34;
}
#demo{
		margin-bottom:-10px;
}


#main{
	border: medium outset #7E1E16;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	font-size: 1em;
	text-align: center;
	padding: 20px;
	color:black;
}

li{
	display:inline;

}




#heading{
	font-size: 3vw;
	width: 70%;
	padding-top: 5px;
	color: #3F5629;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
#heading img{
	width:80%;
}
#content{
	width:75%;
	color:	#4D6A34;

	margin-left:auto;
	margin-right:auto;
}
#content img{
	width:75%;
}
#left{
	width:30%;
	float:left;
	font-size:85%;

}
#left img{
	width:100%;
	margin-top:40px;
	padding-left:1em;
}

#mid{
	width:13%;
	float:left;
	padding:.6em;
	clear:right;
		

}

#mid img{
	width:190%;
}

li{
	display:inline;

}




#navigation{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	float: left;
	color:#039D79
	/*background-color: #006868;
	border-radius: 25px;*/
	
}
#nav ul{
	display: inline;
	
}
#navigation ul li a{
		color:#039D79;
	font-size: 2vw;
	list-style-type: none;
	text-decoration: none;
	
text-align:center;
	cursor:url(image/pointer1.png), pointer;
	
padding:5px
}

#navagation a:active{
	color:#A32226;
font-size:3vw;
text-decoration:underline;


}


ul li a:active {
	color:#A32226;
	font-size:3vw;
	text-decoration:underline;

}


a:active{
	font-size:3vw;
}




#navigation ul li a:hover{
		color:#FF0066;
	
	font-size: 3vw;
	list-style-type: none;
	text-decoration: none;
	

text-align:center;
	
	
padding:5px;
}

li a{
	list-style:none;
	

			font-size:4vw;}

li{
	list-style:none;

			font-size:4vw;
}

nav li a img{
	width:15%;
}

#footer {
clear:both;
width:90%;
padding-top:35px;
	font-size:1vw;
	color:#76956C;
	
}



#footer a{
clear:both;
width:90%;
	
	color:#004D4D;
	
}