/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/*/* basic elements */
a {
	color: #933;
}
	
a:link {
	color: #933;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}









body {
	background-color: #000;
	background-image: url(../img/background.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	background-position: center;
	
	
}

@font-face {
	font-family: 'Armata-Regular';
	src: url('Armata-Regular.otf');
	
}

p {
	font-family: 'Armata-Regular';
	font-size: 12px;
	color:#FFF;
}


#container {
	
	margin-top: 0px;
	height: auto;
	width: 1024px;
    margin: 0 auto;
    position: relative;
	text-align: left;

}

#intro, #supportingText {
	width: 500px;
	margin-left: 290px;
}

#supportingText {
	float:left;	
}

#linkList {
	width: 200px;
	position: fixed;
	margin: 1px 0px 0px 825px;
}

.select  {
	font-size: 12px;
}

.archives {
	font-size: 12px;
}

.resources {
	font-size: 12px;
}


h1 {
	font-family: 'Armata-Regular';
	color: #FFF;
}
h2 {
	font-family: 'Armata-Regular';
	color: #FFF;
}


h3 {
	font-family: 'Armata-Regular';
	color: #FFF;
}

li {
	font-size: 10px;
}

ul {
	font-family: 'Armata-Regular';
	list-style-type: none;
	color: #FFF;
}


#auickSummary {
	height: 55px;
}

#quickSummary .p2 {
	height: 90px;
	width: 60px;
	margin-top: -45px;
	margin-left: -115px;
	font-size:10px;
}



#pageHeader {
	height: 250px;
	background-image: url(../img/header.png);
	background-position: center;
	text-indent: -5000px;
}


#preamble {
	background-image: url(../img/enlightnment_03.png);
	background-repeat: no-repeat;
	height: 200px;
	float: left;
}

#preamble h3 {
	height: 1px;
	text-indent: -5000px;
}


#explanation, #participation, #benefits, #requirements {
	margin-top: 110px;

}

#explanation h3, #participation h3, #benefits h3, #requirements h3 {
	text-indent: -5000px;
}

#explanation {
	background-image: url(../img/so_what_03.png);
	background-repeat: no-repeat;
}

#participation {
	background-image: url(../img/participation_03.png);
	background-repeat: no-repeat;
}

#benefits {
	background-image: url(../img/benefits_03.png);
	background-repeat: no-repeat;
}

#requirements {
	background-image: url(../img/requirements_03.png);
	background-repeat: no-repeat;
}


#footer {
	height: 150px;
	text-align: center;
}