body {
  font-family: helmet,arial, freesans,sans-serif;
  font-size: 100%;
  font-weight: 300;
  letter-spacing:normal;
  color: #101010; /* almost black */
  background: #FFFAFA; font-size:100%; /* snow #FFFAFA mint cream #F5FFFA  old lace #FDF5E6
                                     sea shell #FFF5EE  white smoke  (too pink)*/
}

/* serif fonts: "Georgia, Palatino, Palatino Linotype, Times, Times New Roman" */
/* sans-serif:  (for headlines), "Arial, Verdana (small), Helvetica" | or-- Tahoma, Geneva | or-- Century Gothic */
/* Palatino-like fonts include Book Antiqua, Palatino, Palatino Linotype, URW Palladio L, and Zapf Calligraphic */
/* casual: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "comic sans ms", Trebuchet MS */
/* headlines: Arial Narrow, Franklin Gothic Medium

font-family:Arial,Helmet,Freesans,sans-serif;
font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
font-family:'Bookman Old Style',Bookman,'URW Bookman L',serif;
font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
font-family:'Comic Sans MS',cursive;
font-family:'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;
font-family:Consolas,'Lucida Console','Bitstream VeraSans Mono','DejaVu Sans Mono',monospace;
font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
font-family:symbol,'Standard Symbols L';
font-family:Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
*/

p, li, td { /* basic font, used for newsitem */
  font-family: helmet,arial,freesans,sans-serif;
  font-size: .9em;
  font-weight: 300;
  color: #101010;  /* almost black */
}

