@charset "utf-8";
/* CSS Document */

body, html {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;	
	background: #BEFD64;
	width: 100%;
}

h1, h2, h3, h4 {
	margin: 0 0 10px 0;
}

h1 {
	font-size: 34pt;	
	margin-bottom: 15px;
}

h2 {
	color: #005A81;
}

p, ol, ul, table {
	font-size: 10pt;
	line-height: 13pt;
	margin: 0 0 10px 0;
}

li {
	margin: 5px 0 0 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #015A82;
}

a:hover {
	color: #000;
}

hr {
	margin: 25px 0;
	height: 1px;
	background: #5B812E;
	color: #5B812E;
	border: none;
	clear: both;
}

img {
	border: none;	
}

#bgGradient {
	width: 100%;
	height: 321px;
	position: absolute;	
	left: 0;
	top: 0;
	background: url(images/bgGradient-bg.png) repeat-x;
	z-index: 111;
}

#bgArt {
	position: absolute;
	width: 100%;
	height: 321px;
	top: 0;
	left: 0;
	z-index: 222;
	background: url(images/bgArt-bg.png) no-repeat center top;
}

#wrap {
	width: 950px;	
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#container {
	width: 940px;
	min-height: 400px;
	overflow: hidden;
	border-left: 10px solid #5b812e;
	z-index: 888888;
}

#header {
	width: 950px;
	height: 260px; 
	position: relative;
	background: url(images/header-bg.png) no-repeat;
	z-index: 9999999999;
}

#logo {
	position: absolute;
	left: 15px;
	bottom: 0;	
}

#balloon {
	position: absolute;
	left: 257px;
	top: 53px;	
}

#girl {
	position: absolute;
	left: 257px;
	top: 133px;	
}

#main {
	width: 880px;
	min-height: 445px;
	background: url(images/main-bg.png) repeat-x #8CBB4A;
	padding: 30px 30px 10px 30px;
	float: left;
}

#leftCol {
	float: left;
	width: 353px;
	margin-right: 8px;
}

	#leftCol h1 {
		font-size: 24pt;
		margin-bottom: 10px;
	}

#rightCol {
	width: 518px;
	height: 425px;
	float: left;
}

.button {
	width: 241px;
	height: 115px;
	padding: 18px 0 0 7px;
	float: left;	
	margin: 0 0 13px 11px;
	text-align: center;
	position: relative;
}

	.button h2 {
		color: #005a81;	
		margin: 0;
	}
	
	.button p {
		font-weight: bold;
		color: #5b812e;	
	}
	
	.button a {
		display: block;
		width: 248px;
		height: 138px;
		position: absolute;	
		left: 0;
		top: 0;
	}

	.one {
		background: url(images/button-01.png) no-repeat;
	}
	
	.two {
		background: url(images/button-02.png) no-repeat;
	}
	
	.three {
		background: url(images/button-03.png) no-repeat;
	}
	
	.four {
		background: url(images/button-04.png) no-repeat;
	}
	
	.five {
		background: url(images/button-05.png) no-repeat;
	}
	
	.six {
		background: url(images/button-06.png) no-repeat;
	}

#infoBoxWrap {
	width: 880px;
	margin: 10px 0 0 0;
	float: left;
}

	#infoBoxWrap p {
		margin: 0 0 0 0;
		font-size: 8pt;	
	}
	
	#infoBoxWrap p a {
		background: url(images/infoBox-a-bg.png) no-repeat left 2px;
		padding-left: 7px;	
	}
	
	#infoBoxWrap p a.noBackground {
		background: none;
	}

#infoBoxRight {
	float: right;
	width: 447px;
	height: 104px;
	padding: 12px 0 0 60px;
	background: url(images/infoBox-right-bg.png) no-repeat;
}

.infoCol {
	float: left;
	width: 	190px;
}

#infoBoxRight .wide {
	width: 	220px;
	margin-left: 20px;
}

#infoBoxLeft {
	float: left;
	height: 104px;
	width: 273px;
	padding: 12px 20px 0 60px;
	background: url(images/infoBox-left-bg.png) no-repeat;
	position: relative;
}

#facebookIcon {
	position: absolute;
	top: 10px;
	right: 18px;
}

#twitterIcon {
	position: absolute;
	top: 58px;
	right: 18px;
}

#footer {
	width: 950px;
	margin: 0 auto;
	background: url(images/footer-bg.png) no-repeat;
	padding-top: 40px;
}

	#footer p {
		text-align: center;	
		color: #5B812E;
		margin-bottom: 3px;
	}
	
	#footer a {
		color: 	#5B812E;
	}
	
	#footer a:hover {
		color: #000;	
	}