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

body {
	margin:0;
	padding:0;
	background:#ccc;
	font-family:Arial, 'Helvetica', sans-serif;
}

a img {
	border:none;
}

.wrapper {
	width:980px;
	height:auto;
	margin:0 auto;
	padding:0 10px 10px 10px;
	background:#ffffff;
}

#header {
	width:980px;
	height:102px;
	margin:0;
	padding:0;
}

#logo {
	float:left;
}

#contactBox {
	float:right;
	background:#1b9a40;
	width:230px;
	height:32px;
	margin:0 0 0 20px;
	padding:7px 0 0 0;
	font-size:20px;
	text-align:center;
	color:#ffffff;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#contactBox a {
	color:#ffffff;
	text-decoration:none;
}

#contactBox a:hover {
	text-decoration:underline;
}

.social {
	width:500px;
	margin:20px 0 0 0;
	float:right;
}

.social .icon {
	float:right;
	margin:0 0 0 10px;
	width:27px;
	height:27px;
}

/*--Navigation--*/

.lavaLampWithImage {
	position: relative;
	height: 30px;
	width: 956px;
	background:#1b9a40;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 12px;
	margin:0 auto 23px auto;
	overflow: hidden;
}
.lavaLampWithImage li {
	float: left;
	list-style: none;
}
.lavaLampWithImage li.back {
	background: url("../images/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	padding:0;
	margin:0;
	z-index: 8;
	position: absolute;
}
.lavaLampWithImage li.back .left {
	background: url("../images/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 5px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}

/*--Content--*/

#content {
	width:980px;
	height:auto;
	margin:0;
	padding:0;
}

h1 {
	color:#1b9a40;
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
}

h2 {
	color:#000000;
	font-size:16px;
	margin:0;
	padding:0;
}

.pageContent {
	width:980px;
	height:auto;
	margin:0;
	padding:0;
}

.pageContent_border {
	width:980px;
	height:auto;
	margin:0;
	padding:0;
	border-top:1px solid #1b9a40;
}

.column1_home {
	width:376px;
	margin:0 10px 0 0;
	float:left;
	text-align:center;
}

.column2_home {
	width:584px;
	margin:0 0 0 0;
	float:left;
	padding:0 10px 0 0;
	text-align:justify;
}

.areaBord {
	border-bottom:1px solid #1b9a40;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

.areanoBord {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}


.column1 {
	width:480px;
	margin:0 10px 0 0;
	float:left;
}

.column2 {
	width:480px;
	margin:0 0 0 10px;
	float:left;
}

#footer {
	width:980px;
	height:24px;
	margin:0;
	padding:16px 0 0 0;
	border-top:1px solid #1b9a40;
	font-size:14px
}

#footer ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

#footer li {
	float:left;
	padding:0;
	margin:0 4px 0 0;
	color:#aaaaaa;
}

#footer a {
	color:#aaaaaa;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .fsb {
	float:left;
	text-align:center;
	padding:0 0 0 320px;
	margin:-11px 0 0 0;
}

#footer .copyright {
	margin:0 0 0 0;
	float:right;
	color:#aaaaaa;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.roundBox {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}