/* stylesheet.css */

/* Universal selector */
/* Remove all default margins and padding */
* {
  margin:0;
  padding: 0;
  /* Comment out Temporary borders */
  /* border: dashed 1px #f00; */
}

/* Body style */
body { 
  font-family: "Comic Sans MS", cursive; 
  font-size: medium;
  color:#300; /* Dark Brown */
  background-color: #ff9; /* Tan */
}

/* Wrapper style */
#wrapper {
  width:  63em;
  margin: 0 auto;
  /* Required for absolutely positioned layout */
  position: relative;
}

/* Page header style */
#header {
  height: 15.5em;
  background-image: url("bannergradient.png");
  background-repeat:repeat-x;
  text-align: center;
  width: 63em;
  position: absolute;
  top: 0;
}

/* Remove bullets in Navbar ul */
#navbar ul {
  list-style-type: none;
  margin-left: 25px;
}

/* Navbar Drop Down List Items */
#navbar li {
  float:left;
  /* Required for drop down list */
  position: relative;
}

/* Navbar Links Styled as Buttons - Orange */
#navbar a.button {
  background: #fa6121;  
  border-width: 4px;
  border-style: solid;
  border-top-color: #ffb739;
  border-right-color: #c12100;
  border-left-color: #ff9900;
  border-bottom-color: #c13100;
  margin-right: 10px;
}

/* Navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited {
  color: #000; /* Black */
  text-decoration: none;
  text-align: center;
  line-height: 2em;
  display: block;
  font-size: 80%;
  height: 2em;
  width: 9em;
  outline-style: none;
}

/* Navbar Links hover */
#navbar a:hover {
  color: #fff; /* White */
}

/* Drop down Menu Styles */
#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:2em;
  left:0;
}

/* Style drop down menu links */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */ 
  background-color: #ff3;
  display: block;
  width: 15em;
  padding: 0 0 0 1em;
  height: auto;
  text-align: left;
  border: 1px solid #c13100;
}

/* 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;
}

/* Right sidebar */
#rightsidebar {
  width: 8em;
  float: right;
  height: 24em;
  margin-left: 2em;
  margin-bottom:10px;
  position: absolute;
  top: 15.5em;
  right: 0;
}

/* Content Style */
#content {
  padding: 15.5em 8em 0 0;
}


/* Content paragraph style */
#content p{
  line-height:1.5;
}

/* Style for Stories Division */
#stories {
  border:groove 6px #900;
  background-color: #ff6;
  margin-top: 15px;
}

/* Applies to ul in Stories Division */
#stories ul {
  color: #f30; 
  text-align:left;
  list-style-type:none;
  margin: 5px 0px 5px 10px;
}

/* Page footer style */
#footer {
  border-top:  thick double #900;
  text-align: center;
  font-style: italic;
  font-size: 12px;
}

/* Level 1 headings */
h1 { 
  font-weight: bold; 
  text-align:center;  
  color: #300; /* Dark Brown */
}

/* Level 2 headings */
h2 { 
  font-weight: bold; 
  font-size: medium; 
  color: #300; /* Dark Brown */
}

/* Level 3 headings */
h3 {
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #300; /* Dark Brown */
}

/* Level 4 Headings */
h4 {
  text-align: center;
  color: #F30; /* orange */
}

/* Style for Paragraphs */
p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Links at bottom of page */
p.links {
  text-align: center;
  font-size: x-small;
}

p.links a:hover, a:active {
  color: #0c0;
  border: dotted 1px #333;
}

/* Style for Questions Paragraph */
p.question {
  background-color: #F90;
  margin-left: 25px;
  margin-right: 25px;
  padding: 20px;
  border:solid thin #300;
}
  
/* Applies to all other links not in header */
a:hover {
  color: #0c0;
}

@media print{
/* Start printer-friendly styles */
/* Set wrapper to fill page width */
#wrapper{
width:100%;
}
/* Hide rightsidebar, navbar */
#header,
#rightsidebar,
#navbar{
display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content {
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */
}