﻿/*-------------------------------
*Filename: style.css
*Version: 1.0.0
*Author: Francis Maribao
---------------------------------*/

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

div {
	margin:0px;
	padding:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	line-height:20px;
}


*{
	margin:0px;
	padding:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	line-height:20px;
}


body{
	margin:0px auto;
	padding:0px;
	text-align:center;
	background:url(../img/body.gif) top repeat-x;
	background-color:#f8f8f8;
}

a{
	color:#0c285e;
	text-decoration:underline;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

a:hover{
	color:#ac7300;
	text-decoration:underline;
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
img{
	border:0px;
}

h1{
	color:#0c285e;
	background:url(../img/h1-bg.gif) left bottom no-repeat;
	font-weight:normal;
	font-size:22px;
	padding-bottom:5px;
	margin-bottom:10px;
}
h2{	
	color:#ac7300;
	font-weight:normal;
	font-size:20px;
	margin-top:20px;
	margin-bottom:15px;
}

h3{
	color:#0c285e;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

h4{
	color:#ac7300;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	margin-bottom:15px;
}
#Container{
	margin:0px auto;
	padding:0px;
	width:1004px;
	text-align:left;
	height:auto;
}

#Wrapper{
	width:100%;
}
 
#Header{
	margin:0px;
	height:178px;
	width:1004px;
	background-color:#000000;
	clear:both;
}

.top-link{
	height:26px;
	padding-right:100px;
}

.top-link p{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
}
#Main-Navi{
	width:847px;
	height:40px;
	background:url(../img/navi1.gif) no-repeat;
	padding:30px 75px 0px 75px;
}

#Main-Navi ul{
	list-style:none;
	text-decoration:none;
	width: 847px;
	
}

#Main-Navi li{
	float:left;
	display:inline;
	margin-right:14px;
}

#Main-Navi span{	
	display:none;
}

.links a{
	font-size:12px;
}
/*---Main-Navi Links---*/

.nav1 a{
	float:left;
	background:url(../img/home.gif) no-repeat;
	margin:0px;
	height:26px;
	width:56px;
}

.nav1 a:hover, .nav1-on{
	float:left;
	background:url(../img/home-over.gif) no-repeat;
	height:26px;
	width:56px;
}

.nav2 a{
	float:left;
	background:url(../img/association.gif) no-repeat;
	margin:0px;
	height:26px;
	width:130px;
}

.nav2 a:hover, .nav2-on{
	float:left;
	background:url(../img/association-over.gif) no-repeat;
	height:26px;
	width:130px;
}

.nav3 a{
	float:left;
	background: url(../img/news-events.gif) no-repeat;
	margin:0px;
	height:26px;
	width:122px;
}

.nav3 a:hover, .nav3-on{
	float: left;
	background:url(../img/news-events-over.gif) no-repeat;
	height:26px;
	width:122px;
}

.nav4 a{
	float:left;
	background:url(../img/publications.gif) no-repeat;
	height:26px;
	width:104px;
}

.nav4 a:hover, .nav4-on{
	float:left;
	background:url(../img/publications-over.gif) no-repeat;
	height:26px;
	width:104px;
}

.nav5 a{
	float: left;
	background:url(../img/career.gif) no-repeat;
	height:26px;
	width:82px;
}

.nav5 a:hover, .nav5-on{
	float:left;
	background:url(../img/career-over.gif) no-repeat;
	height:26px;
	width:82px;
}

.nav6 a{
	float:left;
	background:url(../img/links.gif) no-repeat;
	height:26px;
	width:50px;
}

.nav6 a:hover, .nav6-on{
	float:left;
	background:url(../img/links-over.gif) no-repeat;
	height:26px;
	width:50px;
}

.nav7 a{
	float:left;
	background:url(../img/contactus.gif) no-repeat;
	height:26px;
	width:96px;
}

.nav7 a:hover, .nav7-on{
	float:left;
	background:url(../img/contactus-over.gif) no-repeat;
	height:26px;
	width:96px;
}

.nav8 a{
	float:left;
	background:url(../img/members.gif) no-repeat;
	height:26px;
	width:122px;
}

.nav8 a:hover, .nav8-on{
	float:left;
	background:url(../img/members-over.gif) no-repeat;
	height:26px;
	width:122px;
}

/*---end Main Navi Links----*/
#Content{
	margin:0px auto;
	width:837px;
	height:auto;
	background:url(../img/bg-content2.gif) repeat-y;
	padding:0px 75px 0px 92px;
}


#AreaRight{
	float: left;
	width:219px;
	margin:0px;
	height:auto;
	padding:10px 25px 0px 25px;
}

