/* The name of this file is learning.css and is for the World of Dennis web site.  */

/* the following statement is for browsers that do not recognize these new HTML tags */
header, section, footer, aside, nav, article, figure, figcaption, hgroup {
   display: block;
}

/* Right ordering for link pseudo-class is link, visited, focus, hover, and then active */
a:link { color: gray; }
a:visited { color: gray; }

a:hover {
         background: #f88396; 
         color: purple;
        }

body {                  /* format for the body */
   background-color: #CDE6FF;
   font-family: Veranda, Geneva, Arial, sans-serif;
   line-height: 1.6em;
   font-size:   small;
   text-align:  center;
}

#wrapper {
  width:  960px;
  margin:  15px auto;
  text-align:  left;
}


#main_header {       /* formats the welcome to the world of dennis area */
   border-color:     black;
   border-width:     1px; 
   border-style:     solid;   
   background-color: #a7cece;
   padding:          25px;
   padding-left:     80px;
   text-align:       center;
   font-size:        18pt;
}


/* end of main headder section */


#main_menu {     /* formats my Nav section */
   background: #CCCCCC;
   padding: 5px 15px;
}
#main_menu li {
   display: inline-block;
   list-style: none;
   padding: 5px
   font: bold 14px veranda, sans-serif;
   position: center;
}

#Main_menu ul li a {
  display:  block;
  width:  100px;
  text-align: center;
  text-decoration: none;
  padding:  10px 10px;
  margin:  5px;
  color: white;
  background-color: lightslategray;
  border-top-left-radius:  15px;
  border-top-right-radius:  15px;
}

/* end of nav section  */



h1, h2 {

   color: gray;
}



h2 {
   font-size: 120%;
}

p {
  color: maroon;
}




#main_section {
  float: left;
  width:  660px;
  margin: 20px;
   border-color:     black;
   border-width:     1px; 
   border-style:     solid; 
}

#main_aside {
   float: left;
   width: 200px;
   margin: 20px 0px;
   padding: 20px;
   background: #CCCCCC;
}

em {
   font-family: serif;
}





table {
  border-collapse: collapse;
  border: none;  /* no border around the table itself */
}
td {
  border: 2px solid purple;  /* borders around the cells */
}



#copy_footer {
  clear:               both;
  font-size:           70%;
  text-align:          center;
  line-height:         normal;
  border-top:          2px; solid #999999;
  padding:             20px;
}