/* 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 */

@font-face {
    font-family: 'OstrichSansMedium';
    src: url('ostrich-regular-webfont.eot');
    src: url('ostrich-regular-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'WCROUGHTRADBtaRegular';
    src: url('WC_RoughTrad-webfont.eot');
 	src: url('WC_RoughTrad-webfont.ttf'); 
}

@font-face {
    font-family: 'WCROUGHTRADBtaRegular';
    src: url('WC_RoughTrad-webfont.eot');
    src: url('WC_RoughTrad-webfont.ttf') format('truetype');
}

html,body {
	height: 100%;
}
	
body { 
	font: 75% helvetica neue, sans-serif;
	line-height: 1.88889;
	color: #fff9d3; 
	background-color: #333232;
	text-align: center;
	margin: 0; 
	padding: 0;
	position: relative;
	}
	
#container {
	background-image:url(../img/background.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	/*position: fixed;*/
	margin: -50px auto 0px auto;
	width: 1024px;
	height: 768px;
	text-align: left;
}

p { 
	margin: 0; 
	padding-top: -5px;
	padding-bottom: 8px ;
	text-align: left;
	}
	
/*/#pageHeader h1 {
	font-family: "WCROUGHTRADBtaRegular";
	src: url('WC_RoughTrad-webfont.ttf'); 
	font-size: 64px;
	color: #e4912f;
	text-transform: uppercase;
	line-height: 64px;
}
/*/

#pageHeader h1 span {
	display: none;
}


h1 {
	height: 170px;
	margin: 50px 0px 40px 0px;
	/*background-image:url(../img/zengardentitle.png);
	background-repeat: no-repeat;
	background-position:inherit;*/
	/*position: relative;*/
}

h2.TheBeautyof {
	font-family:"OstrichSansMedium";
src: url('ostrich-regular-webfont-webfont.ttf');
font-size: 20px;
letter-spacing: 1px;
color: #cee5e6;
margin-top: 200px;
}

#pageHeader h2 { 
font-family: "OstrichSansMedium";
src: url('ostrich-regular-webfont-webfont.ttf');
font-size: 20px;
letter-spacing: 1px;
color: #cee5e6;
margin-top: 25px;
margin-bottom: 10px

}

h3 {
	font-family: "OstrichSansMedium";
	font-size: 20px;
	letter-spacing: 1px;
	color: #cee5e6;
	margin-bottom: 10px;
}

/*/#container {    
	position: relative;
	float: right;
	}/*/

#intro { 
	width: 420px;
	margin: 50px 100px 0px 470px;
	line-height: 16px;
	}



#preamble {
	margin: 35px 0 0 0;
}

#supportingText {
	width: 420px;
	margin: 15px 100px 100px 470px;
	position: relative;
	float: left;
	line-height: 16px;
}

#participation {
	margin: 35px 0 0 0;
}

#benefits {
	margin: 35px 0 0 0;
}

#requirements {
	margin: 35px 0 0 0;
}


ul {
	list-style: none;
	padding-left: 0;
}

a:link{
	text-decoration: none;
	color: #fff9d3;
}

a:hover{
	color: #FF9933;
}

a:visited{
	color: #FFF;
}

#linkList {
	font-size: 10px;
	position: 0 0 0 -200px;
	
}

h3.archives {
	font-size: 14px;
	font-family: "OstrichSansMedium";
	margin-bottom: -5px;
}

h3.select {
	font-size: 14px;
	font-family: "OstrichSansMedium";
	margin-bottom: -5px;
}

h3.resources {
	font-size: 14px;
	font-family: "OstrichSansMedium";
	margin-bottom: -5px;
}	


#lselect {
position: absolute;
margin-left: 90px;
top: 385px;
line-height: 16px;

	}
	
#larchives {
position: absolute;
margin-left: 270px;
top: 510px;
line-height: 16px;

}

#lresources {
position: absolute;
/*left: 265px;*/
margin-left: 265px;
top: 387px;
line-height: 16px;

}