/* Styles for Global Interaction Home Page */
/* By Nick Dube - Sep 2009 */

body {
	padding:0px;
	margin: 0px; 
	font-size: 12px;
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #F5E6D6;
}

#Container {
	width:800px;
	margin:0 auto;
}

#Main {
	background: url(../images/09/home-bg.jpg) no-repeat;
	height:620px;
	position:relative;
}

#Main .LogoIcon {
	position:absolute;
	left:23px;
	top:20px;
	width:77px;
	height:103px;
}

#Main h1 {
	position:absolute;
	left:125px;
	top:40px;
	width:223px;
	height:50px;
	background: url(../images/09/home-logo-text.gif) no-repeat;
	margin:0;
}

/*HIDE TEXT IN IMAGE BASED HEADINGS*/

#Main h1 strong, .Nav li a strong, .SubNav li a strong {
	display:none;
}

/*MAIN NAVIGATION*/

.Nav {
	position:absolute;
	left:123px;
	top:101px;
	display:block;
	width:332px;
	height:11px;
	margin:0;
	padding:0;
	list-style:none;
}

.Nav li {
	display:block;
	width:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.Nav li a {
	display:block;
	height:11px;
	background-image:url(../images/09/home-nav.gif);
}

.Nav li .About {
	width:49px;
	background-position:0 0;
}
.Nav li .About:hover {
	background-position:0 -11px;
}
.Nav li .Go {
	width:27px;
	background-position:-49px 0;
}
.Nav li .Go:hover {
	background-position:-49px -11px;
}
.Nav li .Support {
	width:66px;
	background-position:-76px 0;
}
.Nav li .Support:hover {
	background-position:-76px -11px;
}
.Nav li .Resources {
	width:81px;
	background-position:-142px 0;
}
.Nav li .Resources:hover {
	background-position:-142px -11px;
}
.Nav li .Events {
	width:55px;
	background-position:-223px 0;
}
.Nav li .Events:hover {
	background-position:-223px -11px;
}
.Nav li .Contact {
	width:54px;
	background-position:-278px 0;
}
.Nav li .Contact:hover {
	background-position:-278px -11px;
}

/* SUB NAVIGATION - Key Buttons */

.SubNav {
	position:absolute;
	left:0px;
	top:136px;
	display:block;
	width:102px;
	height:171px;
	margin:0;
	padding:0;
	list-style:none;
}
.SubNav li {
	display:block;
	width:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.SubNav li a {
	display:block;
	height:57px;
	width:102px;
	background-image:url(../images/09/home-subnav.gif);
}

.SubNav li .Serve {
	background-position:0 0;
}
.SubNav li .Serve:hover {
	background-position:-102px 0;
}
.SubNav li .Projects {
	background-position:0px -57px;
}
.SubNav li .Projects:hover {
	background-position:-102px -57px;
}
.SubNav li .Support {
	background-position:0 -114px;
}
.SubNav li .Support:hover {
	background-position:-102px -114px;
}

/* CONTENT REGION */
.Content {
	position:absolute;
	left:124px;
	top:135px;
	width:385px;
	line-height:18px;
	}
.Content h2 {
	margin:0;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#002E46;
}
	
/* FLASH BOX */	
.Flash {
	position:absolute;
	left:537px;
	top:13px;
	width:263px;
	height:397px;
	}
	
/* PROMO BOX - Magazines, Prayer & Events */
.Promo {
	position:absolute;
	left:40px;
	top:488px;
	list-style:none;
	margin:0;
	padding:0;
	}
.Promo li {
	width:180px;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
.Promo .Pic, .Promo .link {
	float:left;
	border:4px solid #CCC;
	margin:0 10px 0 0;
}
.Promo .Txt {
	font-size:14px;
	font-weight:bold;
	color:#999;
	margin:0 0 10px 0;
}
.Promo .More {
	font-size:10px;
	color:#A52315;
	text-decoration:none;
	font-weight:normal;
}
.Promo .More:hover {
	color:#A52315;
	text-decoration:underline;
}
.Promo h3 {
	margin:0 0 3px 0;
	}
.Promo p {
	margin:0 0 10px 0;
}
.Promo .Info {
	float:left;
	width:90px;
}

/*FOOTER*/
#Footer {
	padding:8px;
	color:#A52315;
}
#Footer span {
	display:block;
	float:right;
}
#Footer a {
	color:#D5A982;
	font-weight:normal;
	text-decoration:none;
}
#Footer a:hover {
	color:#A52315;
	font-weight:normal;
	text-decoration:underline;
}