/* ***********************************************************************************************
1. Global
2. Container
3. Menu
4. Splash
5. Container 2
6. Sidebar
7. Footer
8. Refer-to-a-friend
9. Style for Homepage News
10. Small box with solid borderline
11. styles for investors section
12. additional codes to adjust IE
13.  more additional styles & etc
*********************************************************************************************** */

/* -----------------------------------------------------------------------------------------------
1. Global
===============================================================================================*/	
div#printlogo {
display:none;
}
div#url {
display:none;
}
* {
	margin: 0;
	padding: 0;
}

html {
	background:#006EC7 url(img/bg_pms300.gif) repeat-y 50% 0;
	}

body {
	margin: 0px 0;
	/*background: #006EC7;*/
	background:transparent;
	font-family:verdana,arial, sans-serif, serif;
	font-size: 13px;
	color: #006EC7;
}

h1 {
	font-weight: bold;
	letter-spacing:0;
	color: #FFCC33;
}

h2, h3 {
	font-weight: normal;
	color: #FFCC33;
}

h1 { font-size: 100%; }
h2 { font-size: 90%; }
h3 { font-size: 85%; }

p {

	margin-bottom: 10px;
	line-height: 167%;
        font-size: 85%;
}

ul, ol {
	margin-bottom: 20px;
	line-height: 167%;
}


a:link {
	color: #006EC7;
	
}

a:hover {
	text-decoration: none;
	color: #7F7772;
}

a:visited {
    color: #006EC7;

}

a:visited:hover {
	text-decoration: none;
    color: #7F7772;

}

img {
border:none;
}


/* -----------------------------------------------------------------------------------------------
2. Container
===============================================================================================*/	

#mainpage {
	width: 820px;
	margin: 0 auto;
        background: #FFFFFF;
        border: 1px solid #006EC7; /*border color*/
	/*padding: .5em 2ex;*/
	line-height:1.1;
        

}


#header {
	width: 770px;
	margin: 0 auto;
	padding:0;
        
}

#logo {
   padding-bottom: 0px;
}

.dark {
color: #333;
}

.blue300 {
color:#006EC7;
}
/* -----------------------------------------------------------------------------------------------
3. menu
===============================================================================================*/	
#navbar 
{
text-transform:uppercase;
}
#menu {
	width: 770px;
	padding-top:0px;
	margin:0;
	border-top: 1px solid #ffffff;
	text-transform:uppercase;
	
}

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

#menu li {
	display: inline;
}


#menu a {
	height: 30px;
	padding: 5px 10px 0 10px;
	text-decoration: none;
	font-size: 85%;
	color: #FFFFFF;
}

#menu a:hover {
	color: #006EC7;
	background:url(img/menu-hover-bg.gif) no-repeat;
}



/* -----------------------------------------------------------------------------------------------
4. Splash
===============================================================================================*/	

#splashimage {
   padding-top: 0px;
   padding-bottom: 1px;
   border-top: 1px solid #006EC7;
   border-bottom: 1px solid #006EC7;
}

/* old one with illustration
#splash {
	width: 770px;
	height: 200px;
	margin: 0 auto;
        }
*/

#splash {
	width: 770px;
	height: 20px;
	margin: 0 auto;
	padding-top: 0px;
   padding-bottom: 1px;
   border-top: 1px solid #666666;
   border-bottom: 1px solid #006EC7;
   background-color: #006EC7;
        }

#splashy
{
	width: 770px;
	height: 0px;
	overflow: hidden;
	padding: 200px 0 0 0;
	background-image: url(img/splash5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #006EC7;
	border-bottom: 1px solid #006EC7;
	margin-bottom: 12px;
	display: block;
}

#splash p {
	float: right;
	width: 460px;
	height: 70px;
	margin: 0;
	padding: 110px 20px 0 50px;
	background: url(images/img3.jpg) no-repeat;
	text-align: right;
	font-size: 136%;
	font-weight: bold;
	color: #ED2024;
}

#splash hr {
 height: 1px;
border: none 0;
border-top: 1px solid #006EC7;/*the border*/
color: ##CCCCCC;
background-color: #006EC7;
margin: 0 auto;
}
	
/* -----------------------------------------------------------------------------------------------
5. Container 2
===============================================================================================*/	

#page {
width: 770px;
/* doesn't work in firefox - to be considered
border-right: 1px solid #006EC7 !important;
border-left:  1px solid #006EC7 !important;
*/
margin: 0 auto;

}

#page h1, #page h2 {
	margin-bottom: 20px;
}

