/* my list lesson styles */

body {
background-image: url(bg-textured.gif);
background-color: #f8f8ff;  /* ghostwhite  */
color: #2F4F4F;  /* darkslategrey colour of text */  
text-align: justify;
margin-top: 2%;
margin-right: 150px; 
margin-bottom: 1%; 
margin-left: 150px;
}
#wrap {
width: 800px;
margin:auto;
}
h1 {
font-family: 'courier new', courier, monospace;
font-size: 1.2em;
text-align: center;
font-style: italic;
letter-spacing: 5px;
}
h2{
text-align: center;
font-size: 1.1em;
text-decoration: none;
}
p{
font-family: papyrus,ariel,helvetica,sans-serif;
font-size: .9em;
text-align: justify;
line-height: 1.9em;
}
blockquote {
font-family: 'trebuchet MS', courier, monospace;
background-color: #FFDBCC; /* blush */
color: #666666 /*gunmetal grey */
} 
cite {font-family: 'courier new', courier, monospace;
color: #666666;
background-color: #FFDBCC; /* blush */
}
.right{
text-align: right;
}

.content {
margin: 35px;
padding: 20px;
border:5px solid #ff99cc;
color: #666666;
background-color: #ffffff;
background-image: url(images/bgwhite.gif);
}
.header center{
text-align: center;
margin-top: 2%;
margin-right: 10%;
margin-bottom: 10%;
margin-left: 10%;
background-color: #fffdcc; /* vanilla */ 
color: #666666; /* gunmetal grey*/
}


.background {
border: 5px solid #ff99cc;
background-image: url(bluefadeblob.jpg);
}
/* start styles for ballad */
.ballad {
font-weight: bolder;
font-family: 'Lucida sans', Arial, Tahoma, Verdana, sans-serif;
font-size: 18px;
font-style: italic;
text-align: center;
}
/* start styles for definition list */
# throws dt {
color: #000;
font-weight: bold;
padding: 0;
}
# throws dd {
margin: 0 0 1em 0;
padding: 0 0 0 10px;
}
		/* style logo in header */
#replace: before {
content: url(dargledesign.gif);
display: block;
}
#replace {
padding: 0;
margin: 0;
height: 121px;
overflow: hidden;
}
/* start style sheet for tables */

table {
align: center;
border-collapse: collapse;
border: 10px solid #ff6691; /*fuchsia */
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #363636;
background-color: #99e6ff;
}
caption {
text-align: center;
font: bold 18px arial, helvetica, sans-serif;
padding:6px 4px 8px 0px;
color: #4dd4f4;
background-color: #99e6ff;
text-transform: uppercase;
}
td, th {
border: 1px dotted #03476F;
color: #4dd4f4;
background-color: #99e6ff;
padding: .4em;
color: #363636;
}

thead th, tfoot th {
font: bold 11px verdana, arial, helvetica, sans-serif;
border: 5px solid #03476F; 
text-align: left;
background: #9ec180;
color: #FFFFFF;
padding-top:3px;
}
tbody td a {
background: transparent;
text-decoration: none;
color: #ff6691; /* fuchsia */
}
tbody td a:hover {
background: #C2F64D;
color: #363636;
}
tbody th a {
font: normal 11px verdana, arial, helvetica, sans-serif;
background: #C2F64D;
color: #363636;
text-decoration: none;
font-weight:normal;
color: #363636;
  }
tbody th a:hover {
background: #C2F64D; 
color: #363636;
  }
tbody th, tbody td {
vertical-align: top;
text-align: left;
  }
tfoot td {
border: 1px solid #03476F;
background: #4591AD;
padding-top:3px;
color: #FFFFFF;
  }
tfoot td p {
color: white;
font-size: 12px;
}
tfoot td p a:link {
text-decoration: none;
color: #c2f64d;
}
tfoot td p a:hover {
color: #ff6691;
}

tbody tr:hover {
background: #FFD800;
border: 1px solid #03476F;
color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
background: #FFD800;
color: #FFFFFF;
  }
fieldset {
border: 1px solid gray;
}
Legend{
padding: 0.2em 0.5em;
border: 2px solid gray;
color: green;
font-size: 90%;
text-align: right;
}
 		/* start styling of header */
#header {

color: #dcdcdc; /* gainsboro */
background-color: #e6e1de; /* same as image background */
border: 8px solid #fffaf0; /* floral white ,replaces background color */
}

#logo-text {
margin-left: 100px;
font-family: 'Comic Sans MS', Ariel, sans-serif;
font-size: 60px;
text-align: center;
color: #dcdcdc; /* gainsboro */
}

#navigate {
color: #959e9f; /*  slategrey */
background-color: gray;
margin-top: 15px;
margin-bottom: 10px;
padding-top: 15px;
text-align: center;
}

/* start styling of footer */
#footer {
color: #959e9f; /* slategrey */
background-color: gray;
}
.menu {
margin: 0;
padding: 0;
text-align: center;
}
ul.menu li { /* notice the list marker is dropped by default */
display: inline;
padding-left: 1.5em;
padding-right: 1.5em;
color: inherit;
background-color: #fff8dc; /* cornsilk */
}
ul.menu li a {
text-decoration: none;
color: #fdf5e6; /* oldlace */
background-color: #2f4f4f; /* darkslategrey */
font-weight: bold;
}
#copyright {
margin-top: 15px;
margin-bottom: 10px;
padding-top: 15px;
text-align: center;
}
#copyright p {
margin: 0;
font-size: 0.95em;
text-align: center;
}