/* CSS Document */

html, body {
	height:100%;
}
body {
	background-color:#9CAA9C;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

h1 {
 color:#485248;
 font-size:25px;
 text-align:center;
  font-size:32px;
}
h2 {
	font-size:20x;
	color:#485248;
	background-color:#CEDFCE;
	font-weight:bold;
	text-align:left;
}
h3 {
 color:#856833;
 font-size:18x;
}
#title {
 color:#485248;
 font-size:40px;
 text-align:center;
 font-weight:bold;
}
/*
9CAA9C	BDCFBD	CEDFCE	EFEFDE	BD9A52
*/

a {
	color:#485248;
	text-decoration: none;	
}

a:hover {
	background-color:#F9F5ED;	
}

.main {
	display:table;
	margin:auto;
	text-align:left;
	background-color:#EFEFDE;
	width:800px;
	min-height: 100%;
	height:100%;
}
#header {
	height:100px;
}
#seperator {
	background-color: #9CAA9C;
	width: 100%;
	height:5px;
}
#content {
	padding:20px;
	text-align:justify;
}
#footer {
	text-align:center;
	font-size:10px;
	position:relative;
	bottom:10px;
}

/**************** menu coding *****************/
#menu-wrapper {
	padding-left:85px;
	text-align:center;
	background: #EFEFDE;
}

#menu {
	width:630px;
	height:22px;
	background: #9CAA9C;
	margin:0;
	padding:0;
	padding-left:2px;
	text-transform: uppercase;
	font-size:13px;
}
#menu a:hover {
	background-color:transparent;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 90px;
	height:20px;
	float: left;
}

#menu a, #menu h2 {
	color:#485248;
	text-align:center;
	font-size:13px;
	display: block;
	margin:0;	
	padding:0;
	height:20px;
	font-weight:normal;
}

#menu h2 {
	text-transform: uppercase;
}

#menu a {
text-decoration: none;
}

#menu li:hover {
color:#485248;
background: #fff;
}

#menu li {
	padding-top:2px;
	position: relative;
	background-color:#EFEFDE;
	margin-right:2px;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#wpoverview {
	float: left; 
	font-size:13px; 
	background-color:#FFCC00;
	border-width: 0;
	border-color:#660000;
	border-width: 1px 0 0 1px; 
}
#wpoverview th{
	border-width:0;
	border-width: 0 0 1px 0; 
}
#wpoverview td{
	border-width: 0 1px 1px 0; 
}

.group, .group2{
	position:relative;
	background-color:#F9F9F3;
	margin:10px;
	height:70px;
	padding-left:10px;
}
.group2 .group{
	margin:0px;
}
.group2{
	height:160px;
	margin:10px;
	padding-left:0px;
}
.group >.name{
	font-size:18px;
}
.group .country{
	font-size:14px;
	color:#666666;
}
.group .logo{
	position:absolute;
	top:0;
	left:557px;
}
.person{
	position:relative;
	background-color:#F9F9F3;
	margin:10px;
	height:60px;
	padding:10px;
}
.person >.name{
	font-size:18px;
}
.person >.grp, .person >.name, .person >.aff, .person >.tel, .person >.eml, .person >.img{
	position:absolute;
	float: left;
}
.person >.grp{
	color:#3399FF;
	left:250px;
}
.person >.aff{
	color:#408080;
	left:350px;
}
.person >.eml, .person >.tel{
	margin-left:30px;
	padding-left: 25px;
	background-repeat:no-repeat;
	font-size:12px;
	height:25px;
}
.person >.eml{
	top:40px;
	background-image:url(../img/email.png);
}
.person >.tel{
	top:60px;
	background-image:url(../img/phone.png)
}
.person >.img{
	right:0;
	top:0;
}