#content {
	float: left;
	width: 520px;
	padding: 20px;
	border-right: 1px solid #006EC7;

}

#content p {
        text-align: justify; 
}

#content ol, #content ul {
	margin-left: 3em; 
	list-style: none;
}
#content li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid  #CCCCCC;
}

#content h3 {
        font-size: 80%;
	padding: 0 0;
	color: #666666;
}

#content h1 {
	letter-spacing:0;
	font-size:110%;
	color: #FFCC33;
	background:transparent;
}

/* content with side menu */

#content2 {
	float: left;
	width: 410px;
	padding: 20px;
	border-right: 1px solid #006EC7;
	border-left: 1px solid #006EC7;

}

#content2 p {
        text-align: justify; 
}

#content2 ol, #content2 ul {
	margin-left: 3em; 
	list-style: none;
}
#content2 li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
}

#content2 h3 {
        font-size: 80%;
	padding: 0 0;
	color: #666666;
}

#content2 h1 {
	letter-spacing:0;
	font-size:110%;
	color: #FFCC33;
	background:transparent;
}

#list2 {
list-style:disc !important;
margin-left: 3em;
}

#list2 li {
	margin: 0 0 2px 0 !important;
	padding: 0 0 2px 0 !important;
	border-bottom: none !important;
}
/* -----------------------------------------------------------------------------------------------
6. Sidebar
===============================================================================================*/

#sidebar {
	float: left;
	width: 149px;
	padding: 20px;

	
}

#sidebar h2 {
	padding-top: 6px;
	margin-bottom: 5px;
	margin-top: 12px;
	font-weight: bold;
}

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

#sidebar li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid  #CCCCCC;
}

#sidebar h3 {
	width: 70px;
	height: 17px;
	padding: 0 10px;
	background: #CCCCCC no-repeat;
	color: #FFFFFF;
}

#sidebar a:link {
	color: #006EC7;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #7F7772;
}

#sidebar a:visited {
    color: #006EC7;
	text-decoration:none;

}

#sidebar a:visited:hover {
    text-decoration: underline;
	color: #7F7772;

}

.standard {
font-size: 85%;
}

/* for content with left side menu */

/* sidebar */

#sidebar2 {
	float: right;
	width: 129px;
	padding: 20px;

	
}

#sidebar2 h2 {
	padding-top: 6px;
	margin-bottom: 5px;
	margin-top: 12px;
	font-weight: bold;
}

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

#sidebar2 li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
}

#sidebar2 h3 {
	width: 70px;
	height: 17px;
	padding: 0 10px;
	background: #CCCCCC no-repeat;
	color: #FFFFFF;
}

#sidebar2 a:link {
	color: #006EC7;
	text-decoration:none;
}

#sidebar2 a:hover {
	text-decoration: underline;
	color: #7F7772;
}

#sidebar2 a:visited {
    color: #006EC7;
	text-decoration:none;

}

#sidebar2 a:visited:hover {
    text-decoration: underline;
	color: #7F7772;

}

#shareprice .info {
font-size: 9px;
color: #999999;
}

#shareprice p {
margin-top: 0px;
margin-bottom:0px;
padding-bottom:opx;
padding-top:0px;
font-size: 100%;
}

/* side menu */

#sidemenu {
	float: left;
	width: 89px;
	padding: 20px;
	
}

#sidemenu h2 {
	padding-top: 6px;
	font-weight: bold;
}

#sidemenu a {
text-decoration:none;
font-size: 85%;
}

#sidemenu a:hover {
	color: #FFCC33;
}

#sidemenu a:visited {
	color: #006EC7;
}

#sidemenu a:visited:hover {
	color: #FFCC33;
}


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

#sidemenu li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
}

#sidemenu h3 {
	width: 75px;
	height: 12px;
	padding: 0 10px;
	background: #CCCCCC no-repeat;
	color: #FFFFFF;
}
	
/* -----------------------------------------------------------------------------------------------
7. Footer
===============================================================================================*/
/* 
#footer {
	clear: both;
	width: 770px;
	height: 170px;
	margin: 0 auto;
    background: #FFFFFF;
}

*/


#footer {
	clear: both;
	width: 770px;
	height: 50px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 20px solid #006EC7;
    background: #FFFFFF;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 77%;
}

#legal {
	float: left;
}

#links {
	float: right;
}

	
/* -----------------------------------------------------------------------------------------------
8. Refer-to-a-friend
===============================================================================================*/

#tell p {
        text-align: right;
        font-size: 10px;
        
}

#tell a {
text-decoration:underline;
}

