/* ***** ***** COMMON ***** ***** */
html, body {
  width: 100%;
  height: 100%; 
}


.dragme{position:relative;}

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    font-family: arial,times new roman, verdana,  helvetica, sans-serif;
    font-size: 0.9em;    
    color: #1e394a;
  background-image: url('../images/whole_bg.jpg');
    background-repeat:repeat-x;
  
  height:auto;
  min-height:100%;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  line-height: 1.2em;

  
  
}


#cloud_area {
  background: transparent url('../images/cloud_bg_wide.jpg') no-repeat scroll center center;
    background-repeat:no-repeat;
  height:387px;
  width:100%;
  border:0px solid blue;
  position:absolute;
  top:0px;
}


#whole_wrap {
  
  position:relative;
  border:0px solid yellow;
  
  
}

#whole_content_area {
  position:relative;
  width:974px;
  margin:0px auto;
  border:0px solid yellow;
  
}


#headerWrap {
  border:0px solid yellow;
  height:250px;
  width:100%;
}

#logo_area {
  position:absolute;
  border:0px solid blue;
  width:257px;
  height:114px;
  top:100px;
  left:20px;
}


#header_img_area  {
  position:absolute;
  border:0px solid blue;
  width:465px;
  height:263px;
  top:0px;
  
  left:295px;
  z-index:1120;
}


#header_link_area {
  position:absolute;
  border:0px solid yellow;
  width:268px;
  height:250px;
  top:0px;
  left:720px;
}

#contentWrap {
  margin-top:-80px;
  border:0px dotted red;
  padding-top:85px;
}


#leftContent {
  float:left;
  width:745px;
  border:0px solid blue;
}

#rightContent {
  background-color:transparent;
  width:195px;
  margin-left:772px;
  
}


.theBorderShadow {
  width:191px;
  background-image: url('../images/board_shadow_only.png');
    background-repeat:repeat-y;
  margin-left:1px;
  
}

.theBorderWrap {
  width:191px;
  background-image: url('../images/board_mid_bg.png');
    background-repeat:repeat-y;
  margin-left:1px;
  
}

.borderTop {
  width:191px;
  height:9px;
  background-image: url('../images/board_top_bg.jpg');
    background-repeat:no-repeat;
  margin-left:1px;
  border:0px solid yellow;
  margin-bottom:0px;
  padding-bottom:0px;
  background-position:bottom;
}

.borderBody {

  width:191px;
  background-image: url('../images/board_bot_bg.jpg');
    background-repeat:no-repeat;
  background-position:bottom;
  background-color:transparent;
  min-height:90px;
  margin-left:0px;
}


.borderBot {
  width:191px;
  height:8px;
  background-image: url('../images/board_bot2_bg.png');
    background-repeat:no-repeat;
  margin-left:1px;
}

* html .borderBody {
  height:90px;
}



#theNavi {
  top:-22px;
  +top:-6px;
  left:15px;
  +left:15px;
  border:0px dotted black;
  position:relative;
  width:730px;
  height:40px;
  margin:0 auto;
  background:url('../images/navi_james.jpg') no-repeat 0px 0px;
  z-index:20;
}



#theNavi ul li {
  list-style:none;
  float:left;
}

#theNavi ul li  a {
  text-decoration:none;
  position:absolute; /* ¥H  ul ¬°¥D */
  height:47px;
  top:0px;
  text-indent:-9999em;outline:none; /* ³o¸ÌÅý¦r¤£¨£*/
  border:0px solid yellow;
}


#theNavi ul li.naviFoundation a{ 
  width:120px;
  left:3px;

}
#theNavi ul li.naviFoundation a:hover, #theNavi ul li.naviFoundationA a{background:url(../images/navi_james.jpg) no-repeat -3px -57px;}

#theNavi ul li.naviVolunteers a{ width:95px; left:135px; }
#theNavi ul li.naviVolunteers a:hover, #theNavi ul li.naviVolunteersA a{background:url(../images/navi_james.jpg) no-repeat -135px -57px;}