#AreaLeft{
	float:left;
	width:555px;
	height:auto;
	margin-top:20px;
	padding-right:13px;
}

#AreaLeft p{
	margin-bottom:12px;
}


#Content-Footer{
	margin:0px auto;
	width:837px;
	height:auto;
	background:url(../img/bg-content2.gif) repeat-y;
	padding:100px 75px 30px 92px;
}

#Footer{
	background:url(../img/footer-bg.gif) top no-repeat;
	width:556px;
	padding-top:3px;
}

#Footer ul{
	list-style:none;
}

#Footer li{
	float:left;
	display:inline;
	margin-right:10px;
}

#Footer li a{
	text-decoration:none;
	font-size:11px;
}

.moreaddress {
	float:left; width:100px;display: block;
}

.list1 ul{
	list-style:none;
	width:560px;
	clear:both;
}

.list1 li{
	display:inline;
	font-size:12px;
	margin-bottom:5px;
}

.list1 a {
	font-size:12px;
	text-decoration:none;
}
.li-450{
	width:445px;
	float:left;
}

.li-110{
	width:110px;
	float:right;
	
}
.click a{
	color:#b11818;
	padding-left:20px;
}

.click a:hover{
	color:#ac7300;
	text-decoration:underline;
}

.click2{
	color:#666666;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left:20px;
}


/*---Area Settings--*/

.right{
	float:right;
}

.left{
	float:left;
}
.clear{
	clear:both;
}

.mB10{
	margin-bottom:10px;
}

.mB20{
	margin-bottom:20px;
}

.mR10{
	margin-right:10px;
}

.mL20{
	margin-left:20px;
}

.font12{
	font-size:12px;
	font-weight:normal;
}

ul {padding-left:15px;}
/*li {list-style:disc;}*/

#search-table {
	border: 1px solid #bcbcbc;
	margin: 3px;
	padding: 3px;
	background-color: #e6e6e6;
}
.headerlink
{color:#fff;
text-decoration:none; }

.txtinput{
height:16px;
margin: 2px 0 3px 0;
font-size:14px;
border: 1px #270403 solid;
padding:3px;
}

.txtarea{
margin: 2px 0 3px 0;
font-size:14px;
border: 1px #270403 solid;
padding:3px;
}

.title-form{
height:30px;
background-color:#306184;
color:#c6e4f0;
font-weight:bold;
}

.cat_content {
	background-color:#ffffff;
	border:1px solid #bcbcbc;	
}
.cat_content ul {margin:0px; padding:0px; padding-top:10px; padding-bottom:15px;}
.cat_content ul li {
	margin:0px; 
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	list-style:none;

}
.cat_content ul li a{
	color:#403f3f;
	text-decoration:none;
	border-bottom:1px solid #ebe9e3;
	display:block;	
	padding-top:5px;
	padding-bottom:5px;	
}
.cat_content ul li a:hover { color:#305f93 }
#categories a small {
	font-style:normal;
	font-size:9px;
	text-transform:uppercase;
	color:#b3a37b;
	padding-left:2px;
}
.bold-highlight {
	font-weight: normal;
	color: #BE912D;
	font-size: 1.1em;
}
.bold-highlight-14 {
	font-weight: normal;
	color: #BE912D;
	font-size: 14px;
}

#careers {
	padding: 4px;
	border: 1px solid #333333;
	background-color: #F7F6E8;
	margin: 5px;
}
#careers th {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #B78624;
	text-align: left;
	padding:3px;
}

.errormsg {
	background-color:#f8e0b3;
	float:left;
	clear:both;
	display:block;
	margin-bottom:10px;
	padding:10px;
}

.errormsg img{
	float:left;
	padding-right:10px;
}
.errormsg span{
	float:left;
	display:block;
}

/*  */

	#company_child, #mem_child, #serv_child, #pub_child  {
		position: absolute; 
		visibility: hidden; 
		left:1px; 
		top:100px;
		width:160px;
		margin-top:25px;
	}
	*:first-child+html #company_child, *:first-child+html #mem_child, *:first-child+html #serv_child, *:first-child+html #pub_child {
		margin-top:0px;
	}
	*html #company_child, *html #mem_child, *html #serv_child, *html #pub_child  {
		margin-top:0px !important;
	}
	#company_child a, #mem_child a, #serv_child a, #pub_child a  {
		display: block; 
		border:0px; 
		padding:0px;
		width:150px;
		opacity: .9;
		filter: alpha(opacity=90);
	}
	/******
	#company_child a:hover, #mem_child a:hover, #serv_child a:hover, #pub_child a:hover {
		opacity:1.0;
		filter:alpha(opacity=100);
	}
	*******/
