/* CSS Document */

body {
	background-color:#9fc264;
	background-image:url(img/hands-bg.gif);
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}

a:link, a:visited {
	color:#c3e585;
	}

a:hover, a:active {
	color:#72c7d3;
	}

h2 {
	font-size: 25px;
	color:#c3e585;
	padding: 200px 0 20px 0;
	margin:0px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

div#container {
	background-color:#352535;
	padding: 12px;
	width: 1000px;
	margin: 0 auto 0 auto;
	}

div#nav {
	background-color:#674769;
	height:36px;
	background-image:url(img/nav-bg.gif);
	}

div#nav ul#links, div#seccontent ul#links {
	padding:11px 20px 0 0;
	margin:0px;
	height:25px;
	float:right;
	}

div#nav ul#links li, div#seccontent ul#links li {
	padding:0px 8px 0 8px;
	margin:0px;
	list-style-type:none;
	float:left;
	color:#72c7d3;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

div#nav ul#links li a:link, div#nav ul#links li a:visited, div#seccontent ul#links li a:link, div#seccontent ul#links li a:visited {
	color:#72c7d3;
	text-decoration:none;
	font-weight:bold;
	}

div#nav ul#links li a:hover, div#nav ul#links li a:active, div#seccontent ul#links li a:hover, div#seccontent ul#links li a:active {
	color:#c3e585;
	text-decoration:none;
	font-weight:bold;
	}
	

ul#site-map {
	padding:11px 20px 0 30px;
	margin:0px;
	}

ul#site-map li {
	padding:0px 8px 0 8px;
	margin:0px;
	list-style-type:square;
	color:#72c7d3;
	font-size: 10pt;
	}

ul#site-map li a:link, ul#site-map li a:visited {
	color:#72c7d3;
	text-decoration:none;
	font-weight:normal;
	}

ul#site-map li a:hover, ul#site-map li a:active {
	color:#c3e585;
	text-decoration:none;
	}

div#hmcontent {
	background-image:url(img/helping-hands-bg.jpg);
	height:646px;
	}

div#hmcontent h1 {
	padding:37px 0 0 93px;
	margin:0;
	}

div#hmcontent h1 a {
	background-image:url(img/logo.gif);
	height: 117px;
	width:191px;
	display:block;
	}

div#hmcontent h1 a span {
	display:none;
	}

div#leftcol {
	width:690px;
	float:left;
	}

div#leftcol h2 {
	font-size: 16px;
	font-weight:normal;
	padding:130px 300px 30px 40px;
	margin:0;
	color:#c3e585;
	font-family:Arial, Helvetica, sans-serif;
	}

div#leftcol p {
	font-size: 8.5pt;
	color:#fff;
	padding: 0 350px 0 40px;
	}

div#leftcol p.smallnote {
	font-size: 7pt;
	color:#fff;
	}

div#rightcol {
	width:290px;
	float:right;
	height:646px;
	background-image:url(img/agape-img.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color: #e15691;
	}

/******** SECONDARY PAGE **********/
div#secrepeater {
	background-image:url(img/repeater.gif);
	background-repeat:repeat-y;
	background-position:top right;
	}

div#seccontent {
	background-image:url(img/helping-hands-bg-sec.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	min-height:700px;
	}

div#leftcol2 {
	float:left;
	width: 700px;
	min-height:500px;
	}

div#rightcol2 {
	float:right;
	background-image:url(img/agape-img-sec.jpg);
	height:657px;
	width:290px;
	background-position:top right;
	margin: 2px 0 0 0;
	}


div#leftcol2 h1 {
	padding:0px 0 0 18px;
	margin:-14px 0 0 0;
	position:absolute;
	}

div#leftcol2 h1 a {
	background-image:url(img/logo2.jpg);
	height: 112px;
	width:182px;
	display:block;
	}

div#leftcol2 h1 a span {
	display:none;
	}

div#leftcol2 div#bottomarea img {
	padding-left: 42px;
	}

div#leftcol2 div#bottomarea p.smallnote{
	padding-left: 45px;
	padding-top: 20px;
	padding-bottom:35px;
	font-size:7pt;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	}

div#copyarea {
	min-height:650px; 
	padding-left:45px;
	}

div#copyarea h4 {
	color:#c3e585;
	padding: 0px 0 0 0;
	margin:0;
	font-size: 8pt;
	}

div#copyarea p {
	color:white;
	padding: 0px 0 10px 0;
	margin:0;
	font-size: 8pt;
	}

div#footer {
	padding: 12px 0 0 0;
	color:#956997;
	font-size: 7pt;
	font-family:Arial, Helvetica, sans-serif;
	}

/*** implementing Holly Hack ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */