/* main css for assignments in Sandusky's IS course */
   /*  jody DeRidder Fall 2006 */


   /* basic overall tags first */

body {
     background-color: #FFFFE0;
     margin:5px 0px 0px 5px;
     font-family : Arial, Helvetica, sans-serif;
     font-size : 100%;
     color : #660033;
     }


/*  paragraph classes  */

p { 
   font-size:  85%; 
   }

.nav {
    position: relative;
    left:  30%;
    }

.signature {
    position: relative;
    font-size:  80%;
    font-style:  italic;
    left:  30%;
    width:  60%;
    }

.navhead {
   margin-left: 20%;
   }

   /* headers */

h1,h2,h3,h4,h5,h6 {
   font-family : Arial, Helvetica, sans-serif;
   }

h1 {
   font-size : 200%;
   }

h2 {
   font-size : 180%;
   }

h3 {
   font-size : 170%;
   }

h4 {
   font-size : 160%;
   }

h5 {
   font-size : 150%;
   }

h6 {
   font-size : 140%;
   }

   /*  lists  */

ul {
   list-style-type: disc;
   font-family : Arial, Helvetica, sans-serif;
   }

.nomarker {
   list-style-image: url(../images/greenpointer.gif);
   list-style-type: square;
   }

.noindent {
   position: relative;
   list-style-type: none;
   left : -10%;
   }

.mdlist {
   font-size:  75%;
   }

ol {
   font-family : Arial, Helvetica, sans-serif;
   }


ol.In{
   list-style-type: upper-roman;
   font-weight: bold;
   font-size: 100%;
   }

ol.A {
   list-style-type: upper-alpha;
   font-size: 120%;
   }

ol.I {
   list-style-type: upper-roman;
   font-size: 100%;
   }

ol.a {
   list-style-type: lower-alpha;
   font-size: 90%;
   }

ol.i {
  list-style-type: lower-roman;
  font-size: 90%;
  }

li {
   font-family : Arial, Helvetica, sans-serif;
  }




   /*  links and anchors */

a {
   text-decoration: none;
   background-color: transparent;
   }

a:link {
/*   color: #990000; */
   color: #001010;
   background-color: transparent;
   }


a:visited {
   color: #336600;
   background-color: transparent;
   }

a:hover {
   color: #CC3333;
   background-color: transparent;
   }

a:active {
   color: #003366;
   background-color: transparent;
   }

a.inline {
  text-decoration: underline;
   }

/*  div positioning and display  */
/*  ids first  */

#top {
    position:  relative;
    left: 0%;
    top: 0%;
    width:  90%;
    }

#second {
    position:  absolute;
    left: 10%;
    top: 25%;
    width:  80%;
    }

/*  now div classes */


.navigation {
    font-size:  75%;
    font-family : Arial, Helvetica, sans-serif;
    position: absolute;
    top: 27%;
    width: 20%;
    left: 0%;
    padding-top: 4%;
    padding-bottom: 6%;
    padding-left: 2%;
    padding-right: 0%;
    margin: 1%;
    background-color: #FFE4C4;
    }

.intro {
    font-size:  100%;
    font-family : Arial, Helvetica, sans-serif;
    position: relative;
    left:  20%;
    top: 0%;
    width: 70%;
    padding: 0.5cm;
    }

.furtherIntro {
    font-size:  100%;
    font-family : Arial, Helvetica, sans-serif;
    position: absolute;
    left:  20%;
    top: 90%;
    width: 70%;
    padding: 0.5cm;
    }

.more { 
    font-size:  100%;
    font-family : Arial, Helvetica, sans-serif;
    position: absolute;
    left:  20%;
    top: 90%;
    width: 70%;
    padding: 0.5cm;
    }

.outline {
    font-size:  100%;
    font-family : Arial, Helvetica, sans-serif;
    padding: 0.5cm;
    position: absolute;
    left:  20%;
    top: 170%;
    width:  70%;
    }

.links {
    font-size:  100%;
    font-family : Arial, Helvetica, sans-serif;
    padding: 0.5cm;
    position: absolute;
    left:  20%;
    top: 170%;
    width:  70%;
    }

.bottomNav {
    font-size:  90%;
    font-family : Arial, Helvetica, sans-serif;
    padding: 0.5cm;
    position: absolute;
    left:  0%;
    top: 520%;
    width:  100%;
    }

.signatureLine {
    font-size:  90%;
    font-family : Arial, Helvetica, sans-serif;
    position: absolute;
    left: 0%;
    top: 570%;
    width:  90%;
    }
 
.validation {
    position: absolute;
    top: 600%;
    left:  35%;
    width:  40%;
    font-size:  70%;
    }


/* image classes */

.topImage {
    background-color: #FF2222;
    color: #000000;
    position: absolute;
    left: 0%;
    top:  0%;
    float: left;
    width:  223px;
    height:  150px;
    border-style:  none;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 50%;
    }

.bottomImage {
    position: absolute;
    left: -10%;
    top: -30%;
    border-style:  none;
    margin: 30px 30px 30px 30px;
    }

.uparrow {
    vertical-align: middle;
    }

.gohome {
   border-style: none;
   vertical-align: middle;
   }

.navimage {
  border-style: solid;
  border-color: #660000;
  }

/* spans   */

.title {
    font-family : Arial, Helvetica, sans-serif;
    padding:  .4cm;
    position: absolute;
    top: 10%; 
    left:  29%;
    width:  80%;
    }

.boldbig {
   font-weight:  bold;
   font-size:  100%;
   }

.navboxhead {
   font-size: 100%;
   font-style: italic;
   position: relative;
   left: -3%;
   }

.navtopic{
   font-weight: bold;
   text-indent: 5%;
   }

.italic {
  font-style: italic;
  }

.smallitalic {
  font-size: 85%;
  font-style: italic;
  }

.bold {
  font-weight: bold;
  }