/* CSS Document */

body {

	margin: 0;

	padding: 0;

	background: url("../images/home/back.jpg") repeat-x;

}

#related {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 410;

	left: 8px;

	height: 100px;

	width: 325px;

	z-index: 2;

	font-family: "century gothic";

	font-size: 9pt;

	line-height: 15pt;

	color: #5B5702;

	}	

#related a:link{

	color: #5B5702;

	text-decoration:none;

	}

#related a:visited{

	color: #5B5702;

	text-decoration:none;

	}			

#related a:hover{

	color: #1F2C10;

	text-decoration:none;

	}	

#menu {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 50px;

	left: 320px;

	height: 29px;

	width: 670px;

	background: url(../images/home/menu.gif) no-repeat;

	z-index: 2;

	}

#menu li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0;

/*	border: 1px solid;*/

}

#menu li, #menu a {height: 29px; display: block; margin: 0; padding: 0; z-index: 3;}

#AboutUs {width: 96px;}

#ContactUs {left: 99px; width: 118px;}

#Donations {left: 220px; width: 82px;}

#Events {left: 305px; width: 84px;}

#News {left: 391px; width: 87px;}

#ProjectPeace {left: 483px; width: 93px;}

#Calendar {left: 576px; width: 106px;}

#AboutUs a:hover {background: url(../images/home/menu.gif) no-repeat 0px 0px;}

#ContactUs a:hover {background: url(../images/home/menu.gif) no-repeat -99px 0px;}

#Donations a:hover {background: url(../images/home/menu.gif) no-repeat -220px 0px;}

#Events a:hover {background: url(../images/home/menu.gif) no-repeat -305px 0px;}

#News a:hover {background: url(../images/home/menu.gif) no-repeat -391px 0px;}

#ProjectPeace a:hover {background: url(../images/home/menu.gif) no-repeat -483px 0px;}

#Calendar a:hover {background: url(../images/home/menu.gif) no-repeat -576px 0px;}

.corner{

	position: absolute;

	float: left;

	margin: 0;

	padding: 0;

	top: 0;

	left: 0;

/*earth in corner*/

}

.container{

/*whole page*/

	position: relative;

	top: 0;

	left: 0;

	margin: 0;

	padding: 0;

	width: auto;

}

.content{
	position: relative;
	top: 76px;
	left: 353px;
	width: 560px;
	color: #5B5702;
	height: 1px;

/*	margin: 0;

	padding: 0;

	border: 1px solid blue;*/

}

.content p {

	margin: 0;

	padding: 0;

}

.footer{

/*Footer bar & links*/

	background: url("../images/home/bottombar2.gif") repeat-x;

	margin-top: 600px;

	width: 100%;

	font-family: "Century Gothic";

	font-size: 7.5pt;

/*	color: #1F2C10;*/

	color: #FFFFFF;

	align: center;

/*	margin-left: 5px;*/

}

.footer p{

	margin: 0;

	padding: 0 0 0 5px;

	width: 975px;

	line-height: 50px;

/*	float: right;

	display: inline;

	text-align: right;

	border: 1px solid red;*/

}

.footer a{

	text-decoration: none;

/*	color: #1F2C10;*/

	color: #FFFFFF;

}

.footer a:hover {

	text-decoration: underline;

}

.intro {

	font-family: "century gothic";

	font-size: 10pt;

	line-height: 19pt;

}

.cursive {
	position: relative;
	top: 419px;
	margin: 20px 0 0 -5px;
	padding: 0;
	left: 0px;
	width: 1px;
	height: 0px;



	




}

.massage_header{

	margin: -2px 0 0 -3px;

	padding: 0;

}

.logo {

	float: right;

	margin-top: -7px;

	margin-bottom: 17px;

	margin-left: 10px;

	margin-right: -5px;

}

.massage {

	margin: 0;

	padding: 0;

	font-family: "arial";

	font-size: 9pt;

	line-height: 12pt;

	margin-top: 7px;

}

.content a {

	text-decoration: none;

	color: #5B5720;

}

.content a:hover {

	text-decoration: underline;

}

.featured {

	align: center;

	font-family: "Centaur";

	font-size: 29pt;

}