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

body {
	font: 100%;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.location {
	text-align: center;
	font: 120% Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

div.agenda p {
	text-align: center;
	font: 110% Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 0;
	padding-left: 10px
	margin: 0;
	margin-bottom: 10px;
}

div.agenda {
	display: inline-block;
}
.left {
	display: inline-block;
	width: 20%;
	}
	
.center {
	text-align: center;
	}
	
.clear {
	clear: both;
}

#container {
/*	width: 880px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 20px;
	max-width: 900px;
}

h1 {
	text-align: center;
	font: 150% arial;
	font-weight: bold;
	}
h2 {
	text-align: center;
	font: 130% arial;
	font-weight: bold;
	}

#header { 
	text-align: center;
	background: #FFFFFF; 
	padding: 0 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#logo {
	float: left;
	margin: 0px;
	}
	


p {
	text-align: left;
	font:  Georgia, "Times New Roman", Times, serif;
}

p.center { align: center; }

div#press {
	width:700px; 
	margin: 0 auto;
	}
#press p {
	font: Arial, Helvetica, sans-serif;
	text-align: justify;
	}	

#links {
	padding: 0px 15px;
	border: 2px solid #0971B8;
	border-radius: 25px;
	margin-top: 10px;
	margin-left: 280px;
	padding-top: 10px;
	text-align: left;
	font: 100% Georgia, "Times New Roman", Times, serif;
	}


#footer {
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	}
	
#footer img {
	padding: 20px 20px 0 20px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	zoom: 1
}

.stretch {
	width: 100%;
	display: inline-block;
	font-side: 0;
	line-height: 0;
	}

/* Animation - don't really like it!
.a1 {
	animation: a1 6s;
	}
	
.a2	{
	animation: a2 6s;
	}
.a3	{
	animation: a3 6s;
	}
.a4	{
	animation: a4 6s;
	}
	
@keyframes a1 {
	0%	{text-indent: 0;}
	33% {text-indent: 15%;}
	100% {text-indent: 15%;}
	}
	
@keyframes a2 {
	0%	{text-indent: 0;}
	33% {text-indent: 0%;}
	66% {text-indent: 15%;}
	100% {text-indent: 15%;}
	}
	
@keyframes a3 {
	0%	{text-indent: 0;}
	66% {text-indent: 0%;}
	100% {text-indent: 15%;}
	}
	
@keyframes a4 {
	0% {color: black;font-size: 100%;}
	33% {color: black;font-size: 100%;}
	66% {color: #5FBB46; font-size: 120%;}
	100% {color: black; font-size: 100%; }
	}
	**/