* Generic Selectors */

body {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 14px;

color: #333333;

background-color: #F9F9F9;

}

p {

width: 100%;
text-align: center;

}

li {

list-style-type: none;

line-height: 150%;

}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

font-weight: bold;

color: #000000;

text-align: center;

}


h2 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 24px;

font-weight: bold;

color: #000000;

/*border-bottom: 1px solid #C6EC8C;*/
border-bottom: 3px solid rgb(80%,80%,100%);

}

 

/**************** Pseudo classes ****************/

a:link {

/*color: #00CC00;*/
color: rgb(30%,30%,100%);

/*text-decoration: underline;*/

text-decoration: none;

font-weight: bold;

}

a1:link {

/*color: #00CC00;*/
color: rgb(30%,30%,100%);

text-decoration: underline;

text-decoration: none;

font-weight: bold;

}

li a:link {

/*color: #00CC00;*/
color: rgb(30%,30%,100%);

text-decoration: none;

font-weight: bold;

}

a:visited {

/*color: #00CC00;*/
color: rgb(30%,30%,100%);

/*text-decoration: underline;*/
text-decoration: none;

font-weight: bold;

}

li a:visited {

/*color: #00CC00;*/

color: rgb(30%,30%,100%);

text-decoration: none;

font-weight: bold;

}

a:hover {

/*color: rgb(0, 96, 255);*/
color: rgb(70%,70%,100%);

padding-bottom: 5px;

font-weight: bold;

/*text-decoration: underline;*/

}

a1:hover {

/*color: rgb(0, 96, 255);*/
color: rgb(70%,70%,100%);

padding-bottom: 5px;

font-weight: bold;

/*text-decoration: underline;*/

}

li a:hover {

display: block;

/*color: rgb(0, 96, 255);*/
color: rgb(80%,80%,100%);

padding-bottom: 5px;

font-weight: bold;

border-bottom-width: 1px;

border-bottom-style: solid;

/*border-bottom-color: #C6EC8C;*/
border-bottom-color: rgb(80%,80%,100%);

}

a:active {

color: rgb(255, 0, 102);

font-weight: bold;

}

/************************* ID's *************************/

#navigation {

position: absolute;

z-index: 10;

width: 210px;

height: 600px;

margin: 0;

/*border-right: 1px solid #C6EC8C;*/

border-right: 3px solid rgb(80%,80%,100%);

font-weight: normal;

}

#centerDoc {

position: absolute;

z-index: 15;

padding: 0 0 20px 20px; /*top right bottom left*/

margin-top: 50px;

margin-left: 235px;

} 

#ModCard {
        color: black;                /* text color is black */ 
        background: rgb(100%,100%,85%); /*gray;*/            /* Content, padding will be gray */
        /*margin: 12px 12px 12px 12px;  /* top, right, bottom left*/*/
        margin-top: 12px;
        margin-left: 0px;
        margin-right: 12px;
        margin-bottom: 12px;
        padding: 12px 0px 12px 20px; /* Note 0px padding right */
        border-style: outset;         /*dashed;*/
        border-width: medium;        /* sets border width on all sides */
        border-color: rgb(100%,100%,85%) ;
        font-weight: normal;

} 

/************************* DIV *************************/

DIV.base-layer {
  background: none /*#cc9966*/; border: solid #333333 0px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}

DIV.table-row {
  background: none rgb(100%,100%,85%); border: solid #000000 1px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}


DIV.left-container14 {
  border: none; float: left; margin: 0; padding: 0; width: 25%;
}

DIV.left-container24 {
  border: none; float: left; margin: 0; padding: 0; width: 25%;
}

DIV.right-container14 {
  border: none; float: left; margin: 0; padding: 0; width: 25%;
}

DIV.right-container24 {
  border: none; float: right; margin: 0; padding: 0; width: 25%;
}

/***********/

DIV.base-layer1 {
  background: none /*#cc9966*/; border: solid #333333 0px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}

DIV.table-row1 {
  background: none rgb(100%,100%,85%); border: solid #000000 0px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

DIV.left-container {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}



/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: #3333cc; font-family: sans-serif;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}

H5.colhdr {
  background: none rgb(100%,100%,90%); border: solid #3333cc 1px; color: #993333;
  font-family: sans-serif; font-size: 1em; font-style: italic;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: center; width: auto;
}

P.text {
  border: solid #3333cc 1px; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}

P.text1 {
  border: solid #3333cc 0px; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}

/*******figures**********/

div.figure {
/*  float: right;*/
  width: 70%;
  /*border: thin silver solid;*/
  margin: 0.5em;
  padding: 0.5em;
  text-align: left;
/*  text-align: center;*/
  font-style: italic;
/*  font-size: smaller;*/
  text-indent: 0;
}

/*<div class="space-line"></div>*/