/* reset*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:0;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
@font-face {
    font-family: 'ArialNarrow';
    src: url('../fonts/arialnarrow.eot');
    src: url('../fonts/arialnarrow.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arialnarrow.woff') format('woff'),
         url('../fonts/arialnarrow.ttf') format('truetype'),
         url('../fonts/arialnarrow.svg#arial_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	padding: 0px;
}
#container {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}
.title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 60.11px;
	color: #080300;
	font-variant: small-caps;
	text-align: center;
}
.titlegreen {
	color: #35763f;
}
.titlegray {
	color: #6e6e6e;
}
.titleblack {
	font-family: "ArialNarrow", sans-serif;
}
.subtitle {
	font-family: 'Questrial', sans-serif;
	font-size: 14.03px;
	font-weight: bold;
	color: #080300;
	text-align: center;
	text-transform: uppercase;
}
.box-container {
	position: relative;
	height: 625px;
}
.peace-background {
	position: absolute;
	z-index: 1;
	top: 7%;
}
.videos {
	position: absolute;
	left: 5%;
	top: 1px;
	z-index: 2;
}

.library {
   position: absolute;
   left: 15%;
	top: 30%;
	z-index: 3;
}

.champion-corner {
	position: absolute;
	left: 75%;
	top: 1px;
	z-index: 4;
}
	
.my-story {
	position: absolute;
	left: 60%;
	top: 30%;
	z-index: 5;
}

.zip-connect {
	position: absolute;
	left: 49%;
	top: 56%;
	z-index: 6;
}

.community {
	position: absolute;
	left: 28%;
	top: 56%;
	z-index: 7;
}
.videotext {
	position: absolute;
	left: 8%;
	top: 28%;
	z-index: 8;
	width: 80px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
.librarytext {
	position: absolute;
	left: 18%;
	top: 58%;
	z-index: 8;
	width: 100px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
.communitytext {
	position: absolute;
	left: 32%;
	top: 85%;
	z-index: 8;
	width: 145px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
.championtext {
	position: absolute;
	left: 84%;
	top: 28%;
	z-index: 8;
	width: 95px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
.my-storytext {
	position: absolute;
	left: 71%;
	top: 58%;
	z-index: 8;
	width: 95px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
.zipconnecttext {
	position: absolute;
	left: 53%;
	top: 85%;
	z-index: 8;
	width: 145px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000;
}
ul.homelinks {
    list-style: none;
    padding:0;
    margin:0;
}

.homelinks li {
	padding-bottom: 5%;  
}

.homelinks li:before {
	content: "";
	display: block;
	background: url("../images/list-arrow-green.jpg") no-repeat;
    width: 14px;
    height: 14px;
    float: left;
    margin: 0 1px 2px 0;
	z-index: 9;
}
.homelinks li a {
	font-weight: bold;
	color: #218804;
	text-decoration: none;
}
.nav-square {
	position: absolute;
	z-index: 1;
	top: 80%;
	left: 5%;
}

.social-block {
	position: absolute;
	z-index: 1;
	top: 75%;
	left: 80%;
}
.social-text {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 10%;
	font-family: "Questrial", sans-serif;
	font-size: 14px;
	text-align: center;
}
#button {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #218804;
	font-weight: bold;
	font-size: 14px;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	


#button li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
	
#button li a {
	display: block;
	color: #218804;
	text-decoration: none;
	width: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
#button li a:hover {
	color: #79ae8f;
}
.info-box {
	background-color: #eeeeee;
	border-radius: 10px;
	margin-bottom: 2%;
	margin-top: 2%;
	padding-bottom: 2%;
}
.info-title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 15px;
	color: #366c43;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 25px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #366c43;
	padding-left: 20px;
}
.signup-block {
  display: inline-block;
  margin-left: 10%;
  margin-top: 4%;
  vertical-align: top;
  width: 25%;
}
.news-block {
	vertical-align: top;
	display: inline-block;
	width: 60%;
}

.newstitlebg {
	background-image: url(../images/news-titlebg.jpg);
	background-repeat: no-repeat;
	margin-left: 5%;
	margin-top: 5%;
	height: 28px;
}
.news-title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #FFF;
	padding-left: 10px;
	text-shadow: 1px 1px 1px #000;
}
ul.newslist {
    list-style: none;
    padding: 0 0 0 4%;
    margin:0;
}

.newslist li {
	line-height: 1.5em;
	padding-left: 1em;
	text-indent: -.7em;
	color: #696969;
}

.newslist li:before {
    content: "• ";
    color: #79ae8f; /* or whatever color you prefer */
}
.copy {
	font-size: 90%;
	font-style: italic;
	color: #218804;
	text-align: center;
}
.copy a {
	color: #218804;
	text-decoration: none;
}
.copy a:visited {
	color: #218804;
}
.copy a:hover {
	color: #79ae8f;
}