/* New CamSemi Style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #333333;
       background: url(/schema/gifs/bg.gif) top center repeat-y #E6E6E6;
       text-align: center;
     }


/* blocks */

#outer                  { position: absolute; top: 65px; left: 0; width: 100%; background: url(/schema/gifs/default_bg_btm.gif) top center no-repeat;  z-index:0;}
#wrapper                { margin: 0 auto; width: 740px; text-align: left;  }
#footer                 { clear: both; width: 720px; margin-left: 20px; padding-top: 10px; font-size: 70%; color: #559108; /*1489c5;*/ }
#topouter               { position: absolute; top: 19px; left: 0; width: 100%; background: url(/schema/gifs/default_bg_top.gif) top center no-repeat; z-index:1; }
body.home #topouter     { background: url(/schema/gifs/home_bg_top.gif) top center no-repeat; }
#topwrapper             { margin: 0 auto; width: 740px; text-align: left; }
#topnav                 { float: left; margin-left: 20px; height: 33px; width: 600px; font-size: 75%; display: inline; text-align: left;
                          padding: 0; }
#logo                   { float: right; height: 90px; width: 100px;}
#leftnav                { float: left; width: 150px; margin-left: 5px; margin-top: 95px; font-size: 75%; text-align: left; display: inline; color: #959595; }
#content                { float: right; width: 565px; margin-left: 15px; font-size: 80%; display: inline; display: inline; }

body.home #outer        { position: absolute; top: 104px; left: 0; width: 100%; background-image: url(/schema/gifs/home_bg_btm.gif);  }
body.home #content      { width: 708px; height: 155px; overflow: hidden; float: left; color: #fff;}
body.home #showcase_top { float: left; width: 450px; margin-top: 30px; background: url(/schema/gifs/showcase_btm.gif) bottom center no-repeat; display: inline; }
body.home #showcase_btm { float: left; width: 450px; background: url(/schema/gifs/showcase_top.gif) top center no-repeat; font-size: 80%;
                          margin-bottom: 22px;  padding-top: 12px; display: inline; color: #003068; }
body.home #news_top     { float: right; width: 280px; margin-top: 30px; background: url(/schema/gifs/news_btm.gif) bottom center no-repeat; display: inline; }
body.home #news_btm     { float: right; width: 280px; background: url(/schema/gifs/news_top.gif) top center no-repeat; font-size: 80%;
                          margin-bottom: 22px; padding-top: 12px; display: inline; }

/* Home page search form */
body.home #wrapper form { margin-left: 452px; }
body.home #wrapper p.search_header { color: #ffffff; font-weight: bold; font-size: 75%; padding-top: 10px; }
body.home #wrapper input.text { width: 155px; }
/*body.home #wrapper input { font-size: 75%;}*/


/* topnav */
#topnav ul.topmenu       { list-style-type: none; margin: 6px 0 0 0; padding: 0; }
#topnav li               { display: inline; float: left; font-weight: bold; margin: 0; padding: 0 5px 0 5px;
                           background: url(/schema/gifs/topnav_li.gif) center right repeat-x; }
#topnav a                { color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding-bottom: 7px; padding-top: 3px; }
#topnav a:hover          { text-decoration: none; }
#topnav ul.submenu       { list-style-type: none; margin: 0 0 0 -6px; padding: 0; position: absolute; left: -999em; width: 15em;
                           background-color: #00326D; border: 1px solid #ffffff; border-top: none; }
#topnav ul.submenu li    { clear: left; display: block; width: 15em; padding: 3px 0 3px 0; background-image: none; border-top: 1px solid #ffffff; }
#topnav ul.submenu a     { padding: 2px 5px 2px 5px; color: #ffffff; display: block;}
#topnav ul.submenu a:hover { color: #aade68; /*00ccff*/ }
/* drop menu control */
#topnav ul.topmenu li:hover ul, #topnav li.ieHover ul {

  /* show the second level topnav when user hovers over first level li */

	left: auto;

}

/* leftnav */
#leftnav ul.topmenu            { list-style-type: none; margin: 0; padding: 0; padding-bottom: 3px; float: left; border-bottom: 4px solid #666666; }
#leftnav ul.topmenu li         { margin: 0 0 4px 0; padding: 0; float: left; clear: both; }
#leftnav ul.topmenu a          { color: #003068; /*ffffff;*/ width: 142px; background-color: #aade68; /*cccccc;*/ text-decoration: none; display: block; font-weight: bold; padding: 2px 4px 2px 4px;}
#leftnav ul.topmenu a:hover    { color: #ffffff; background-color: #559108; /*69a7e6;*/ }
#leftnav ul.topmenu a.current  { color: #ffffff; background-color: #559108;  }

#leftnav ul.bottommenu           { list-style-type: none; margin: 0; padding: 10px 0 0 0; clear: both; width: 150px !important;
                                   width: 142px; }
#leftnav ul.bottommenu li        { margin: 0; padding: 0; float: left; clear: both; border-bottom: 4px solid #CCCCCC; }
#leftnav ul.bottommenu a         { color: #333333; padding: 2px 4px 2px 4px; text-decoration: none; display: block;
                                   font-weight: bold; width: 142px; }
#leftnav ul.bottommenu a:hover   { color: #ffffff; background-color: #666666; }
#leftnav ul.bottommenu a.current { color: #ffffff; background-color: #666666; }

#leftnav p.search_header         { color: #666666; font-weight: bold; font-size: 90%; padding-top: 10px; }
#leftnav input.text              { margin-bottom: 3px; width: 144px; /*font-size: 90%;*/}


