@import url("navigation.css");

html, 
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 0.95em/1.45em helvetica, arial;
	text-align: left;
	color: #000;
	background-color: #0976ab;  /* was #ffffff */
	}
	
a,
img { border: none; }

a { color: #000; text-decoration: underline; }

a:hover { color: #c10a0a; text-decoration: none; }

br { clear: both; }

h1 { line-height: 0em; font-weight: bold; }

h2 { color: #933414; line-height: 1.45em; border-bottom: 1px solid #933414; }

.quote { color: #000; font-size: 130%; }

.source { color: #933414; font-size: 70%; }
	
#container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	}
		
#header {
	width: 960px;
	height: 120px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background: #ffdc38 url(../images/general/background-header.jpg) no-repeat top;
	}
	
#flash-intro {
	width: 960px;
	height: 500px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #ffdc38;
	}

#content {
	width: 930px; /*ACTUAL page WIDTH is 960px*/
	height: auto;
	margin: 0;
	padding: 30px 15px;
	float: left;
	background-color: #ffdc38;
	}
	
.still-images {
	width: 960px;
	height: 176px;
	/* margin: 30px 0 0 0; */   /* Old Margin for 8 images */
	margin: 30px 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
		
.still-images img {
	width: 176px;
	height: 176px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #ffdc38;
	}
	
.still-images .space { margin: 0 12px 0 0; } /* Old Margin was "0 20px 0 0" when using 8 images */

		
#footer {
	width: 960px;
	height: 58px;
	margin: 0;
	padding: 0 0 10px; /* Padding Added here due to IE rendering */
	float: left;
	border-top: 1px #933414 solid;
	background-color: #ffdc3a;
	}
	
#footer p { 
	text-align: center; 
	color: #933414; 
	font-size: 260%; 
	text-transform: uppercase; 
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:40px;
	}
	
#footer img { float: left; }

#footer .logos { margin: 18px 5px 0 0; }