body {margin:0; padding:0; background:#fff; color:#000; font:x-small Verdana,Sans-serif; voice-family: "\"}\""; voice-family:inherit; font-size:small; } html>body {font-size:small;}
  
/* Column Structure
----------------------------------------------- */
#content {margin-left:10px; width:750px; }
.maincol { float:left; width:600px; margin: 0; font-size:85%; line-height:1.5em;}
.subcol {float:right; width:140px; margin:0; font-size:85%; line-height:1.5em; }
.xcol {float:right; width: 170px; font-size:85%; line-height:1.5em; border-right: 2px dotted #636; border: 2px dotted #636; padding-left: 5px;  background-color: #fff7ff;  color: #636;  }
.col-M .maincol {float:none; width:100%;}
.col-SM .xcol, .col-MS .xcol, .col-M .subcol, .col-M .xcol, .col-MX .subcol {display:none;}
.col-SM .maincol, .col-SMX .maincol {float:right;}
.col-SM .subcol, .col-SMX .subcol {float:left;}
.col-MSX .wrap, .col-SMX .wrap { float:left; width:565px; margin-bottom: 50px; }
.col-MSX .maincol, .col-SMX .maincol {width:415px; }
.col-MSX .subcol, .col-SMX .subcol {width:140px;}

#bg_light { padding: 5px; background-color: #fff7ff;  border-left: 2px dotted #636; border: 2px dotted #636; width: 402px; }
#bg_light_box {width: 135px; border: 2px dotted #636; background-color: #fff7ff;  color: #636; padding: 2px; }
/* Logo Header
----------------------------------------------- */
#header { background: #fff url("./images/bit_blue.gif") no-repeat right bottom; height: 80px; margin-right: 0px; border-bottom: 10px solid #636; voice-family: "\"; }\"";
  voice-family:inherit;
  height:70px;  
  } html>body #header { height: 70px; }

#logo { position: absolute; top: 10px; left: 10px; width: 228px; }

/* Main Navigation
----------------------------------------------- */
#nav { position: relative; margin-left: 200px; height: 100%; font-size: 85%; }
#nav div { position: absolute; width: 550px; bottom: 0; left: 0; border-left: 1px solid #e9c9de; }
#nav a, #nav strong, #nav em { float: left; display: block; padding: 3px 6px 5px; border-width: 0; border-style: none; border-right: 1px solid #e9c9de; text-decoration: none; text-transform: lowercase; font-weight: bold; color: #fff; voice-family: "\"; }\"";
  voice-family:inherit;
  height:1.2em;  
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}

#nav a { background-color: #636; }
#nav strong { border-bottom: 5px solid #e9c9de; padding-bottom: 0; color: #e9c9de; background-color: #636; }
#nav a:hover { color: #e9c9de; border-right: 1px solid #fff; }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover { border-bottom: 5px solid #e9c9de; padding-bottom: 0; }
#nav strong a { float: none; display: inline; border-width: 0; padding: 0; }
#nav strong a:hover { border-bottom-width: 0; }
#nav em { float: none; display: block; padding-left: 0; padding-right: 0; border-right-width: 0; }
#nav span {display:none;}

#start h1 { background: #999ca5 url("./images/ban_home.jpg") no-repeat left top; margin: 0; padding: 0; border-width: 0; font-size: 1px; }
#start h1 strong { display: block; height: 120px; /* background:url("bit_white_dots.gif")  no-repeat right top; *//* background:url("bit_white_dots.gif")  no-repeat right top; */ }
#start h1 span {display:none;}

/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:80px; left:0;
  margin:0;
  right:15px; margin-right:-15px; /* IE5/Mac horizontal scrollbar fix */
  width:100%;
  }
#section h4 {
  margin:0;
  background:#ffcc99 url("./images/bit2_whitedark.gif") no-repeat right top;
  }
#section h4 strong {
  display:block;
  background-repeat:no-repeat;
  padding:5px 0;
  height:34px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:24px;
  } html>body #section h4 strong {height:24px;}
#section h4 a {
  display:block;
  margin-left:30px;
  width:200px;
  height:24px;
  border-width:0;
  border-style:none;
  }

