body{
  font-family: /*verdana, helvetica, */ sans-serif;
  font-size: 0.9em;
  background-color:white;
  /* direction: ltr; */
  /* this brings the neat background logo */
  background:url("../images/chlogo_bgr.gif") repeat;
  min-width: 41em;
}
/* this should have been bigheading! It is the big black content title of every page */
h2.bidheading {
  font-size:2em;
  text-align: center;
  font-weight: bold;
}

hr.blackline {
  color:black;
  width:100%;
  size:2px;
}

.home {
  weight:100%;
  font-weight: bold;
}

#homelink {
  color:red;
}

p.bigchapterheading {
  font-size:1.2em;
  font-weight: bold;
  color:black;
}

p.chapterheading {
  font-weight: bold;
  color:black;
}

p.chapternormaltext {
  font-size:1em;
  color:black;
}

li.listnormaltext {
  font-size:1em;
  color:black;
}

.announcenew {
  font-size:1.2em;
  color:red;
}

/********************************************************************************************
  Header
 ********************************************************************************************/

.header, .push {
  width: 100%;
  padding:0;
  spacing:0;
}

/* this is for the big blue Contemporary Herpetology in the heading */
#title {
  font-family: sans-serif;
  font-size: 3em;
  font-weight: normal;
  color: blue;
}
/* this is for the subtitle in the heading, now it says Committed to the global dissemination... */
#subtitle {
  top:3em;
  font-weight: bold;
  color: black;
}
/* this is for the posistion of the logo in the header */
.headerlogo {
  position:strict;
  top:40px;
  margin-right:1em;
}

.footer, .push {
  height: 4em;
}

p#footernote {
  clear: both;
  bottom:0em;
  color:black;
  font-weight: normal;

}
/********************************************************************************************
  CH and CHIS Content Structure
 ********************************************************************************************/

/* this is the horizontal navigation for the volumes e.g., 2009   2008   2007 ....*/
.volumeindex {
  top:10em;
  text-align: center;
  font-weight: normal;
}
/* this is the div that says Volume 2009  [back to top] */
#volumeheader {
  top:10em;
  width:100%;
  font-weight: bold;
  color:black;
  background-color:#F2F2F2;
}
/* this is the link that says [back to top] in the  pages */
#backlink {
 color:blue;
 font-weight: normal;
}
/* this is for the issue numbers */
#volumenumber {
  top:14em;
  width:6em;
  font-weight: normal;
  margin-left:2em;
}
/*
  This div is the container for the articles.
  Any changes in this box also affects the elements included.
  These are:
    - articletitle
    - authors
    - published
    - pdfsize
    - hr.volseparate
*/
#article {
  top: 11em;
  font-size: 0.8em;
  margin-left:9em;
  padding: 0em;
  spacing: 0em;
  font-weight: normal;
}
/* this represents the title of the article */
.articletitle {
  font-weight: bold;
}

/* this div is the line that contains the authors */
#authors {
  margin-left: 1em;
}
/* this div is the date of publication */
#published {
  margin-left: 1em;
}
/* this div is the file size of the pdf */
#pdfsize {
}

/* line that separates the Volumes from each other */
hr.volseparate {
  size:0.5em;
}

/*
p.abstracttitle {
  margin-left: 1em;
  color:black;
  font-weight: bold;
  background-color:#ffffdd;
  width:100%;
}
*/

/* this is the text for the abstract */
.abstract {
  margin-left: 1em;
  background-color:#ffffde;
  width:75%;
}


/* link behavior */
a:link    { color:blue; text-decoration:underlined; font-weight:normal; }
a:visited { color:#A845A7; text-decoration:underlined; font-weight:normal; }
/* a:focus   { color:#00AA00; background-color:#FFFF77; font-weight:bold; }   */
a:hover   { color:#EE0000; text-decoration:none; /*background-color:#FFFF99;*/ font-weight:normal; }
/* a:active  { color:#0000EE; background-color:#FFFF99; font-weight:bold; } */


.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

/* container for editor titles (e.g., Editor in Chief, Accosiate Editors, etc. */
#editortitle {
  font-weight: bold;
  margin-left:4em;
}

/* sections in which editors are held (e.g., turtles, snakes, ecology*/
p#editorsectiontitle {
  margin-left:5em;
  font-size:0.9em;
  font-weight: bold;
  font-style:italic;
}

hr#editor {
 margin-left:4em;
 size:2px;
/* color:black; */
}

hr#editorsection {
 margin-left:6em;
 size:1px;
}

/* editors */
p#editor {
  margin-left:6em;
  font-size:0.9em;
  font-style:italic;
}

#empty {
  height:7em;
  width:100%;
}

/*
#navigation {
  position: absolute;
  width: 17%;
  margin-left: 1em;
  position: strict;

}

#content {
  position: absolute;
  width: 45%;
  text-align: center;
  border:4px solid #EE0000;
}
*/

a.importantlinks {
  font-size: 1.2em;
}

hr#line {
  color: black;
  width: 100%;
}

.navigation {
   position:stict;
   top:14em;
/*   left:10px;  */
   width:15%;

/*   background-color: #0302FD; is the blue from the old CH site */

}


/* this container contains the imagebox on the front page */
.content {
  position:relative;
  width:85%;
/*  top:14em; */
/*  margin-left:9em;         */
}
/* this is the blue box holding the image on the front page */
.imagebox {
  position:absolute;
  top:13em;
  text-align: center;
  image-align: center;
  margin-left:30%;
  width:450px;
  border:4px solid blue;
}

table.tablelist {
  color:blue;
  margin-left:2em;
  width:80%
}
/*********************************************************
    GIMICS FOR MOUSE OVER EVENTS
    showing the abstracts on the contents page
 *********************************************************/

img {
border:none;
background-color:white;
}

#box{
height:16px;
width:120px;
/*
padding:0;
margin:20px;
font:bold 14px verdana, sans-serif;
*/
}


#box div{display:none;}

#box:hover div{
display:block;
width:600px;
height:300px;
position:relative;
top:20px;
left:20px;
border:2px solid blue;
padding:15px;
/*font:normal 14px verdana, sans-serif;    */
background-color:white;
}