/* Common typographic styles */

/*
The wrapper division completely surrounds the visible page so that scroll bars
position correctly
*/
.wrapper 
  {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0px;
	padding: 0px;
  width: 780px;
	background-color: transparent;
  }
	
/* 
The top division completely surrounds:
1. the cdp logo	
2. the main menu area
3. the contacts menu area
*/
.top
	{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
  width: 780px;
	height: 84px;
	background-color:  transparent;
	}
 /* contains the cdp logo */	
 .cdplogo
  {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 80px;
	width: 180px;
  margin: 0 auto;
	background-color:  transparent;
	}
	/* contains the main menu */	
.cdpmenu
  {
	position: absolute;
	top: 0px;
	left: 190px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	color: #1e90ff;
	background-color:  transparent;
	}
/* contains the contacts menu */		
.cdpcontacts
  {
	position: absolute;
	top: 0px;
	left: 680px;
	height: 80px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	color: #6b8e23;
	background-color:  transparent;
	}
	
/* 
The content wrapper completely surrounds the major content
The major content always includes:
		a. A left hand side wrapper which includes a search box and an optional sectional menu
		b. The actual content
It may optionally contain a rhight hand isde selection area		
*/	
.contentwrapper
  {
	position: absolute;
	top: 100px;
	left: 0px;
	background-color: transparent;
	}
/* contains the search box and optional sectional menu */	
.lhswrapper
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	margin-top: 22px;
	background-color:  transparent;
	}
/* contains */
	
.lang
  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 80px;
	background-color:  transparent;
  
  }
	
	
/* contains the search box */		
.searchbox
  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 80px;
	background-color:  transparent;
	}
/* contains the optional sectional menu */	
.lhsmenu
	{
	position: absolute;
	top: 80px;
	left: 0px;
	width: 180px;
	background-color:  transparent;
	}
/* The actual content */
.content
	{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 600px;
	margin: 0 auto;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 3px solid #6b8e23;
	border-right: 3px solid  #6b8e23;
	}

table.table_content
	{
	top: 0px;
	left: 0px;
	width: 595px;
	margin: 0 auto;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 0px;
	border-right: 0px;
	background:#ffffff;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	background-color: transparent;
	text-align: left;
	font-size: 12px;
	}

/* Optional right hand menu side */		
.rhs
	{
	position: absolute;
	top: 0px;
	left: 680px;
	width: 0px;
  margin: 0 auto;
	background-color:  transparent;
	}
	
body
	{
	background:#ffffff;
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	background-color: transparent;
	text-align: left;
	font-size: 12px;
 }
	
.footer
	{
	background:#ffffff;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #c0c1c5;
	background-color: transparent;
	text-align: left;
	font-size: 12px;
 }
.text{
	
	font-family: verdana, helvetica, arial, sans-serif;
	color: black;
	text-align: left;
	font-size: 12px;
}

.greytext{
	
	font-family: verdana, helvetica, arial, sans-serif;
	color: #999999;
	text-align: left;
	font-size: 11px;
}
h1 
	{
	font-family:arial, Arial, Helvetica, sans-serif;
	color:#00008b;
	font-size:14px;
	font-weight:bold;
	font-variant:normal;
	margin:0px;
  }

h2 
	{
	font-family:arial, Arial, Helvetica, sans-serif;
	color: #00008b;
	font-size:12px;
	font-weight:bold;
	font-variant:normal;
	margin:0px;
	padding:0px;
 }

h3
	{
	font-family:arial, Arial, Helvetica, sans-serif;
	color:#00008b;
	font-size:12px;
	font-weight:bold;
	font-variant:normal;
	margin:0px;
	padding:0px;
  }
 
 p
 {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 10px;
 }
 
.th1
  {
	color: #00008b;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-variant:normal;
	margin: 0px;
	padding: 0px;
  }
.th2
  {
	color: #00008b;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	font-variant:normal;
	margin: 0px;
	padding: 0px;
  }

.th3
  {
	color: #6b8e23;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-variant:normal;
	margin: 0px;
	padding: 0px;
  }
	
.td2
  {
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-variant:normal;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
  }
		
.menuitems
  {
	color: #00008b;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-variant:normal;
	line-height:95%;
	margin: 0px;
	padding: 0px;
  }
img
	 {
	 border: 0px;
	 }
a 
	{
	text-decoration:none;
	}	

a:link    /* unvisited links */
	{
	color: #00008b;
	}
a:visited 
  {
	color: #00008b;
  }   /* visited links   */
a:hover   
  { 
  color: #4169e1;
  } /* user hovers     */
a:active
  { 
	color: black; 
	}   /* active links    */

	
/* chinese characters */
a.chin{
	font-size:12px;
	text-decoration:none;
	mso-bidi-font-size:10px;
	color: #00008B;
	font-family:PMingLiU;
  	mso-ascii-font-family:Arial;
	mso-hansi-font-family:Arial
 }