/* footer */
#footer ul.topmenu       { list-style-type: none; margin: 0; padding: 0; }
#footer li               { display: inline; margin: 0; padding: 0 4px 0 4px; color: #a3a3a3; }
#footer a                { color: #559108; /*1489c5;*/ text-decoration: underline; }
#footer a:hover          { text-decoration: underline; }
#footer p                { margin: 0; padding: 0; }


H1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 130%;
  color: #ffffff;
  margin-top: 0;
  padding-top: 0;

  /* Page Title */
}

body.default h1, body.default H1 {
  position: relative;
  left: -150px;
  padding-bottom: 60px;
}

#showcase_btm H1, #showcase_btm h1 {
  color: #003068; /*00ccff;*/
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#news_btm H1, #news_btm h1 {
  color: #fff; /*00ccff*/;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#news_btm span.chinese_link {
  /* Chinese Link Text */
  float: right;
  color: #fff; /*07375B;*/
}


H2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #003068; /*4DA7E1;*/
  clear: both;
  /* Section Title */
}
H3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #003068; /*0066cc;*/
  margin-bottom: 0;
  padding-bottom: 0;
  clear: both;
  /* Subsection Title */
}

h3.noclear, H3noclear {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #003068;/*0066cc;*/
  margin-bottom: 0;
  padding-bottom: 0;
  /* Subsection Title No Clear */
}


body.default p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  /*clear: both;*/
  margin-top: 5px;
  padding-top: 0;
}

body.home p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

#showcase_btm p, #news_btm p {
  margin-left: 20px;
  margin-right: 20px;
  color: #003068;
}
#news_btm p {
	color: #fff;
}

p.nomargin {
  margin: 0;
  padding: 0;
  /* No Margin */
}


p.clear {
  clear: both;
  /* Clear Both */
}

p.indent1 {
  margin-left: 20px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 40px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 60px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 80px;
  /* Indented Text 4 */
}

table.default {
  /* No Style */
}

td { font-size: 75%; text-align: left; vertical-align: top; }

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
ul.besideimage {
 float: right;
 /* Beside Image */
}

ul.besideimage li {
}


ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;

}
ul.round { margin-top: 0;/* Round markers */  }
ol.norm { /* Ordered list */ }

li {
  margin-bottom: 5px;
}


a { color: #559108; /*1489c5;*/ text-decoration: underline; }
#showcase_btm a, #news_btm a { color: #ffffff; }
#news_btm a.chinese_link { text-decoration: none; color: #fff; /*07375B;*/ cursor: pointer; }


span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}


img { border: none; }

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 0 10px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 0 0px 10px 10px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }

/* applet selectable tables */
td.nowrap                  { white-space: nowrap; }
table                      { clear: both; margin-bottom: 15px;  }
table.yellow               { width: 100%; border-top: 5px solid #003068; /*DEBD03;*/ border-bottom: 3px solid #003068; /*DEBD03;*/ /* Yellow Table */ }
table.yellow tr            { }
table.yellow td            { color: #333333; border-bottom: 2px solid #003068; /*DEBD03;*/ padding: 3px 5px; }
table.yellow td.yellowtext { color: #003068; /*DEBD03;*/ /* Yellow Text */ }
table.yellow td.greytext   { color: #999999; /* Grey Text */ }

table.yellow_half               { width: 270px; border-top: 5px solid #003068; /*DEBD03;*/ border-bottom: 3px solid #003068; /*DEBD03;*/ /* yellow_half Table */ }
table.yellow_half tr            { }
table.yellow_half td            { color: #333333; border-bottom: 2px solid #003068; /*DEBD03;*/ padding: 3px 5px; }
table.yellow_half td.yellowtext { color: #003068; /*DEBD03;*/ /* yellow Text */ }
table.yellow_half td.greytext   { color: #999999; /* Grey Text */ }

table.yellow_auto               { border-top: 5px solid #003068; /*DEBD03;*/ border-bottom: 3px solid #003068; /*DEBD03;*/ /* yellow_auto Table */ }
table.yellow_auto tr            { }
table.yellow_auto td            { color: #333333; border-bottom: 2px solid #003068; /*DEBD03;*/ padding: 3px 5px; }
table.yellow_auto td.yellowtext { color: #003068; /*DEBD03;*/ /* yellow Text */ }
table.yellow_auto td.greytext   { color: #999999; /* Grey Text */ }

table.bio                  { width: 565px; float: right; /* Biog Table */ }
table.bio td               { padding: 0;}
table.bio td.header        { background: url(/schema/gifs/bio_header.gif) left top no-repeat; height: 32px; line-height: 32px; color: #3A3A3C;
                             font-size: 95%; font-weight: bold; padding-left: 18px; /* Bio Table Heading */ }
table.bio td.header a      { color: #3A3A3C; text-decoration: none;}
table.bio td.image         { width: 120px; padding-top: 20px; /* Bio Table Image */ }
table.bio td.text          { padding-top: 10px; padding-right: 10px; /* Bio Table Text */ }
table.bio td.spacer        { height: 26px; /* Bio Table Spacer */ }

td ul { margin-left: 0; padding-left: 15px;}
td li { margin-left: 0; }

table.pictureright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

table.pictureleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

table.pictureright td.caption, table.pictureleft td.caption {
  font-size: 70%;
  color: #003068; /*1489C5;*/
  border-bottom: 1px solid #003068; /*A09EA1;*/
  padding-top: 2px;
  padding-bottom: 2px;
}

table.pictureleft td.aligntop, td.pictureright td.aligntop {
  padding-left: 10px;
}