#tell a:hover {
text-decoration:none;
color: #ED2024;
}

/* -----------------------------------------------------------------------------------------------
9. Style for Homepage News
===============================================================================================*/
#read {
       font-size: 80%;
       text-align: right;
}

#read a {
       color: #FFCC33;
       text-decoration:none;
}

#read a:hover {
       color: #7F7772;
       text-decoration:none;
}

/* doesn't work ? */
.posttitle {
color: #006EC7;
text-decoration: none;
font-weight:bold;
}

.posttitle:hover {
color: #006EC7;
text-decoration: underline;
}

.posttitle:visited {
color: #006EC7;
text-decoration: none;
}

.posttitle:visited:hover {
color: #006EC7;
text-decoration: underline;
}


/* -----------------------------------------------------------------------------------------------
10. Small box with solid borderline
===============================================================================================*/

#notes {
border: 1px solid #006EC7;
padding: 5px;
font-size:100%;
}

#notes p {
margin-bottom: 1px;
margin-top: 1px;
padding-bottom: 1px;
padding-top: 1px;
}

#webcast {
border: 1px solid #006EC7;
padding: 5px;
font-size:100%;
text-align:center !important;
margin-bottom: 1em;
padding-bottom: 1em;
}

#webcast p {
text-align:center !important;
margin-bottom: 1px;
margin-top: 1px;
padding-bottom: 1px;
padding-top: 1px;
font-weight:bold;
}

#notes2 {
border: 1px solid #006EC7;
padding: 5px;
font-size:85%;
}

#notes2 p {
margin-bottom: 1px;
margin-top: 1px;
padding-bottom: 1px;
padding-top: 1px;
}

#dash {
border: 1px dashed #006EC7;
padding: 5px;
}

#solidline {
border: 1px solid #006EC7;
padding: 5px;
}

.red {
color:#FF0000;
}

/*--------------------------------------------------
11. styles for investors section
---------------------------------------------------*/
#date {
list-style:none !important;
margin-left: 1em !important;
}

#date li {
	margin: 0 0 1px 0 !important;
	padding: 0 0 1px 0 !important;
	/*border-bottom: none !important;*/
	font-weight:bold;
	font-size:85%;
}

#date ul {
margin-left: 0em !important;
margin: 0 0 1em 0 !important;
}

#info {
list-style:none !important;
margin-left: none !important;
}

#info li {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border-bottom: none !important;
	font-weight:normal !important;
	font-size:100% !important;
	color: #999999;
}
#info li a {
	font-size:100% !important;
}

#investor1 {
list-style:none !important;
margin-left: 1em !important;
}

#investor1 li {
	margin: 0 0 15px 0 !important;
	padding: 0 0 15px 0 !important;
	font-size:85%;
}

#faqs {
list-style:none !important;
margin-left: 1em !important;
}

#faqs li {
	margin: 0 0 15px 0 !important;
	padding: 0 0 15px 0 !important;
}

#investormail {
border: 1px solid #006EC7;
padding: 5px;
font-size:100%;
}
/*--------------------------------------------------
12. additional codes to adjust IE
---------------------------------------------------*/
body{ margin-left: 1px; }
html > body{ margin-left: 0; }


/*--------------------------------------------------
13.  more additional styles & etc
---------------------------------------------------*/

/* sitemap style */
#sitemap {
font-size: 85%;
}

#sitemap a:link {
	color: #006EC7;
	text-decoration:none;
	
}

#sitemap a:hover {
	color: #7F7772;
	text-decoration:underline;
}

#sitemap a:visited {
    color: #006EC7;
	text-decoration:none;

}

#sitemap a:visited:hover {
    color: #7F7772;
	text-decoration:underline;

}

#sitemap hr {
    height: 1px;
	border: none 0;
	border-top: 1px solid #006EC7;/*the border*/
	color: ##CCCCCC;
	background-color: #006EC7;
	margin: 0 auto;
	margin-top: 7px;
	margin-bottom: 7px;

}

/* Board Members Page */
.backto {
text-align:right !important;
}

#boardlist ul {
font-size:85%;
margin-bottom: 10px !important;
margin-top: 1px !important;
list-style:square;
	   
	  }
	  
#boardlist li {
	margin: 0 0 1px 0 !important;
	padding: 0 0 1px 0 !important;
	padding: 0 0 1px 0;
	  border-bottom: none;
	  }
/* End Board Members Page */

#director ol, #director ul {
        margin-left: 1em;
	list-style: none;
}
#director li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCCCCC;
}