#theNavi ul li.naviDonor a{ width:120px; left:244px; }
#theNavi ul li.naviDonor a:hover , #theNavi ul li.naviDonorA a{background:url(../images/navi_james.jpg) no-repeat -244px -57px;}

#theNavi ul li.naviGrant a{ width:60px; left:379px; }
#theNavi ul li.naviGrant a:hover, #theNavi ul li.naviGrantA a{background:url(../images/navi_james.jpg) no-repeat -379px -57px;}

#theNavi ul li.naviYouth a{ width:60px; left:454px; }
#theNavi ul li.naviYouth a:hover, #theNavi ul li.naviYouthA a{background:url(../images/navi_james.jpg) no-repeat -454px -57px;}

#theNavi ul li.naviNews a{ width:112px; left:524px; }
#theNavi ul li.naviNews a:hover, #theNavi ul li.naviNewsA a{background:url(../images/navi_james.jpg) no-repeat -524px -57px;}

#theNavi ul li.naviContact a{ width:87px; left:643px; }
#theNavi ul li.naviContact a:hover, #theNavi ul li.naviContactA a{background:url(../images/navi_james.jpg) no-repeat -643px -57px;}

#theNaviArea {
  border:0px solid blue;
}


#trueContent {
  width:720px;
  border:0px solid blue;
  padding-left:27px;
  position:relative;
  
  margin-top:5px;
  +margin-top:12px;
  +padding-top:10px;
  
  font-size:90%;
  
  min-height:470px;
  margin-bottom:120px;
  
  
  
}


* html #trueContent {
    height:470px;
}


#theArrow {
  position:absolute;
  top:-20px;
  +top:-15px;
  right:0px;
  margin:0px;
  padding:0px;
  /*display:none;*/
}

#trueContent h2 {
  color:#00688f;
  font-weight: normal;
  margin-top:0px;
  margin-bottom:54px;
  text-transform: uppercase;
}


#bc {
  display:none;
}


#footerWrap {
    margin-top:0px;
    padding-top:0px;
    text-align:center;
    height:108px;
    width:100%;
    background-color:#aFEFEF;
    position:absolute;
    bottom:0px;
  }

#whole_footer {
  height:108px;
  background-image: url('../images/footer_whole_bg.jpg');
    background-repeat:repeat-x;
  
  
}


#footerArea {
  width:974px;
  margin:0px auto;
  background-image: url('../images/footer_bg.jpg');
    background-repeat:no-repeat;
  height:108px;
}


#footerLeft {
  border:0px solid white;
  float:left;
  padding-left:20px;
  padding-top:40px;
}

#footerLeft img {
  margin-right:10px;
}

#footerRight {
  border:0px solid yellow;
  width:360px;
  float:right;
  
  color:white;
  
  text-align:left;
  font-size:80%;
  height:93px;
  line-height:18px;
  padding-top:15px;
}





#test_bg {
  background-image: url('../images/bottom_blue_bg.jpg');
  background-repeat:repeat-x;
  background-position:bottom;
  /*background-attachment: fixed;*/
}

.container {
  width:90%;
}

#showthecontent {
  padding-left:5px;
  padding-right:5px;
}


#showthesearch {
  font-family: arial;
  font-size:0.75em;
}

#showthesearch  h2 {
    font-family: arial;
  font-size:1.5em;
}

table h2 {
  font-size:1.5em;
}

img {
  border: 0px;
}

.small {
  font-size: 9px;
}

.print {
  font-size: 11px;
}

.searchPath {
  color: #339933;
  font-style: italic;
}

.highlight {
  padding: 5px;
  border: 1px solid #FFC60A;
  background-color: #FFEEB6;
}

/* ***** ***** FORM ***** ***** */

form {
  margin: 0px;
  padding: 0px;
}

input, select, textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

/* ***** ***** MAIN LAYOUT ***** ***** */

table.container {
  border: 0px solid #000000;
}

td.banner {
  background-color:black;
}

td.navigation {
  background-color: black;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right:10px;
  font-size: 18px;
  height:21px;
  
}

