/*------------content base------------*/

html,body 
{ 
background-color: #fff; 
padding: 0; 
height:100%;
}

body         
{ 
color: #292929; 
font-size: 75%;/* IE */ 
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; 
text-decoration: none; 
text-align: center; 
vertical-align: top; 
margin: 0;
padding: 0; 
}

html>/**/body 
{
font-size: 12px; /* Except IE */
}

h1    
{ 
color: #287eb9; 
font-size: 150% ; 
font-weight: bold; 
line-height: 110%; 
}

h2   
{
color: #287eb9; 
font-size: 130% ; 
font-weight: bold; 
line-height: 110%; 
}

h3   
{ 
color: #287eb9; 
font-size: 100% ; 
font-weight: bold; 
line-height: 110%; 
padding: 5px 0; 
border-bottom: 1px solid #ccc; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul li  
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 20px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

ul ul li
{
margin-left: 30px; 
margin-top:3px;
padding-left: 10px; 
list-style-type: none; 
background-image: url(bullet.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
}

ul ul ul li
{
margin-left: 50px; 
}

div.headerback   
{ 
color: #fff; 
background-color: #262626; 
background-image: url(header_bg.gif); 
background-repeat: repeat-y; 
background-position: right bottom; 
height: 160px !important; 
margin: 0; 
padding: 0; 
}

#mainbox
{ 
background-image: url(mainbox_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
height: auto; 
}

table.mainbox
{ 
width: 970px; 
height: 500px; 
margin-right: auto; 
margin-left: auto; 
}

#spacer {height:400px;width:1px;float:right;}

br#clear {clear:both;}

/*------------header------------*/

div.title
{
display:none;
}

#header_wrap
{ 
position:relative;
width: 970px; 
height:110px;
margin-right: auto; 
margin-left: auto;
}

div#logo
{ 
text-align: left; 
margin:0;
padding:5px 0 0 0;
}

div#logo img
{
}

#loginbut
{
margin-top:30px;
position:relative;
right:-100px;
}

#twitter
{
position:absolute;
right:25px;
top:65px;
}

#facebook
{
position:absolute;
right:65px;
top:65px;
}





/*------------right side bar------------*/

td#rightsidebar
{ 
color: #fff; 
line-height: 150%; 
background-color: #757575; 
background-image: url(sidebar_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
padding: 10px 20px 20px; 
text-align: left; 
vertical-align: top ; 
width: 200px; 
}


td#rightsidebar h2
{ 
color: #fff; 
font-size: 120%; 
background-image: url(sidebar_arrow.gif); 
background-repeat: no-repeat; 
background-position: 2px 3px; 
text-transform: uppercase; 
margin: 20px 0 15px; 
padding-left: 25px; 
}

/*------------maincontents------------*/

td#maincontents   
{ 
line-height: 160%; 
text-align: left; 
vertical-align: top ;
padding: 20px 30px 20px 0; 
}

td#maincontents img
{margin:5px;}

div#mainimage
{ 
text-align: center; 
padding: 0 0 10px; 
}

div#maincontents
{
margin:0;
padding-left:10px;
}

/*------------member login ------------*/

.Login
{
margin:0;
width:auto;
float:right;
padding:0 0 0 5px;

}

.LoginForm
{
text-align:center;
}

.LoginForm table
{
margin:0 auto;
}

.LoginForm td
{
text-align:left;
padding:0 3px;
}

.LoginForm td input[type="text"],.LoginForm td input[type="password"]
{
width:175px;
padding:3px;
margin:0 0 3px 0;
}

.LoginForm td input[type="checkbox"]
{
float:right;
}


/*------------link------------*/

td#maincontents a     
{ 
color: #287eb9; 
text-decoration: underline ;
}

td#maincontents a:hover  
{ 
color: #474747; 
text-decoration: none ; 
}

td#rightsidebar a
{
color: #eeee90; 
text-decoration: none ; 
}

td#rightsidebar a:hover
{
color: #fff; 
text-decoration: underline ; 
}

/*------------main menu------------*/

div.mainmenu
{ 
clear: both;
vertical-align: bottom; 
width: 970px; 
margin: 0 auto; 
padding:0; 
}

table.menubar
{ 
background-image: url(menubar.gif); 
background-repeat: no-repeat; 
background-position: left 10px; 
width: 970px; 
margin: 0; 
}

table.menubar td
{ 
background-image: url(menubar.gif); 
background-repeat: no-repeat; 
background-position: right center; 
text-align:center; 
padding:0;
}

table.menubar a
{ 
color: #fff; 
font-weight: normal; 
text-decoration: none; 
text-transform: uppercase; 
padding:20px 0;
display: block; 
}

#menu3
{

}

table.menubar a:hover,table.menubar #thispage,table.menubar #toppage
{ 
color: #29a9d5; 
background-image: url(menu_arrow.gif); 
background-repeat: no-repeat; 
background-position: center top; 
text-decoration: none; 
}

.DMenu
{
z-index: 100;
color: #292929;
padding:0;
float:none;
text-align:left;
display:inline;
}

#box1,#box2,#box3,#box4,#box5,#box6,#box7,#box8
{
top:160px !important;
position: absolute !important;
}

div.DMenu table
{
width:auto !important;
}

div.DMenu a
{
text-decoration: none; 
background-color: #dcdcdc;
text-align: left;
color: #292929;
padding:5px 10px;
border-bottom: solid 1px #ccc;
width:130px;
margin:0;
background-color: #dcdcdc;
}

div.DMenu a:hover
{
background-color: #ccc;
text-decoration: none; 
}

/*------------footer------------*/

#footer 
{ 
color: #757575; 
font-size: 90%; 
text-align: center; 
line-height:140%;
padding-top: 20px; 
padding-bottom: 20px; 
border-top: 0px solid #757575; 
background-image: url(mainbox_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
}

#footer  a
{ 
color: #29a9d5; 
margin-right: 7px; 
margin-left: 7px; 
text-decoration: none; 
}

#footer a:hover
{ 
text-decoration: underline; 
}


/*------------toppage design------------*/

table.targets
{ 
margin: 10px 0; 
}

table.targets td
{ 
font-size: 120%; 
line-height: 120%; 
text-transform: uppercase; 
text-align: left; 
vertical-align: middle;
width: 33.3%; 
padding: 10px 10px 10px 20px; 
}

table.targets td a
{
text-decoration:none;
}

td.rightline
{ 
background-image: url(hr_v.gif); 
background-repeat: repeat-y; 
background-position: right 0; 
}

td.hline
{ 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
height: 2px; 
}

table.targets td img
{
float:right;
}

.hidden
{
display: none;
}

div.popup_divs div {
position: absolute;
z-index: 100;
border:medium double #B4B4B4;
background-color: white;
padding: 3px 5px 5px 5px;
width: 200px;
}

div.popup_divs h3 {
padding: 0px;
}



/*------------Zine------------*/

/*----What's New-----*/

div.Zine h1
{
display:none;
}

div.Zine,div.ZineArticle {margin:0;}

div.Zine p {
font-size:90%;
background-image: url(hr_h2.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
margin-bottom:7px;
margin-top:7px;
padding-bottom:7px;
}

div.ZineBody,div.ZineBody p
{
font-size:100%;
background-image: none; 
margin-bottom:10px;
margin-top:10px;
padding-bottom:10px;
}

a.ZineTitle {
color:  #eeee90;
font-size: 120%; 
font-weight: bold;
margin-bottom:0;
padding:5px 0;
display:block;
}

a.ZineTitle:hover {
color:  #fff;
text-decoration:underline;
}

div.ZineAbstract
{
padding:10px 0;
line-height:130%;
}
span.ZineDate { 
padding:0 0 10px 0; 
display: block;
font-style: italic;
margin-top:-5px;
}

div.ZineSubtitle em { 
font-style: normal;
font-weight: bold;
}

table.ZineTools a
{
text-decoration:none;
}

div.ZineItem
{
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
margin-bottom:10px;
margin-top:10px;
padding-bottom:10px;
}

div.ZineIndex a.ZineLink
{
font-size:100%;
font-weight: bold;
border: 0px solid #ccc;
color: #0575c9;
text-decoration:none;
}

div.ZineIndex a.ZineLink:hover {
color: #292929; 
}

.SurveySectionHead {
font-weight: bold;
font-size: 12px;
}

div.Zine table.ZineTools
{

}

/*------------testimonials------------*/

.quotation
{
font-style:italic;
}

.caption
{
font-weight:bold;
text-align:right;
margin-top:-5px;
margin-bottom:30px;
}


/*------------chinese------------*/

div.chinese
{
float:right;
margin-top:5px;
margin-right:10px;
font-size:95%;
}

div.chinese a:link
{
color:white;
text-decoration:none;
}

div.chinese a:visited
{
color:white;
text-decoration:none;
}

div.chinese a:hover
{
color:white;
text-decoration:underline;
}


/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}