/* CSS Document: resource.css */

/* ******************** THEME ******************** */

/*
       -  #EEFAFF  Page Color  [light blue]
       -  #3F310B  Dark Color  [chocolate brown]
       -  #D3EEFA  Medium Color  [rust brown]
       -  #996666  Light Color  [light brown]
       -  #000000  [black]
       -  #FFFFFF  [white]
*/

/* ******************** BODY ******************** */

body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 100%;
   color: #000000;
   background-color: #EEFAFF;
   margin: 0;
   padding:0;
   }

* {margin:0; padding:0;}   /* neutralizes all default margins and padding */

*.clearthefloats {clear:both;}

/* ******************** DIVS ******************** */

div#nav {
   position: absolute;
   width: 150px;
   left: 0px;
   top: 0px;
   margin: 22px 0 0 5px;
   padding: 5px;
   border-top: 2px solid red;
   border-bottom: 2px solid red;
   }

div#nav ul {margin: 0 0 0 1em;}

div#content {
   margin: 20px 130px 0 170px;
   padding: 0 1em;
   }

div#rightcolumn {
   position: absolute;
   width: 125px;
   top: 0px;
   right: 0px;
   margin: 22px 5px 0 0;
   padding: 5px;
   border-top: 2px solid navy;
   border-bottom: 2px solid navy;
   }

div#pagefooter p {
   font-size: .6em;
   color: #000000;
   background-color: #EEFAFF;
   text-align: center;
   }

/* ******************** HEADINGS ******************** */

h1 {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.5em;
   color: navy;
   background-color: #EEFAFF;
   text-align: center;
   letter-spacing: .02em;
   margin: 20px 1.5em;
   }

h2 {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   color: #996666;
   background-color: #EEFAFF;
   text-align: center;
   letter-spacing: .02em;
   margin: 1em 1em 1.5em 1em;
   }

h3 {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.1em;
   color: #400000;
   background-color: #EEFAFF;
   letter-spacing: .02em;
   }

/* ******************** GENERAL ******************** */

*.center {
   margin-left: auto;
   margin-right: auto;
   }

*.bold {
   font-weight: bolder;
   }

*.italics {
   font-style: italic;
   }

*.underline {
   text-decoration: underline;
   }

*.overline {
   text-decoration: overline;
   }
   
/* ******************** IMAGES ******************** */

img {
   float: left;
   margin: .5em 1.5em 1em 1.5em;
   }

/* ******************** PARAGRAPHS ******************** */

p {
   font-size: 0.75em;
   color: #000000;
   background-color: #EEFAFF;
   line-height: 1.5em;
   margin: .5em .5em 1em 2em;
/* border: 2px solid red; */
   }

ol, ul {
   font-size: 0.75em;
   color: #000000;
   background-color: #EEFAFF;
   line-height: 1.5em;
   margin: 0 0 0 2.5em;
/*   margin: .5em .5em 1em 2em; */
   padding: .5em;
/*   border: 2px solid red; */
   }

ul ul {
   font-size: 1em;
   color: #000000;
   background-color: #EEFAFF;
   line-height: 1.5em;
   margin: 0 0 0 1.5em;
   padding: .5em;
   }

ul ol {
   font-size: 1em;
   color: #000000;
   background-color: #EEFAFF;
   line-height: 1.5em;
   margin: 0 0 0 1.75em;
   padding: .5em;
   }

li {
   line-height: 1.5em;
/*   margin: 0; */
   margin: 0 .5em 1em 2em;
/*   border: 2px solid green; */
   }

li li {
   line-height: 1.5em;
   margin: 0 .5em 0em 1em;
   }

.navmenu {
   font-size: 0.75em;
   color: white;
   background-color: navy;
   margin-bottom: 0;
   margin-left: 0;
   text-align: center;
   line-height: 1.5em;
/*   border: 2px solid blue; */
   }

.navlink {
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
   color: #000000;
   background-color: #EEFAFF;
   line-height: 1.5em;
   margin: 0;
/*   border: 2px solid yellow; */
   }

p.blockquote {
   font-size: 0.7em;
   color: #000000;
   margin: 1em 3em 2.5em 3em;
   padding: 1em;
   border: 1px solid #400000;
   background-color: #FFFFFF;
   }

p.nexttothumb {
   margin: 3em .5em 1em 2em;
   }

.intro {
   color: #344958;
   background-color: #EEFAFF;
   }

.comment {
   font-family: 'Trebuchet MS', 'Times New Roman', Times, serif;
   font-size: 0.75em;
   color: navy;
   background-color: #EEFAFF;
   }

.commentary {
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 0.9em;
   font-style: italic;
   color: navy;
   background-color: #EEFAFF;
   }

.commentcentered {
   font-family: 'Trebuchet MS', 'Times New Roman', Times, serif;
   font-size: 0.75em;
   color: #3F310B;
   background-color: #EEFAFF;
   text-align: center;
   }

.definition {
   font-size: 0.7em;
   color: #400000;
   background-color: #EEFAFF;
   }

.indented {
   margin-left: 4em;
   }

.introIndented {
   color: #800080;   /* purple */
   background-color: #EEFAFF;
   margin-left: 100px;
   }

.introOnBlack {
   color: yellow;
   background-color: #EEFAFF;
   font-style: italic;
   margin-left: 20px;
   }

.onBlackContrast {
   color: red;
   background-color: #000000;
   text-align: center;
   }

/* ******************** LINKS ******************** */

a:link {
   color: red;
   background-color: #EEFAFF;
   text-decoration: none;
   }

a:hover {
   color: navy;
   background-color: #EEFAFF;
   text-decoration: overline underline;
   }

a:active {
   color: blue;
   background-color: #EEFAFF;
   }

a:visited {
   color: maroon;
   background-color: #EEFAFF;
   text-decoration: none;
   }

/* ******************** TABLES ******************** */

table {
   margin: 1em auto;
   border: 2px solid black;
   padding: 3px;
   }

th {
   font-size: 1em;
   color: #000000;
   background-color: #D4D0C8;
   padding: .5em;
   }

tr {
   font-size: 0.7em;
   color: #213952;
   background-color: #D4D0C8;
	}

td {
   padding: .5em;
   }

/* ************************* END ************************* */