div#nojs {
  color: #FF0000;
  text-align: center;
  border: 1px solid #FF0000;
}

/* ***** ***** CONTENT LAYOUT ***** ***** */

td.content {
  border-top: 6px solid #000000;
}




td.middleColumn, td.middleColumnB {
  font-family: times new roman, verdana, arial, helvetica, sans-serif;
  width: 100%;
  padding: 5px;
  vertical-align: top;
  background-color:white;
}

td.middleColumn h2 {
  font-family: arial;
  font-size:1em;
}

td.middleColumn { 
  overflow:auto;
  vertical-align: top;
  word-wrap:break-all;  /* IE only*/
}

td.middleColumnB { vertical-align: bottom; }

td.rightColumn, td.rightColumnB {
  font-size:0.8em;
  width: 150px;
  border-left: 1px solid #c5c5c5;
  padding: 10px;
  vertical-align: top;
  background-color: #F0E7E5;    /* BACKGROUND COLOUR */
}

td.rightColumn { vertical-align: top; }


div#bc {
  font-family: arial;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
  color: #999999;
  font-size: 9px;
}

p.rightTitle {
  margin: 0px;
}
  
#showthecontent {
  padding-left:5px;
  padding-right:5px;
  min-height: 470px;
}


#showthesearch {
  font-family: arial;
  font-size:0.75em;
}

#showthesearch  h2 {
  font-family: arial;
  font-size:1.5em;
  padding: 4px;
  background-color: #0c1967;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}


div#ctcleftnav {

  z-index:3000;
  position:relative;
}

div#ctcleftnav ul {
  border:0px solid yellow;
  width:170px;
  padding: 0px;
  margin: 0px;
  margin-left: 8px;
  +margin-left: 12px;
  padding-top:5px;
  list-style:none;
  /*
  list-style-image:url("/images/board_list_style.png");
  _list-style-image:url("/images/board_list_style.gif");
  */
  
  font-size: 0.9em;
  line-height: 1.2em;
  
  
}

div#ctcleftnav ul li {
  padding: 2px 0px 10px 25px;
  
  margin: 0px 0px 0px -15px;
  +margin: 0px 0px 0px -20px;
  _margin: 0px 0px 0px 0px;
  vertical-align:middle;
  
  border:0px solid yellow;
  
  background: url("/images/board_list_style.png") no-repeat 0px 0px;
  _background: url("/images/board_list_style.gif") no-repeat 0px 0px;
  
  
}

div#ctcleftnav ul li a {
  text-decoration:none;
  color:#d2eb5d;
  
  
}

div#ctcleftnav ul li a.lncs {
  text-decoration:none;
  color:#FFFFFF;
  
}

div#ctcleftnav ul li a.lncs:hover {
  text-decoration:none;
  color:#FFFFFF;
  
}

div#ctcleftnav ul ul {
  padding: 0px;
  margin: 0px;
}

div#ctcleftnav ul ul ul {
  padding: 0px;
  margin: 0px;
}

div#ctcleftnav ul ul ul ul {
  padding: 0px;
  margin: 0px;
  list-style-type: disc;
}

div#ctcleftnav ul ul ul ul ul {
  padding: 0px;
  margin: 0px;
  list-style-type: circle;
}

/* ***** ***** FOOTER LAYOUT ***** ***** */

td.jsFooter {
  height: 40px;
  background-image: url('../images/bottom_blue_bg.jpg');
  background-repeat: no-repeat;
}

td.footer {
  height: 24px;
  background-color: black;
  color:white;
  text-align: center;
}

td.jsLeft {
  width: 553px;
  text-align: left;
  vertical-align: top;
}

td.jsRight {
  width: 217px;
  text-align: left;
  vertical-align: top;
  
}

/* ***** ***** LIST LAYOUT ***** ***** */

ul ul ul ul {
  list-style-type: disc;
}

ul ul ul ul ul {
  list-style-type: circle;
}

div#newslist li {
  padding-bottom: 5px;
}

div#newslist ul {
  padding-top: 5px;
}


