@charset "UTF-8";
/* CSS Document */



/* Mobile Layout: 480px and below. */

h1 {
	margin-top: 4%;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #000;
}

h2 { font-size: 1.5em; line-height: 1em; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #333;
	padding-bottom: 2em;
}

strong {
	font-weight: bold;
}

a:link { color: #3D509E; }
a:visited {	color: #3D509E; }
a:hover, a:active {	color: #96845C; }

a.lighten {
    display: inline-block;
    background-color: #FFF;
    padding: 0;
}

a.lighten img {
    display: block;

    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}

a.lighten:hover img {
    opacity: 0.5;

}

.image-container {
	margin: 0 auto;
	padding: 1% 3% 0 3%;
}

	.image-container img {
		border: thin solid #CCC;
	}

.line {
	border-top: thin solid #DBDBDB;
	margin: 0 auto 10% auto;
	width: 90%;
}

.text-container {
	padding: 0 4% 0 4%;
	margin: 0 auto;
	width: 80%;
	text-align: left;
}

	.text-container h1 {
		font-size: 1.8em;
		line-height: 1.3em;
		color: #000;
	}
	
	.text-container h2 {
		font-size: 1.5em;
		color: #000;
		padding-top: .8em;
	}
	
	.text-container p {
		font-size: 1.2em;
		line-height: 1.7em;
		padding-bottom: .9em;
	}
	
	.text-container li { 
		font-size: 1.2em;
		line-height: 1.7em;
		padding-bottom: 1.5em;
	}
	
	.text-container img {
		margin: 0 auto;
		padding: 1% 1% 4% 1%;
	}
	
.loop {
	background-color: #EEE;
	margin: 2% auto 4% auto;
	font-size: 1.2em;
	font-weight: bold;
	padding: .8em 0;
	text-align: center;
	width: 100%;
}

	
.loop a:visited, .loop a:link {
 		color: #426E9F;
		text-decoration: underline;
		margin-top: 2%;
		margin-bottom: 4%;
		padding: .8em 1.5em;
	}
	
	
	.loop a:hover {
		color: #96845C;
	}	

.alert-message {
	width: 100%;
	background-color: #FFC;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
	
	.alert-message p {
		font-size: 1.1em;
		color: #000;
		padding: 0 10%;
		margin-bottom: 1.5em;
	}
	
	.alert-title {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		color: #900;
		padding-top: 1em;
	}
    
	.label-heading {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2em;
	}
	
.padding30 {
	padding: 0px 30px 0px 30px;
}
	
.padding10 {
	padding: 0px 10px 0px 10px;
}

	
	
/* Tablet Layout: up to 768px. Inherits styles from: Mobile Layout. */

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

h1 { font-size: 1.9em; }
h2 { font-size: 1.3em; }

.image-container {
	margin: 3% auto 0 auto;
	padding: 0;
	max-width: 680px;
	max-height: 550px;
}

.line {
	margin: 0 auto 4% auto;
}

.text-container {
	width: 90%;
	margin: 2% auto 1% auto;
	text-align: left;
}

	.text-container h1 {
	}
	
	.text-container h2 {
	}
	
	.text-container p {
	}
	
	.text-container img {
	}
	
	.label-heading {
	}

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
	.alert-message {
}
	
	.alert-message p {
	}
	
	.alert-title {
	}
	
	.label-heading {
	}

}