html, body {
      height:100%; margin:0;
    }
 
    html>body {
      min-height:100%;
      height:auto;
    }
 
    body {
      position:relative;
	  background: #f9fcfa url(img/top.jpg) repeat-x;
	  margin: 0 auto;
	  width: 100%;
	  min-width: 999px;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size:12px;
    }
div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p {line-height: 15px;}
 
#footer {
	position:absolute;
	bottom:0; width:100%;
	height:38px;
	background: #f1f9f4 url(img/footer.gif) left bottom repeat-x;
	color: #717980;
	padding:0;
	margin: 0;
	}

#footer div {
	
	width:auto;
	margin: 13px 0 0 276px;
	font-size:10px;
	color:#a7bbb2;}
#footer a {
	text-decoration:none;
	color:#a7bbb2;
	margin: 0 20px;
	}
#footer a:hover {
	text-decoration: underline;}

#main {
	padding: 90px 15px 38px 15px;
	min-height:440px;
    }
#main {
	text-align:justify;
	background:url(img/left.jpg) left 172px no-repeat;
	
	 }
#header {
	height: 130px;
	position:relative;
		  
    }
.main {
	background: url(img/logo.jpg) no-repeat;}
#header .slogan {
	padding: 185px 0 0 130px;
	height:auto;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
	font-size:19px;
	}
	

	
#nav, #nav ul {
  list-style: none;
  border: 0;  
  width: auto;
  margin: 0;
  padding: 0;
  display:block;
  text-align:center;
  z-index: 99999;
  position:absolute;
  top:102px;
  left: 410px;
  white-space:nowrap;
  
}
#nav li {
  float: left ;
  position: relative;
  width: auto;
  text-align:center;
  margin: 0;
  background: url(img/menusep.jpg) left center no-repeat;
  
  
}
#nav li.first {
	background:none;} 

#nav li a {
  text-decoration: none;
  display: block;
  font-weight:bold;
  width: auto;
  color:#2c3533;  
  white-space:nowrap;
  margin: 0 17px 0 19px;
  font-size:10px;
  
}
#nav li a:hover {
color:#78bc91;
   
}
#nav ul li a:hover ul li a, #nav li:hover a ul li a, #nav li.jshover a ul li a {
color:#000000;
   
}


#nav li ul {
  display: none;
  position: absolute;
  background: #c2e1fd url(img/submenu.gif) repeat-x;
  padding: 0;
  min-width: 130px;
    width: 100%;
  border: 1px solid #6b9dc9;
  border-top: 1px solid #5383ad;
  text-align:center;
  margin: 0 auto;
 }
#nav li ul {
	z-index: 999999;}
#nav li ul li {
	float:none;}
 
#nav li li a {
   width: auto;
   text-align:left;
   padding: 2px 25px 2px 20px;
   display: block; 
   font-size: 12px;
   
}

#nav li li a:hover {
  color: #006ab2;
  width: auto;
  background: #d8ecff;
  
}


.firststline {
	position:relative;
	z-index: 1;}
.left {
	width: 193px;
	position:absolute;
	top: 468px;
	left: 0px;
	text-align:right;
	line-height: 13px;
	font-size:10px;
	color:#747c78;
		}
.left  h3 {
	
	color:#189d4b;
	font-size:15px;
	margin: 0 0 4px;
	padding: 0 0 7px 0;
	background:url(img/left-h3.jpg) right bottom no-repeat;}
.left a {
	margin: 5px 0 0 0;
	display:block;}
.right {
	width: 233px;
	position:absolute;
	right:0px;
	top: 200px;
	padding:25px 0 0 0;
	}
.right h3 {
	background:url(img/right-h3.gif) left bottom no-repeat;
	font-size: 16px;
	color:#3b925c;
	margin:0 0 0 0;
	padding: 0 0 6px 22px;}
.right .news-item {
	margin: 10px 30px 10px 22px;
	font-size:10px;
	line-height: 13px;
	color:#434e49;
	}
.date {
	color:#9ca19f;}
.right .news-item strong {
	color:#000000;}
.right hr {
	color: #cedfd6;
	background-color: #cedfd6;
	height: 1px;
	border-width:0px;
	
	margin: 10px 30px 10px 22px;
	padding: 0;
	
}

.center {
	text-align:center;
	width: auto;
	margin: 0 0 0 9px ;
	float:left;
	z-index: 1;
	}
h1 {
	margin: 0 0 3px 0;
	font-size:21px;
	
	z-index: 1;}
.left p, .right p {
	padding: 0 ;
	text-align:justify;
	margin: 0;}
.unders {
	color: #2f3d47;}
.blue {
	background:url(img/bluegr.jpg) repeat-x;
	height: 149px;
	text-align:center;
	margin: 20px 10px 20px 10px!important;
	margin: 33px 10px 20px 10px;}
.blue2 {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #c0ddf6 url(img/leftblue.gif) left bottom repeat-x ;
	height: auto;
	text-align:justify;
	margin: 20px 0;
	padding: 10px 20px;}
.input {
	width:160px;
	height: 15px;
	border: 1px solid #8495a4;
	margin: 0 0 0 0 ;
	}
.but {	
	margin: 0 0 0 10px!important;
	margin: 1px 0 0 6px;
	right: 10px;
	position:absolute;}
.form {
	vertical-align:top;
	padding:0;
	margin: 0;}
input {
	margin: 0;}
.underimg {
	margin: -11px auto 0 auto!important;
	margin: -17px auto 0 auto;	
	width: 390px;
	position:relative;
	}
.content {
	font-size:12px;
	margin: 0 300px 0 262px;
	padding: 0 0px;
	color:#1c2c25;
	
	
	}
.content h2 {
	margin:20px 0 4px 0;
	color:#81a793;
	font-size:17px;
	padding: 0 0 1px 0;
	background:url(img/h2.jpg) left bottom repeat-x;}
.create {
	background:url(img/create.jpg) right 20px no-repeat;}
.communicate {
	background:url(img/communicate.jpg) right 20px no-repeat;}
.integrate {
	background:url(img/integrate.jpg) right 20px no-repeat;}
.content .boxes p {
	margin:0 60px 0 0;}
.content p {
	line-height:17px;
	margin:0 0 5px 0;}
.logo {
	margin: 0 20px 0 0;
	}
a {
	color:#17673c;
	text-decoration:underline;}
a:hover {
	text-decoration:none;}
#bigmessage p {
	font-size:18px;
	line-height: 20px;
}
#main ul>li {
	list-style-position: inside;
	
	}
