/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  /* border: dashed 1px #f00; */ 
} 

body { 
  background-color: #000;
  background-image: url("graphics/storm.jpg"); 
  font-family: Arial, Helvetica, sans-serif; 
} 

#wrapper{ 
  width: 50em; 
  background-color: #000; 
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 20px auto; 
  position:relative; 
} 


/********** Major layout divisions **********/ 
#branding{ 
  /* For absolutely-positioned hyperlinks */ 
  position:relative; 
} 

/********** Branding division styles **********/ 
#branding a{ 
  /* Postions are set in tags in layout.htm */ 
  position:absolute;
  text-decoration:none; 
  color:#000; 
  font-size:0.8em; 
} 

#branding a:link, #branding a:visited{ 
  color:#000; 
} 

#branding a:hover{ 
  color:#0f0; 
} 
#branding a:active{ 
  color:#1bb498; 
} 

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

/********** Leftcolumn division styles **********/ 
#leftcolumn{ 
  /* Remember, content and navbar left 
  margins must match this width */ 
  width:28em; 
  /* Center images and text inside this div */ 
  text-align:center; 
  /* For absolutely-positioned leftcolumn */ 
  position:absolute; 
  top:10.5em; /* Same as branding div height */ 
  left:0;
} 

/* Applies to images in the leftcolumn div */ 
#leftcolumn img{ 
  
} 

/* Applies to paragraphs and lists in the leftcolumn division */ 
#leftcolumn p, 
#leftcolumn .leftcollist{ 
  width:93%; 
  font-size:0.8em; 
  margin:1em auto; 
  text-align:center;
  color:#ff0000; 
} 

/* Unordered lists in left column */ 
#leftcolumn ul{ 
  margin-left:1em; 
} 

/********** Navbar division styles **********/ 
#navbar{ 
  background:#aaa url(graphics/navbak.jpg) repeat-x center; 
  height:1.6em; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:9.6em; /* Same as branding div height */ 
  left:0; /* Same as leftcolumn width */ 
  width:50em; /* Layout width minus leftcolumn width */ 
} 

/* 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:Verdana, Geneva, Arial, Sans-Serif; 
  font-size:80%; 
  color:#000; 
  background:#aaa url(graphics/navbak.jpg) repeat-x center; 
  display:block; 
  height:2em; 
  width:8.8em; 
  border-right: solid 1px #ddd; 
  line-height:2em; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#ddd url(graphics/navhover.jpg) repeat-x center; 
  color:#000; 
} 

/* Drop-down menu styles */ 
/* Applies to drop-down menus in navbar */ 

#navbar li ul{ 
  position:absolute; 
  z-index:100; 
  visibility:hidden; 
  border:solid 1px #aaa; 
  border-bottom: solid 2px #999; 
  border-right: solid 2px #999;
  } 

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


/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{
  background:#ddd url(graphics/navhover.jpg) repeat-x center;;   color:#000; 
  text-align:left; 
  display:block; 
  width:12em; 
  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: #aaa; 
  color:#000; 
} 

/* 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 division styles **********/ 
#content{ 
  /* Left margin must match leftcolumn width */ 
  margin-left:28em; 
  background-color:; 
  color:#000; 
  padding:2em 10px 10px 20px; 
} 

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1.4em;
  font-family: Arial, Impact, sans-serif;
  font-size: 0.9em; 
  color:#fff; 
} 

/* Applies to all lists in the content division */ 
#content ul li, #content ol{ 
  list-style-type: square;
  font-family: Arial, Impact, sans-serif;
  font-size: 0.8em; 
  line-height:1.4em;  
  color:#fff;
  list-style-position: outside;
   margin-left:2em;

  }
/* Applies to graphics in the content division */ 
#content img{ 
  margin-left:0em;
} 
 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
  
  color:#fff; 
  font-weight:normal; 
  font-style:italic; 
  font-variant:small-caps; 
  letter-spacing:0.08em; 
} 

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

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



/********** Footer division styles **********/ 
#footer{ 
  background-image:url(graphics/footer.jpg);
  height: 2em;
  padding:0.5em; 
  text-align:center; 
} 

#footer a:link, 
#footer a:visited{ 
  /* No underline on links */ 
  text-decoration:none; 
} 

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

/*************** General styles ************/ 
.hotkey{ 
  text-decoration:underline; 
} 

/* Acronyms and abbreviations */ 
  acronym,abbr{ 
  border-bottom:dotted 1px #333; 
  cursor:help; 
} 

#list li { list-style-type: circle; }

/*********** Printer-Friendly Styles **********/ 
@media print{ 
/* Start printer-friendly styles */ 

/* Make wrapper the full page width */ 
#wrapper{ 
  width:100%; 
} 

/* Hide leftcolumn, navbar,and footer */ 
#leftcolumn, 
#navbar, 
#footer{ 
  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 */ 
}