/* BASE RULES */

body {
    margin: 0 ;
    padding: 0;
    color: #000;
    /* background-color: #FFF; */
    background-color: #f0f8ff;
    font: 100%/1.5em verdana, sans-serif;
    text-align: center;
}

/* TYPOGRAPHY RULES */
h1 {
    margin: 0.4em 0 0 0;
    padding-top: 0.2em;
    color: #069;
    border-bottom: 1px solid #069;
    font:  bold 160% "comic sans", cursive;
    text-align: center;
    background-color: #f0f8ff;
}
div {
    background-color: #f0f8ff;
}

h2 {
    margin: 15px 0 0.5em 0;
    font:  bold 120% "comic sans", cursive;
    /* font-size: 120%; */
}

h3 {
    margin: 0 0 0px 0;
    font:  bold 100% "comic sans", cursive;
    /*font-size: 100%;*/
}


p {
   margin: 10px 75px 10px 75px;
   font-size: 80%;
   width: 91%;
   background-color: #f0f8ff;
   text-align: left;
}

p.centered {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 10px 0 10px 0;
    font-size:80%;
}

p.abso {
    display: inline;
    float: left;
    margin: 10px 0 10px 0;
    font-size:80%;
    width: 60%;
}


p.copyright {
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    width: 560px;
}
   
/* NAVIGATION RULES */

/* navigation footer */
#avigat {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 3px;
    padding: 0;
    background-color: #f0f8ff; 
    color: #0FF; 
    width: 100%;
    border-bottom: 1px solid #069;
    font-size: 80%;
}

#avigat a {
    padding: 0  1em ;
    background-color: #f0f8ff;
    color: #00BFFF;
    text-decoration: none;
    margin: 0;
    width: 15%;
}

#avigat a:hover {
   color: #000;
   background-color: #f0f8ff;
   padding: 0 1em ;
   text-decoration: none;
   margin: 0; 
}


/* HYPERLINK RULES */
a {
    background-color: #f0f8ff;
}

a:link {
    color: blue;
    background-color: #f0f8ff;
    text-decoration: underline;
}


a:visited {
    color: purple;
    background-color: #f0f8ff;
    /*text-decoration: underline; */
}

a:hover {
   color: red;
   background-color: #f0f8ff;
   text-decoration: none;
}

/*TABLE RULES */
table {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
    width: 40%;
}

th, td {
    margin: 0;
    padding: 2px 4px;
    border: 1px solid #000;

}

th {
    background-color: #069;
    color: #fff;
    text-align: center;
}

td {
   text-align: center;
}

caption {
   margin-left: auto;
   margin-right:auto;
   caption-side: top;
}

/* FORM RULES */
form {
    display: block;
    margin: 1em 100px 1em 100px;
}

fieldset {
   margin: 0 0 0 0;
   padding: 0.5em;
   text-align: center;
   border: 1px solid #000;
}

#tag_form {
  width: 50%;
  float: left;
  margin-top: 0;
  border: 1px solid #069;

}

#tag_form input {
  width: 80%;
  margin-left: 20px;
}

#tag_form label {
  display: block;
  margin: 0;
}

input, select, textarea {
    font: 100% verdana, sans-serif;
    border: 1px solid #000;
}

#submit {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
} 

#reset {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
}


label {
    margin: 1em 0 0.3em 0; 
    display: inline;
    font-weight: bold;
    font-size: smaller;
}

.radio_label {
    padding: 0 0 0 0;
    margin: 0;
    display: inline;
}
 

legend {
     text-align: center;
     color: #fff;
     background: #ffa20c;
     border: 1px solid #781351;
     padding: 1px 3px;
}

/* Lists */
ul {
float: left;
    list-style:none ; 
}
 
li {
    margin: 0.4em 50px 2em 0;
    font-size: smaller;
}

li li {
    font-size: 12px;
}

ol { 
    padding: 0 6em;
}

ol li {
   text-align: left;
}

/* Columns */

.left_col {
  margin: 0;
  float: left;
  width: 80px;
  text-align: left;
  display: block;
}

.left_col a {
  display: block;
}


.right_col {
  margin: 0;
  text-align: left;
  display: inline;
  float: left;

}

img {
   float: left;
}

#div-1a {
 float:left;
}
#div-1b {
 float:left;
 width: 60%; 
}

#div-1c {
 clear:both;
 margin-left: 80px;
}