/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
} 

body { 
  background-color: #000; 
  font-family: Century, Times New Roman, serif; 
} 

#wrapper{ 
  width: 50em; 
  background-color: #EEE8AA; 
  /* Set right and left to auto for centering */ 
  margin: 0px auto; 
  position:relative;
} 

/********** Major layout divisions **********/ 
#branding{ 
  position:relative; 
  height: 8em;
}

#branding h1{
  font-family: Century, Times New Roman, serif;
  font-size: 2.5em;
  text-align: center;
  padding-top: 0.5em;
  font-weight:bold; 
  letter-spacing:0.08em;
}

#branding h2{
  font-family: Century, Times New Roman, serif;
  font-size: 1.5em;
  text-align: center;
}

/* Fixes the mysterious image gap */ 
#branding img{ 
  display:block; 
} 



/* Navbar division */ 
#navbar{ 
  background:#4878A8; 
  /* Left margin must match leftcolumn width */ 
  /* margin-left:12em; */ 
  position:absolute;
  top:8em; /* Same as branding div height */
  height:1.6em; 
  width:50em;
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
  float:left; 
  /* Required for drop-down menus */ 
  position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
  text-decoration:none; 
  font-family:Century, Times New Roman, Serif; 
  font-size:80%; 
  color:#fff; 
  background:#4878A8; 
  display:block; 
  height:2em; 
  width:10em; 
  border-right: solid 1px #ddd; 
  line-height:2em; 
  text-align:center; 
  outline-style:none;
  font-weight:bold;  
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#4878A8; 
  color:#FFF;
  
} 

/* Drop-down menu styles */ 
/* Applies to drop-down menus in navbar */ 
#navbar li ul{ 
  position:absolute; 
  z-index:100; 
  visibility:hidden; 
} 

/* Make drop-down visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
  visibility:visible; 
  top:1.6em; 
  left:0; 
} 


/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
  background:#4878A8; /* Removes background image */ 
  color:#000; 
  text-align:left; 
  display:block; 
  width:10em; 
  padding:0 0 0 1em; 
  height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
  background: #4878A8; 
  color:#fff; 
} 

/* IE6 hack applies to its table drop-down */ 
#navbar table { 
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute; 
  top:0.5em; 
  left:0; 
  z-index:100; 
} 


#content{ 
  color:#000; 
  padding:2.5em 20px 10px 25px;
  } 
#content img{
  padding:0px;
}

#content li{
   color:#000;
   line-height:1em;
}

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1em; 
} 

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  padding:10px 0 10px 40px; 
  line-height:1.2 em;
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
  font-family: Century, Times new roman, serif; 
  color:#000; 
  font-weight:normal; 
  letter-spacing:0.05em;
  line-height:1em; 
} 

/* Size h1 headings in the content division */ 
#content h1{ 
  font-size:2em; 
  text-align: center;
} 

/* Size h2 headings in the content division */ 
#content h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#content h3{ 
  font-size:1.25em; 
  font-style:normal; 
} 

/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 5px;
}/* Float image to right of paragraph */
img.floatRight{
   float: right;
}/* Center image between margins */
div.center{
   width: 100%;
   text-align: center
}

/*footer division */

#footer{ 
  width: 100%;
  height:3em;
  text-decoration:none; 
  font-size:80%; 
  color:#000;
  padding-top:10px;  
}