a, a:link, a:visited { text-decoration: underline; color: #369;}
a:active, a:hover {text-decoration:underline; color: #903;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: inherit;
}

h1, h2, h3 {margin-left:auto; margin-right:auto;text-align: center;}
	

h1 { /* website title */
  font-family: tahoma,arial, serif;
  font-size: 1.5em;
  font-weight: 500;
  color: #8B4513; /* darker brown */
/*  color: #608da4;  */
  padding-top: 1em;
}

h2 { /* page title */
  font-family: "lucida sans", verdana, geneva, tahoma, "arial narrow", arial, san-serif;
  font-size: 180%;
  font-style: normal;
  font-weight: 500;
  font-variant:small-caps;
  text-align: center;
  color: #336666;    /* medium teale .. nice blue #555599; */
  margin-top: 10px; margin-bottom: -.5em;
  width: 100%;
}


h3 { /* subtitle, country */
  font-family: verdana,sans;
  font-size: 1.4em;
  font-weight: bold;
  color: #A08080;
}


h4 { /* article headline */
  font-family: verdana,sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  color: #606060;
  margin: 4px 0 2px 0;
  text-align: left;
}

h5 { /* subtitle 2nd line  or sidebar headline*/
  font-family: verdana,sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #808080;
  margin: 4px 0 2px 0;
}

h6 { /* sidebar headline */
  font-family: verdana,sans-serif;
  font-size: 1.0em;
  font-weight: 700;
  color: #336666;
  margin: -5px 0 2px 0;
  text-align: left;
}

img, a img {
font-family: verdana, sans;
font-size:.7em;
color: #808080;
text-decoration: none;
border:0px;
} /* no image borders */

p,input,form {text-align:left;}
table{border-collapse:collapse;}
td,th,thead th,tbody th{text-align:left;vertical-align:top;margin:0;padding:0;border:0;}
abbr{border-bottom:1px dotted #666;cursor:help;white-space:nowrap;}
hr{height:1px;border:1px solid #666;}
form, fieldset{margin:0;padding:0;}

table.fixed {table-layout:fixed;}

li {margin: 5px 10px 5px 10px;}

.block {
	  display: block;
	  margin: .5em 0 0 0;
	  padding: 0;
  }

.center, div.center {
  margin-left: auto; margin-right: auto;
  text-align: center;
}

img.center {
  display:block;
  margin:auto;
}

.right {
  float: right;
}
.left {
  float: left;
}

.rightcol {
  float: right;
  width: 150px;
  margin: 0; padding: 0;
}

#centercol { /* center col if frames, nav considered left col */
  float:left;display:inline; /*IE Doubled Margin bug */
  width: 92%;
/*  margin-right:-150px; */
  margin-right: -160px; margin-left: 30px;
  height:auto;height:100%; /*content overflow*/
}

/* inner columns - styling, and javascript equal heights script */
.col {height:auto;height:100%;/*content overflow for leftcol, centercol, rightcol */
	  margin-bottom:0;padding-bottom:0;
	  overflow:scroll;
}

.not { display: none; }

.smallfont {
  font-family: verdana,arial,tahoma,sans-serif;
  font-size:  0.7em;
}

.smallest, p.smallest, span.smallest, div.smallest {
font-family: arial, helvetica, sans-serif;
font-size: .6em;
}

.smallest, p.smallest, span.smallest, div.smallest {
font-family: arial, helvetica, sans-serif;
font-size: .6em;
}


.comment {
  font-family:  "Lucida Sans", "Gill Sans", "courier sans", "helvetica rounded", sans-serif;
  font-size: .9em;
  font-weight: 300;
  font-style: normal;
  color: #036;
  background-color: #F0F0F0;
  }

.error {
  font-family: "lucida sans", sans;
  font-size: 1.0em;
  font-weight: 300;
  color: #A08080;
}

.shadow {
  font-family: "lucida sans", sans;
  font-size: 1.0em;
  font-weight: 300;
  color: #CBCBCB;
}

.centertext {text-align: center;}
.righttext {text-align: right;}

/*    IMAGES (in general) */

a.tinyimg img  { /* tinybutton that links to article form */
  border: none;
  margin:0; padding:0;
  vertical-align:middle;
  }
a.tinyimg  {text-decoration: none; color: #000;}


div.picture-right img  { /* any picture - not icons or tiny, floats right */
  border: none;
  float: right;
  vertical-align: text-top;
  padding: 0 0 5px 5px;
  }
div.picture-left img  { /* any picture - not icons or tiny, floats left */
  border: none;
  float: left;
  vertical-align: text-top;
  padding: 0 5px 5px 0;
  }
  
  
div.imageright {
   float:right;
   margin: 0 0 10px 20px;
   padding-bottom: 20px;
   width:400px;
   background-color: #fff;">
}

div.imageleft {
   float:left;
   margin: 0 20px 0 20px;
   padding-bottom: 20px;
   width:400px;
   background-color: #fff;">
}
div.imageleft img, div.imageright img {
   vertical-align:text-bottom;
}

/*    HEADER */
div.header {
     font: .65em Verdana, Arial, Sanserif;
}

/*    PAGING (bottom of page) */

div.paging { /* small page index at bottom of subsection;  */
  font: 0.7em verdana, arial, sanserif;
  display: block;
  text-align: left;
  margin: 1.5em 0 1.5em 0;
  }
div.pagingcenter { /* small page index at top of news digest  */
  font-family:  verdana, arial, sanserif;
  font-size: .7em;
  text-align: center;
  margin: 1.5em 0 1.1em 0;
  }

div.topdate { /*  today's date, centered */
  text-align: center;
  margin-top: 1.0em; margin-bottom: -1.0em;
  font: .7em Verdana, Arial, Sanserif;
  }

/*    INTROITEM (item - top of many subsections) */

div.wide100 { /*introduction */
  width: 100%;
  }

div.intro { /*introduction */
  background-color: #FFF5EE; /* #ffddff; */
  margin: 20px 15px 20px 35px;
  padding-left: 8px;
  padding-top: -6px;
  border:3px solid #eeeedd; /* or #c3b183 */
  font-family: helvetica,sans-serif;
  font-size: 100%;
  color: #8B4513 /* #070040; */
  }
div.intro p, li, td { /*introduction */
  font-family: helvetica,sans-serif;
  font-size: 100%;
  color: #8B4513 /* #070040; */
  padding-top: -3px;
  }
div.intro small {
  font-size: .7em;
  font-family: arial,sans-serif;
  }
div.intro span {
  font-size: 1.3em;
  font-family: helvetica,arial,sans-serif;
  font-weight: 500;
  text-align: center;
  color: #5F9EA0;
  }

/*    NEWSITEM (all articles) */
div.newsitem {
  background: #fff;  /* white */
/* font is set for <p> in general (above)*/
  margin: 20px 15px 20px 10px;
  padding: 2px 10px 6px 0px;
  border-bottom: solid thin #d0d0d0;
  border-right: ridge thin #d0d0d0;
  }

  div.newsitem li, p li{
  background: #fff;  /* white */
  }
  div.newsitem a:link {text-decoration: none; color: #557799}
  div.newsitem a:visited {text-decoration: none; color: #557777;}
  div.newsitem a:active {text-decoration: none; color: #990033;}
  div.newsitem a:hover {text-decoration: none; color: #990033;}


/*    REDQUOTE (quoteitem) */
  div.redquote { /*red quote */
  text-align:justify;
  width:60%;
  margin: 25px 100px 20px 40px;
  border: none;
  }
  div.redquote p, li, td { /*red quote */
  font: normal 95% "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "comic sans ms";
  color: #5B4D6B; /* bisque 4 #8B7D6B; (made darker); rosy brown #8B6969; silver #808080; #8B0000 900B09 (lighter)*/
  letter-spacing:0.1em;
  }
  div.redquote small {
  font: italic 80% arial, geneva, sans-serif;
  color: #A0A0A0;
  }
p.quote, span.quote div.quote{  /* IS THIS USED? */
  font-family: "comic sans serif", tahoma, serif;
  font-size: small;
  color: #000;
}

/*    FACTOID (similar to quoteitem) */
  div.factoid {
  background: #f0efc9;  /*ltgreytan  .. #FAF8CC pale pinkish yellow .. was pinkish beige #F8F5EF*/
  width: 70%;
  margin: 10px 45px 15px 35px;
  padding-left: 7px; padding-right: 5px;
  padding-top: 7px; padding-bottom: 7px;
  border: 1px solid #D0D0D0;
  font: normal 500 0.9em arial,verdana,sans-serif;
  }
  div.factoid p, li, td, dd {
  font: normal 500 0.9em arial,verdana,sans-serif;
  color: #150045;  /* try #8B0000  #290060 4B0082 */
  letter-spacing:0.1em;
  }
  div.factoid small {
  font: italic 500 .8em verdana,arial, sans-serif;
  color: #100040;
  letter-spacing:1px;
  }
  div.factoid small a {
  color: 800000;
  text-decoration: none;
  }
  div.factoid small a:hover {text-decoration: underline;}


/*   HEADLINE ITEM (all articles) */
  div.headlineitem {
  background: #fff;  /* white */
  font-family: arial,sans-serif;
  font-size: 90%;
  color: #000;
  width: 80%;
  margin: 30px 20px 0 20px;
  padding: 0;
  }
  div.headlineitem h5 {
  font-family: verdana,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.headlineitem small {
  font-size: 75%;
  font-family: arial,sans-serif;
  }
  div.headlineitem a:link {text-decoration: none; color: #555599}
  div.headlineitem a:visited {text-decoration: none; color: #555577;}
  div.headlineitem a:active {text-decoration: none; color: #990033;}
  div.headlineitem a:hover {text-decoration: none; color: #990033;}

/* COMIC - for comments, regular article */
  div.comic { /*comic style font */
  font-family: "comic sans ms", helvetica, sans-serif;
  font-size: 85%;
  width: 80%;
  margin: 35px 45px 30px 35px;
  padding: 0;
  }
  div.comic h5 {
  font-family: verdana,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.comic small {
  font-size: 75%;
  font-family: arial,sans-serif;
  }
  div.comic img  { /*tinybutton that links to article form */
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  }
  div.comic a:link {text-decoration: none; color: #555599}
  div.comic a:visited {text-decoration: none; color: #555577;}
  div.comic a:active {text-decoration: none; color: #990033;}
  div.comic a:hover {text-decoration: none; color: #990033;}


/* EVENT - for calendar items */
  div.event {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 85%;
  width: 80%;
  margin: 35px 45px 30px 35px;
  padding: 0;
  }
  div.event h5 {
  font-family: arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.event small {
  font-size: 75%;
  font-family: verdana,sans-serif;
  }
  div.event img  {
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  }
  div.event a:link {text-decoration: none; color: #555599}
  div.event a:visited {text-decoration: none; color: #555577;}
  div.event a:active {text-decoration: none; color: #990033;}
  div.event a:hover {text-decoration: none; color: #990033;}

/* GUEST - for forum or guest comments */
  div.guest {
  font-family: helvetica, georgia, sans-serif;
  font-size: 85%;
  width: 80%;
  margin: 35px 45px 30px 35px;
  padding: 0;
  }
  div.guest h5 {
  font-family: arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.guest small {
  font-size: 75%;
  font-family: verdana,sans-serif;
  }
  div.guest img  {
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  }
  div.guest a:link {text-decoration: none; color: #555599}
  div.guest a:visited {text-decoration: none; color: #555577;}
  div.guest a:active {text-decoration: none; color: #990033;}
  div.guest a:hover {text-decoration: none; color: #990033;}


/* DICTIONARY - yet to be defined. Patterned on newsitem */
  div.dictionary {
  background: #fff;  /* white */
  font-family: arial,sans-serif;
  font-size: 90%;
  color: #000;
  width: 80%;
  margin: 30px 20px 0 20px;
  padding: 0;
  }
  div.dictionary h5 {
  font-family: verdana,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.dictionary small {
  font-size: 75%;
  font-family: arial,sans-serif;
  }
  div.dictionary img  {
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  }
  div.dictionary a:link {text-decoration: none; color: #555599}
  div.dictionary a:visited {text-decoration: none; color: #555577;}
  div.dictionary a:active {text-decoration: none; color: #990033;}
  div.dictionary a:hover {text-decoration: none; color: #990033;}


/* OPINION item - yet to be defined. Patterned on newsitem */
  div.opinion {
  background: #fff;  /* white */
  font-family: arial,sans-serif;
  font-size: 90%;
  color: #000;
  width: 80%;
  margin: 30px 20px 0 20px;
  padding: 0;
  }
  div.opinion  h5 {  /*    NEED TO FLATTEN */
  font-family: verdana,sans-serif;
  font-size: 100%;
  font-weight: bold;
  }
  div.opinion  small {
  font-size: 75%;
  font-family: arial,sans-serif;
  }


/* LINK ITEM  */

  div.linkitem {
  font: .80em arial,sanserif;
  color: #000;
  margin: 10px 0 10px 0;
  padding: 0 0 0 0;
  text-align: left;
  }
  div.linkitem a:link {text-decoration: none; color: #555555}
  div.linkitem a:visited {text-decoration: none; color: #555599;}
  div.linkitem a:active {text-decoration: none; color: #990033;}
  div.linkitem a:hover {text-decoration: none; color: #990033; font-size:110%;}


/*    BACKGROUND colored boxes (sidebar and main) */

/* Other background colors to try: fad163 orange sherbert; fff7d7 pink (make a gradient with this
    and  8c6d8c or 8c608c mauve-dusky - use off white text good for headline sidebar)
  f5f5EB nice peachy tan */

/* CIA factbook
fbf6f2 - pink background for black, blue-black or red text
e1e1e1 - grey background for menu bar
756692 - maroon-purle bar across the top with white text
501d1d - dark maroon menu side bar with white text
f6f6f6 - grey margin
f033cf - tan background color for dropdown menu hover; text is slightly darker grey
f5f5f5 - grey background color for dropdown menu non-hover; text color light grey
*/

div.duskyturq2 {
background-color:#EBECE4;
border: 2px solid #d8bfb2;
color:#000;
margin: 3px; 0 2px 0; padding: 4px;
}
div.duskyturq2 h5 {background-color:#5098b9;color:#efe;
margin:0; padding: 4px;}

div.bluegreen {
background-color:	#C6CEDE;
border: 2px solid #BB6000;
color:#A08080;
margin: 3px; 0 2px 0; padding: 4px;
}
div.bluegreen a.hover {background-color: #c0a0a0;}
div.bluegreen h5 {background-color:#5F858b;color: #E6EEFE;
margin:0; padding: 4px;}

div.teale2 {
background-color:	#C6CEDE;
border: 2px solid #BB6000;
color:#A08080;
margin: 3px; 0 2px 0; padding: 4px;
}
div.teale2 a.hover {background-color: #c0a0a0;}
div.teale2 h5 {background-color:#5F858b;color:#FFFAFA;
margin:0; padding: 4px;}

div.rust {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.rust a.hover {background-color: #369;}
div.rust h5 {background-color:#a84f32;color:#FFFACD;
margin:0; padding: 4px;}

div.red {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.red a.hover {background-color: #369;}
div.red h5 {background-color:#A7372B;color:#FFFACD;
margin:0; padding: 4px;}

div.red2 {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.red2 a.hover {background-color: #369;}
div.red2 h5 {background-color:#BC4625;color:#FFFACD;
margin:0; padding: 4px;}


div.gold {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.gold a.hover {background-color: #369;}
div.gold h5 {background-color:#937c16;color:#FAFAD2; /* #2b2320 */
margin:0; padding: 4px;}

div.gold2 {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.gold2 a.hover {background-color: #369;}
div.gold2 h5 {background-color:#B8860B;color:#FFEFD5;  /*937c16 text Papaya whip */
margin:0; padding: 4px;}

div.greytaupe {
background-color:#EBECE4;
border:2px solid #d8bfb2;
margin: 3px; 0 2px 0; padding: 4px;
}
div.greytaupe a.hover {background-color: #369;}
div.greytaupe h5 {background-color:#dac89b;color:#336666;
margin:0; padding: 4px;}

div.mauve {
background-color:#EBECE4;
border:2px solid #d8bfb2;
color:#67432d;
margin: 3px; 0 2px 0; padding: 4px;
}
div.mauve a.hover {background-color: #369;}
div.mauve h5 {background-color:#9a74ad;color:#ede0e4;
margin:0; padding: 4px;}

div.darkmauve {
background-color:#EBECE4;
border:2px solid #d8bfb2;
color:#67432d;
margin: 3px; 0 2px 0; padding: 4px;
}
div.darkmauve a.hover {background-color: #369;}
div.darkmauve h5 {background-color:#98717b;color:#ede0e4;
margin:0; padding: 4px;}

div.pinkmauve {
background-color:#EBECE4;
border:2px solid #d8bfb2;
color:#67432d;
margin: 0; padding: 0;
}
div.pinkmauve a.hover {background-color: #369;}
div.pinkmauve h5 {background-color:#ae8991;color:#fff;
margin:0; padding: 4px;}

  div.greyred {
  background-color:	#C6CEDE;
  border: 2px solid #BB6000;
  }
  div.greyred a {color: #369;}
  div.greyred h5 {color: #336;}

  div.orangeblue {
  background-color: #C6CEDE;
  border: 2px solid #AA6000;
  }
  div.orangeblue a h5, h5 a {
  color: #AA6000;
  text-decoration: none;
  }
  div.orangeblue h5 {
  color: #AA6000;
  }

  div.redblue {
  background-color: #C6CEDE;
  border: 2px solid #AF0F00;
  }
  div.redblue a {
  color: purple;
  }
  div.redblue h5 {
  color: purple;
  }

  div.blackwhite {
  background-color: #fff;
  border: 1px solid #101010;
  }

  div.blackblue {
  background-color: #C6CEDE;
  border: 1px solid #101010;
  }

  div.greywhite {
	background-color:#F0FFF0;
	border-left:3px solid #d8bfb2;
	border-right:3px solid #d8bfb2;
  }
  a:hover.ltgreytan {color: #eec289;}

/* other divs:  #efece6 pinkish tan | f3edd7 pinkbeige | fde9ec  ltpink | c5b797 dark tan | 9cb063 darkgreen
               d8eeec ltaqua | 9a9cba blue-grey (use w/white) | 9b7c37 copper brown (white text) |
               e7f9cf greentan | eeefe1 pinkgrey | f3f3f3 ltlavendergrey
                fef7de lt peach */
  div.taupe {
	background-color:#e7e3da;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }

  div.fleshtaupe {
	background-color:#EEEFE1;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.greentaupe {
	background-color:#EEF3E2;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.tan {
	background-color:#EEEEDD;
	border:2px solid #d8bfb2;
	color: #5a5a5a;
    margin: 3px; 0 2px 0; padding: 4px;
  }

  div.paleblue {
	background-color:#ecebeb;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.camel {
	background-color:#F1EDC2;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.palepeach {
	background-color:#ffffcc;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.paleorange {
	background-color:#FAFAD2;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.pinkbeige {
	background-color:#eeeecc;
	border:2px solid #d8bfb2;
    margin: 3px; 0 2px 0; padding: 4px;
  }
  div.yellowtan {
	background-color:#dac89b;
	border:2px solid ##e2e2d7;
    margin: 3px; 0 2px 0; padding: 4px;
	color:#cc3300;
  }
  a.yellowtan, h5.yellowtan {color:#cc3300;} /* orange brown or */

/* SIDEBAR boxes */

div.sidebar {
width: 150px;
padding: 4px 4px 4px 4px;
margin: 10px 0 5px 0;
font: 0.85em verdana,arial,sans-serif;
}
div.sidebar p, ul li td {
font: 0.8em verdana,arial,sans-serif;
}

div.sidebar h5, h6 {
font-weight: bold;
margin-bottom: -.05em;
text-align: center;
}
div.sidebar h5 {
font: 1.0em arial,sans-serif;
font-weight: 700;
}
div.sidebar h6 {
font: .9em verdana,sans-serif;
font-weight: 700;
color: #369;
}

div.sidebar ul {
padding-left: 0; margin-left: 0;
}

div.sidebar ul li, li {
list-style-position: inside;
text-indent: -.7em;
}
div.sidebar p {
background: #fff;
margin-top: -.1em;
margin-bottom: .5em;
}
div.sidebar small {
font: 0.66em verdana,arial,sans-serif;
color: #000;
margin: 0;
}

div.sidebar a {
	text-decoration: underline;
	color: #000;
}

div.sidebar h5 a, h6 a {
	text-decoration: none;
}

div.sidebar img, a img {
font:.7em verdana,arial,sans-serif;;
color: #808080;
text-decoration: none;
border: none;
margin-left: auto; margin-right: auto;
text-align: right;
}


/* INDEX  - Can be floated right or left */
  div.index {
  font-size: .90em;
  font-weight: 600;
  font-family: verdana, arial, sans-serif;
  color: #3366aa;  /* darkteale | darker brown #8B4513;  | teale #483D8B | blue #555599 */
  width: 150px;
  margin: 0 0 5px 15px;
  padding: 5px;
  background-color: #c2bfb8; /* taupetan  | #ccd8c8; nicegreen | palemauve #F3EAF4; |  grey -  #e2e2d7; | #b7deC1 */
  border: 1px solid #9B5523; /* medium brown */
  }
  div.index a {text-decoration: none; color: #336666; } /* red brown #8B4513; */
  div.index a:hover {text-decoration: none; color: #483D8B; background-color: #b7deC1;}
  div.index p { margin-top: 0.1em; margin-top: 0.1em; padding: 0;}
  }

/* ABORTION page */

div.pinkongrey {
  background-color: #eee;
  width: 120px;
/*  margin: auto; */
/*  border: none; */
}
div.pinkongrey p, div.pinkongrey p li, div.pinkongrey li {
  background-color: #eee;
  font-size: 85%;
  font-weight: 300;
  font-family: 'Comic Sans MS',cursive;
  color: #000;  /* black | use pink span for pink color */
}
div.pinkongrey b, div.pinkongrey p b {
  font-size: 115%;
  font-weight: 600;
  font-family:'Comic Sans MS',cursive;
  color: #F39;
}

table.rtcolumnlayout td  {
  background-color: #fff;
  padding: 6px;
  border: 1px solid #000;
}

table.rtcolumnlayout td p, table.rtcolumnlayout td li, table.rtcolumnlayout td p li {
  background-color: #fff;
  font-size: 85%;
  font-weight: 400;
  font-family: Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
  color: #000;  /* black */
}
table.rtcolumnlayout td li {
  margin-right: 15px;
}

table.rtcolumnlayout td h5 {
  font-size: 110%;
  font-weight: 400;
  font-family: 'Comic Sans MS',cursive;
  color: #F39;  /* black */
  text-align: center;
  margin-top: 0px; margin-bottom: 6px;
}
div.rtcolumnlayout td b, div.rtcolumnlayout td p b {
  font-size: 100%;
  font-weight: bold;
  font-family: Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
  color: #000;
}

div.topbar {
  float:right; 
  width:700px;
  background-color:#EEEFE1;
  color:#549fbc;
  vertical-align: middle;
  border:#fff thin;solid;
  font-size:10px;
  padding: 3px;
}
div.topbar div {
  float:right;
}
div.topbar div span.worldpop {
  font-size:12px;
}
div.topbar span.popcount {
  color:#4B0082;
  font-size:14px;
}

/*  BOX for WOA names and URLs - pg1 */
div.woainfo {
  font-family: verdana, tahoma, sans-serif;
  font-size: 11px;
  color: #000;
  width: 150px;
  margin-bottom: 10px;
  padding:  0;
  }
  div.woainfo span {
  font-family: verdana, tahoma, sans-serif;
  font-size: 6px;
  font-weight: 400;
  }
  div.woainfo small {
	font: 4px verdana,tahoma,sans-serif;
    color: #000;
  }


/*    YUTXPE (EC page) */
  div.yutxpe {
      float: right;
      width: 500px;
      margin: 0.2em 0 0.2em 0.6em;
      padding: 0.5em;
      font: .65em verdana, Arial, sanserif;
      border: 2px groove #000;
   }
   div.yutxpe img {
      float: right; border:0;
   }

/*    THE HOLDREN SCENARIO (Energy page) */
table.holdren {
		font: 15px Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 520px;
		}
	th { padding: 0 0.5em; text-align: left; 	}
	td { padding: 0 0.5em; vertical-align:top;}
	td.yearcol { width: 8%; 	text-align: left; }
	td.popcol { width: 19%; text-align: center; }
	td.energycol {width: 24%; text-align: center;}
	td.totalcol {width: 33%; text-align: center;}
	td.symbolcol {width: 8%; text-align: center;}

a.tooltip{
	    position:relative; /*this is the key*/
	    z-index:24; background-color:#e3e3e3;
	    color:#000;
	    text-decoration:none
	}
a.tooltip:hover{z-index:25; background-color:#e3e3e3}
a.tooltip span{display: none}
a.tooltip:hover span{ /*the span will display just on :hover state*/
	    display:block;
	    position:absolute;
	    top:2em; left:-2.5em; width:17em;
	    border:1px solid #d1cda2;
	    background-color:#F1EDC2; color:#000;
	    margin: 2px;
	    font-size: 80%;
	    text-align: left;
	    text-decoration: none;
	/* example: <a href="http://www.meyerweb.com/eric/css/">Links<span>A collection
	of things which interest me, and might interest you</span></a>
}
</style>