/* --------------------------------------------------------------------------
Author        : Jason Liew
Last Modified : Saturday, 07 July 2007
Description   : This stylesheet configures website formatting and positioning
-------------------------------------------------------------------------- */


/* Standard Styles */
/***********************************************************************/
body {position: relative; text-align: left; margin: 0; padding: 0; font: 12px Arial,Helvetica,sans-serif; color: #333; background-color: #FFFFFF; background-image: url("../images/main_bg.gif"); background-repeat: repeat-x; }

h1 {
	font-family: Garamond, Verdana;
	font-size: 25px;
	color: #214D5D;
	weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*line-height: 18px;*/
	margin-bottom: -13px;
	color: #333333;
}

h3 {
	font-family: Verdana;
	font-size: 10px;
	color: #333;
	margin-top: -15px;
}

a{color:#214D5D;text-decoration:none;font-weight:bold}
a:hover{color:#128398;text-decoration:none;font-weight:bold}

img {border: none;}
img.framed {border: #CCC solid 1px;	padding: 5px; background-color: #FFF;}
img.cd {border: #CCC solid 1px;	padding: 0px; background-color: #FFF;}


/* Main Divs */
/***********************************************************************/
#container {margin: 0 auto; background-color: #ffffff; padding: 0; min-width: 730px; max-width: 920px; text-align: center;}
#contents {margin: 0 21px 0 21px; text-align: justify;}

#countries {
	background-color: #e3f6fb; padding: 10px 10px 10px 10px; text-align: center; color: white;
}

.bpmotto {font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 11px; font-weight: bold; text-align: center}


/* Top Navigation Menu */
/***********************************************************************/
#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 95%;
border-bottom: 1px solid #bbb;
list-style-type: none;
background: #fff;
}

#navlist li
{
float: left;
margin: 0;
padding: 0;
width: 70px;
display: block;
}

#navlist li a:link
{
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a
{
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #214D5D;
border-bottom: 3px solid #257a8c;
cursor: pointer;
background: #e3f6fb;
}

#navlist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #478e9e;
background: #eee;
}

/* Bottom Navigation Menu */
/***********************************************************************/
.tabcontainer{
clear: left;
margin: 0;
padding: 0;
width:65%; /*width of 2nd level sub menus*/
height:22px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
font: 10px Verdana, sans-serif;
overflow:hidden;
position:relative;

}

.tabcontent{
display:none;
}

#tablist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#tablist li
{
border-left: 1px solid #999;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}

#tablist li a:link
{
background: #fff;
color: #555;
text-decoration: none;
display: block;
margin: 5px 0 0 0;
}

#tablist li a
{
background: #fff;
color: #555;
text-decoration: none;
display: block;
margin: 5px 0 0 0;
}

#tablist li a:hover
{
color: #1e7688;
cursor: pointer;
background: #eee;
font-size:13px;
font-weight: bold;
}

#tablist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
}

#tablist li a#current
{
color: #000;
cursor: default;
font-weight: bold;
}

#tablist li a#current:hover
{
background: #eee;
}



/* Country Navigation Menu */
/***********************************************************************/

#countrylist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#countrylist li
{
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
background-color: #e3f6fb;
display: block;
}

.contentstyle{
border: 0px solid gray;
width: 800px;
margin-bottom: 1em; padding: 10px;
}



/* Footer */
/***********************************************************************/

#footer {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; BACKGROUND: #214D5D; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 4px; FONT-STYLE: normal; TEXT-ALIGN: center
}
#footer P {
	DISPLAY: inline; MARGIN: 0px 0.8em; COLOR: #fff
}
#footer P A {
	COLOR: #fff; TEXT-DECORATION: underline
}
#footer P A:hover {
	TEXT-DECORATION: underline
}