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

*{
	border: 0;
	margin: 0;
	padding: 0;
	color: #fff;
}

body {
	font-size: 100%;
	color: #821;
	background-image: url(../images/Light_cloud.jpg);
	font-family: "Georgia";
	 This modifies everything within the body 
}

#wrapper {
	width: 700px;
	background-color: #0063a7;
	border: 1px solid #fff;
	margin: 64px auto;
	 This modifies everything within the wrapper 
}

#banner {
	height: 236px;
	width: 700px;
	background-image: url(../images/BannerMainBorder.jpg);
	background-repeat: no-repeat;
	 This modifies the banner constraints 
}

#navigation {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#navigation ul {
	padding-bottom: 3px;
	padding-top: 3px;
}

#navigation ul li {
	display: inline;
	text-align:center;
}

#navigation ul li a {
	font-size: 1.8em;
	color: #FFF;
	text-decoration: none;
	padding: 0 22px;
	text-align: center;
	font-weight: 700;
}

#nav ul li a:hover {
	color: #ccc;
}
	
#container {
	margin: 12px;
}

#container p {
	font-size: 1.1em;
	margin-bottom: 12px;
	}

#footer {
	border-top: 1px solid #fff;
	}

#footer p {
	font-size: 1em;
	color: #FFF;
	padding: 3px 3px 0px 3px;
	text-align:right
}
#box1{
	margin: 19px 100px 200px 210px;	
}
.floatleft { float: left; margin: 0px 7px 7px 0px; }
.floatright { float: right; margin: 0px 0px 7px 7px; }
.hoverpic { margin: 0px 0px 12px 0px; }

Numbers{
	font-size: 1.3em;
	font-weight: bold;
}
NumbersTitle{
	font-size: 1.8em;
	font-weight: bold;
}
Myths{
	font-size: 1.2em;
	font-weight: bold;
	color: #CCC
	}
Mythstext{
	color: #ccc;
}
Facts{
	font-size: 1.2em;
	font-weight: bold;
}