/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#636;
  text-decoration:none;
  border-bottom:1px dotted #636;
  }

a:hover {
  color: #636;
  border-color: #636;
  }
a:link img, a:visited img {border-width:0;}
h2 a:link, h2 a:visited {border-width:0; color: #636;}
h3 a:link, h3 a:visited {border-width:0; color: #636;}
h2 a:hover, h3 a:hover {color: #636; border-bottom-width:1px;}
a.noborder:link, a.noborder:visited {border-width:0;}
/*a.thumbnail:link, a.thumbnail:visited {border-width:0;}*/

a.menu:link, a.menu:visited, a.menu:active { color: #636; text-decoration:none; border: 0; }
a.menu:hover { text-decoration:none; border-bottom:1px dotted #636; }


/* Breadcrumbs
----------------------------------------------- */
#bc, .xcol #bc { visibility: hidden; display: block; margin:0 0 10px; padding: 0; }

/* Titles
----------------------------------------------- */
h1 {
  margin:0 30px 10px 0px;
  padding:0 0 .1em;
  border-bottom:1px dotted #4B0082;
  font:160%/1.2em  Georgia,Serif;
  color:#636;
  }

h2 {
  margin:0 0 .25em;
  font:170%/1.2em Georgia,Serif;
  color: #636;
  }
h2 strong {
  font-size:78%;
  color:#000;
  }
h3 {
  margin:0 0 .25em;
  font:bold 120%/1.3em Georgia,Serif;
  color:#636;
  }
h4 {
  margin:0;
  font-size:100%;
  }


/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
  }
form div {padding:3px 0 2px;}
input.text {font:120% "Courier New",Courier,Monospace;}
input.button {
  background:#c00;
  color:#fff;
  font:bold 100% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#f00 #900 #900 #f00;
  }

/* Tables
----------------------------------------------- */
caption {display:none;}

table {
  border-width:0;
  font-size:100%;
  line-height:1.5em;
  width:100%;
  /*margin:0 0 0.5em;*/
  margin: 0;
  }


  /* Lists */
ul {
  margin:.5em 0 1em;
  padding:0;
  }
ol {
  margin-top:.5em;
  margin-bottom:1em;
  }
ul li {
  margin:0 0 0 7px;
  padding:0 0 5px 12px;
  line-height:1.5em;
  list-style:none;
  background:url("./images/bullet_red.gif") no-repeat 0 .5em;
  }
  
 .sidebox ul li {
  margin:0 0 0 7px;
  padding:0 0 5px 12px;
  line-height:1.5em;
  list-style:none;
  background: none;
  }
  
  
ol li {
  padding:0 0 5px 0;
  }
.maincol ol {
  margin-left:30px;
  padding-left:0px;
  }
.maincol ul li {
  margin-left:12px;
  padding-left:18px;
  }
ul.dates li {
  margin-left:0;
  padding:5px 0 5px 18px;
  background-position:7px .95em;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  }
ul.red li, ul.dates li, .annc ul li, .annc-light ul li {
  background-image:url("./images/bullet_red.gif");
  }
  

.purplebox {
  background:#fff7ff url("./images/bit2_whitepurple.gif") no-repeat right top;
  margin:0 0 1em 0;
  padding:8px;
  border: 1px solid #636;
  }
.purplebox h3 {color:#666;}
.purplebox p {margin:.5em 0; line-height:1.5em;}
.purplebox input.text {width:90%;}
.purplebox input.button {
  background:#666;
  color:#fff;
  border-color:#999 #333 #333 #999;
  }

hr { height: 1px; border-width: 0px; background-color: #636; color: #636; width: 100%; }

/* Footer
----------------------------------------------- */

#footer { clear: both; padding-top: 15px; font-size: 85%; }
#footer span { display: block; margin: 0; background: #e9c9de url("./images/bit_white.gif") no-repeat right top; padding:1px 0px 1px 20px; height: 15px; }
#footer div { margin: 0; background: #636; color: #e9c9de; padding: 3px 20px 3px 20px; }
#footer div strong {}
#footer div em {color:#e9c9de; font-style:normal;}
#footer hr {display:none;}
  
  
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {margin:0 0 1em;}

.ar {color:#660000 !important;}

#home_title {color: #c00;}

.maincol #node {margin-top: 5px; margin-bottom: 2em;}
.maincol #al_lt {float: left; width: 80px; padding-right: 1px; padding-bottom: 10px; }
.maincol #al_rt {float: right; padding-left: 1px; width: 225px;}

#nav_rt {position:absolute; margin-left: 150px; height:15px; width: 600px; font-size:85%; z-index:1;  border-right: 1px dotted #636;  text-align: right;  }
#nav_rt div {position:absolute; bottom:0; left:0; z-index: 1;}
#nav_rt a, #nav_rt em {float:right; display:block; padding:2px 3px 1px; border-width:0; text-decoration:none; text-transform:lowercase; color: #636; voice-family: "\"}\""; voice-family:inherit; height:1.2em;  
  } html>body #nav_rt a, html>body #nav_rt strong, html>body #nav_rt em {height:1.2em;}
#nav_rt a:hover {text-decoration: none; border-bottom:1px dotted #636; }
#nav_rt span {font-size: 75%;}

td.navyTD {background-color :#333366; color:#ffffff; padding:3px; font-weight: bold;}
td.maroonTD {background-color: #800000; color:#ffffff; padding:3px; font-weight: bold; }
td.orangeTD {background-color:#FF9966; color:#ffffff; padding:3px; font-weight: bold;}
td.greenTD{background-color:#006400; color:#ffffff; padding:3px; font-weight: bold;}
td.blueTD {background-color: #b3d1e7; color: #ffffff; padding: 3px; font-weight: bold;}
td.yellowTD{background-color: #ffcc66; color: #ffffff; padding: 3px; font-weight: bold;}

th { height: 28px; color: #fff7ff; font-size: 1em; font-weight: bold; background-color: #636; white-space: nowrap; padding-left: 5px; padding-right: 5px; }
.tablebg { background-color: #fff; color: #636; border: 1px solid #636; }
.cat { height: 28px; margin: 0px; padding: 0px; border: 0px; background-color: #C7D0D7; background-image: url('./images/cellpic1.gif'); text-indent: 4px; }
.row1 { background-color: #e9c9de; padding: 4px; }
.row2 { background-color: #e2b2cc; padding: 4px; }
.row3 { background-color: #da9ebc; padding: 4px; }


/* Fancy menu 
--------------------------- */

.menuitem, .menuthis, .menukids { background: #e9c9de; padding: 5px 0px 3px 5px; border-top: none; text-align: left; font-weight: bold; color: #636; width: 130px; }
.menuthis {	background: #fff7ff; }
.menuitem:hover {background: #fff7ff; }
.menukids {	background: #fff7ff; font-weight: normal; }

#blue { border-left: 7px solid #009; border-top: 1px solid #fff; }
#green { border-left: 7px solid #090; border-top: 1px solid #fff; }
#purple { border-left: 7px solid #609; border-top: 1px solid #fff; }
#brown { border-left: 7px solid #600; border-top: 1px solid #fff; }
#yellow { border-left: 7px solid #f90; border-top: 1px solid #fff; }
#red { border-left: 7px solid #c00; border-top: 1px solid #fff; }
#olive { border-left: 7px solid #660; border-top: 1px solid #fff; }
#grey { border-left: 7px solid #e9c9de; border-top: 1px solid #fff; }

.node {padding-bottom: 10px; margin-top: 0px; }
.node .terms {padding-bottom: 5px;}
.node #links { float: right; padding-top: 0; padding-bottom: 10px; }
#topnav { visibility: hidden; margin:0; padding: 0;  display: none;  line-height: 0%;   }

.intro { font-style: italic; }
.authors { font-weight: bold;  color: #636;  text-transform: uppercase;   }
.section_head {  font-weight: bold;  color: #636;  }
.error, .red { color: #f00; }
.marker { color: #f00; }

#node h1.withtabs { border-bottom-width: 0px; }

ul.primary { list-style: none; padding: 0px 0em 0.26em 1em; margin: -0.5em 0px 0.75em 0px; height: 20px; white-space: nowrap; border-width: 0px; border-bottom: 1px solid #7f98a7; }
ul.primary li { display: block; float: left; _width: 1px; height: 20px; margin: 0px; padding: 0px; position: relative; top: 2px; /* fudgyness to make tabs stay put on text resizing */ _top: 6px; color: #7f98a7; }
ul.primary li a { display: block; height: 20px; margin: 0px; padding: 0px; margin-right: 0.5em; text-decoration: none; border-width: 0px; position: relative; top: 0.20em; /* fudgyness to make tabs stay put on text resizing */ _top: 0.25em; color: #7f98a7; }
ul.primary li a .a { display: block; height: 20px; padding: 2px 0em 3px 0em; margin: 0px; padding: 0px; background-image: url(../imageset/main-tab1.png); background-repeat: no-repeat; background-position: 100% 0px; }
ul.primary li a .a .b { display: block; margin: 0px; height: 20px; padding: 2px 1em 3px; background-image: url(../imageset/main-tab2.png); background-repeat: no-repeat; background-position: 0% 0px; _cursor: hand; color: #7f98a7; }
ul.primary li.active a { background-color: transparent; border-width: 0px; color: #7f98a7; }
ul.primary li.active a .a { background-position: 100% -60px; color: #7f98a7; }
ul.primary li.active a .a .b { background-position: 0% -60px; color: #7f98a7; }
ul.primary li a:hover { border-width: 0px; text-decoration: none !important; }
ul.primary li a:hover .a { background-position: 100% -30px; color: #7f98a7; }
ul.primary li a:hover .a .b { background-position: 0% -30px; }
ul.primary li.active a:hover { background-color: #fff; border-width: 0px; color: #7f98a7; }
ul.primary li.active a:hover .a { background-position: 100% -60px; color: #7f98a7; }
ul.primary li.active a:hover .a .b { background-position: 0% -60px; color: #7f98a7; }

.square { list-style-type: none; padding: 0; margin-bottom: 0.2em; }
ul.square { list-style-type: none; padding: 0; margin-bottom: 1em; }
li.square { background-image: url(../imageset/square.png); background-repeat: no-repeat; background-position: 0 .5em; padding-left: .6em; margin-left: 2em; }

.rightInfoTH { background-color: #333366; color: #ffffff; padding: 2px; font-weight: bold; width: 125px; }
.leftInfoTH { background-color: #800000; color: #ffffff; padding: 2px; font-weight: bold;  width: 125px; }
td.categoriesTH { background-color: #693; color: #ffffff; padding: 2px; font-weight: bold; width: 125px;  }
td.greenInfoTH{ background-color: #666699; color: #ffffff; padding: 2px; font-weight: bold; width: 125px;  }
.lightBlueInfoTH { background-color: #b3d1e7; color: #ffffff; padding: 2px; font-weight: bold;  width: 125px; }
td.yellowInfoTH{ background-color: #ffcc66; color: #ffffff; padding: 2px; font-weight: bold; width: 125px;  }
table.contact { width: 500px;  }

#nav_right ul.audio li a, #nav_right ul.audio li a:visited { background: url(../../../images/audio.gif) no-repeat 0px 55%; padding: 1px 1px 1px 15px; display: block; color: #636; border-bottom-width: 0; margin-left: -15px; margin-bottom: -5px; }
#nav_right ul.links li a, #nav_right ul.links li a:visited { background: url(../../../images/links.gif) no-repeat 0px 55%; padding: 1px 1px 1px 15px; display: block; color: #636; border-bottom-width: 0; margin-left: -15px; margin-bottom: -5px; }
ul.pages li a, #nav_right ul.pages li a:visited { background: url(../../../images/icon_pg.gif) no-repeat 0px 55%; padding: 1px 1px 1px 15px; display: block; color: #636; border-bottom-width: 0; margin-left: -15px; margin-bottom: -5px; }
#nav_right { margin-bottom: 15px; }