.banner_group {
  /*border:5px solid red;*/
  text-align:center;
  
}


.banner_group ul li {
  
  height:100%;
  
  list-style:none;
  margin-left:-40px;
  +margin-left:-70px;
  _margin-left:-70px;
  padding-top:10px;
border:0px solid yellow;
text-align:center;
}

/* ¤U­±¦pªG©ñ¦b ¤W­±¡AIE ¥ª¥kÄæ ¨S¦³²H¤J²H¥X */
.banner_group>ul>li {
  width:100%;
  +width:auto;
  _width:10%;
}



/* §ïÅÜ Error °T®§ªº¦ì¸m */
label.error {
  display: block;
  margin-left: 1em;
  width: auto;
  color:red;
  font-weight:bold;
}


#signup_form_table {
  margin:10px;
}

table#signup_form_table tr td{
  text-align:right;
}

#member_info_area {
  margin:10px;
}


#member_info_area  table#show_history{
  background-color:#CFCBC2;
}


#lang_link {
  border:1px solid blue;
  background-color:#FFF58F;
  float:right;
  padding:5px;
}

#lang_link  a{
  text-decoration:none;
}


.statbar {
width:1px;
background-color:green;
margin-top:8px;
}


.polls_container {
  padding:10px;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid green;
}



.bars_area {
  padding:10px;
  background-color:#BFFFBF;
}

.show_total_voter {
  margin:7px 0px;
  font-weight:bold;

}

#sidetreecontrol, #tree {
  font-size:0.8em;
}

/* BODY CONTENT */

#thcc {
  background-image: url("../images/partners/thcc-norm.jpg");
  height: 55px;
  width: 113px;
  float: left;
  margin-right: 15px;
  }
#thcc:hover
{
  background-image: url("../images/partners/thcc-hover.jpg");
}

#exFilms {
  background-image: url("../images/partners/exl-films-norm.jpg");
  height: 55px;
  width: 109px;
  float: left;
  margin-right: 15px;
  }
#exFilms:hover
{
  background-image: url("../images/partners/ex-films-hover.jpg");
}

#express {
  background-image: url("../images/partners/express-computers-norm.jpg");
  height: 55px;
  width: 85px;
  float: left;
  margin-right: 15px;
  }
#express:hover
{
  background-image: url("../images/partners/express-hover.jpg");
}

#love {
  background-image: url("../images/partners/i-love-surrey-norm.jpg");
  height: 55px;
  width: 74px;
  float: left;
  margin-right: 15px;
  }
#love:hover
{
  background-image: url("../images/partners/i-love-surrey-hover.jpg");
}

#max {
  background-image: url("../images/partners/max-norm.jpg");
  height: 55px;
  width: 110px;
  float: left;
  margin-right: 15px;
  }
#max:hover
{
  background-image: url("../images/partners/max-hover.jpg");
}

#now {
  background-image: url("../images/partners/now-norm.jpg");
  height: 55px;
  width: 107px;
  float: left;
  margin-right: 15px;
  }
#now:hover
{
  background-image: url("../images/partners/now-hover.jpg");
}


  
#donate {
  width: 123px;
  border-right: 1px solid #CCCCCC;
  float:left;

}

#donateContent {
  width: 200px;
  margin-left: 20px;
  float: left;  
}

ul {

  line-height: 1.6em;
  margin-left:-23px;
  
}

* html ul {
  margin-left:23px;
}

#bodyContainer {

  padding-top: 0px;
  border: 0px solid white;

}

ul.acrobat {

  list-style: none;
  list-style: url("../images/acrobat-icon.gif");
  margin-left: -18px;

}

ul.doc {

  list-style: none;
  list-style: url("../images/word-icon.gif");
  margin-left: -18px;

}

#trueContent table {

  margin-top: -15px;
  padding-top: 0px;

}

/* ÁקK iframe ¥X²{®Ø®Ø */
iframe { border:0px inset; border-right:none; border-left:none; border

/*  IE6 PNG Fix*/
 img, div, a, input { behavior: url(./css/iepngfix/iepngfix.htc) }