/* mystyle.css */
li {
    display: inline;
}
img {
	display: inline-block;
}
img.positioning {
	display: block;
	float: left; 
	padding: 0.5em 0.7em 0.5em 0.5em;" 
	margin-left: auto;
	margin-right: auto;
}
.style1 {		
	display: inline;
	font-size: small;
	overflow: hidden;
	clear: both;
}
.style2 {
	text-align: center;
	font-size: small;
	clear: both;
	line-height: 1.2em;
}		
.style3 {
	float: left;
	padding: 0 0 0 0;
	margin: 0.75em 1em 0.5em 0.25em;
	clear: both;
}
.style4 {
	font-size:small;
}
.style5 {
	float: left;
	padding-top: 0.25em;
	padding-right: 0;
	padding-bottom: 0.25em;
	padding-left: 0;
}
.style6 {
	text-align: center;
	margin: 0.5em;
	clear: both;
}
.style7 {
	font-size: smaller;
	font-family: Calibri;
	line-height: 1.2em;
	color: #d3e1e4;
	font-style: italic;
	text-align: justify;
}
.style8 {
	font-family: Verdana, Arial, Myriad, Times New Roman, "Myriad Pro";
	font-size: small;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	color:black
}
.style9 {
	color: #5ec79e;
	line-height: 1.2em;
	font-size: 0.8em;
}
.style10 {
	text-align: center;
	font-family: "Times New Roman", Times, Serif;
	font-size: 0.75em;
	clear: both;
	line-height: 1.2em;
}		
.style11 {
	float: left;
	padding: 1em 1.5em 1em 1.5em;
	margin-left: auto ;
	margin-right: auto ;
	clear: both;
}
.style12 {
	text-align: center;
	font-size: small;
	clear: both;
	line-height: 1.2em;
	color: black;
	font-weight: bold;
}	
.style13 {
	color: #ff3333;
	font-style:oblique;
	font-weight: bold;
}	
.style14 {
		text-align: center;
}
.style15 {
	color: #ff3333;
}	
.style16 {
	text-align: center;
	font-family: "Adobe Garamond Pro", Times New Roman, Arial, Serif;
	font-size: 0.85em;
	color: #3CB371; /* Ocean Green */
	line-height: 1.2em;
	clear: both;
}		

.button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 0.25em 3.0em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 0.8em;
	margin: 0.2em 0.1em;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
		
.button:hover {
	box-shadow: 0 0.6em 0.8em 0 rgba(0,0,0,0.24),0 0.85em 2.5em 0 rgba(0,0,0,0.19);
}	

.main {
	background-color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and (min-device-width: 480px) and (orientation: landscape) { 
  body { 
    font-size: 100%; 
  } 
} 

@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 

  body { 
    font-size: 90%; 
  } 
} 

/* Smartphones (portrait and landscape) ----------- */ 

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

/* Styles */ 

} 


/* Smartphones (landscape) ----------- */ 

@media only screen 
and (min-width : 321px) { 

/* Styles */ 

} 


/* Smartphones (portrait) ----------- */ 

@media only screen 
and (max-width : 320px) { 

/* Styles */ 

} 


/* iPads (portrait and landscape) ----------- */ 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

/* Styles */ 

} 

  
/* iPads (landscape) ----------- */ 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

/* Styles */ 

} 


/* iPads (portrait) ----------- */ 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

/* Styles */ 

} 
 

/* Desktops and laptops ----------- */ 

@media only screen 
and (min-width : 1224px) { 

/* Styles */ 

} 

  
/* Large screens ----------- */ 

@media only screen 
and (min-width : 1824px) { 

/* Styles */ 

} 

  
/* iPhone 4 ----------- */ 

@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 

/* Styles */ 

}