/*           style sheet for index.html page             */
/*                       12/23/08                        */
/*          includes drop down menu code from:           */
/*   http://www.alistapart.com/articles/horizdropdowns   */

/* remove indents and bullets from unordered list - define width of our menu items */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 110px;	/* related to "left" below - was width: 150px; */
	border-bottom: 1px solid #ccc;
	text-align: center;
	}

/* position list items - set position as relative to position the sub-menus absolutely within them */

ul li {
	position: relative;
	}
	
/* align each sub-menu to appear right of parent menu item when that item is hovered over */
/* Using the “left” and “top” attributes, we can absolutely position each sub-menu within its parent menu item. You will notice I have set the “left” property to 149px (1px less than the width of the menu items), which allows the sub-menus to overlap the main menu and not produce a double border. (You’ll see what I mean later.) We have also set display to “none,” as we don’t want the sub-menus to be visible by default. */

li ul {
	position: absolute;
	left: 109px;	/* related to "width" above - was left: 149px; */
	top: 0;
	display: none;
	}

/* add style to links - important: set display to “block” so each link takes up all available space of its containing list item. */

ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* IE Win interprets the line breaks between formatted HTML list items as white space, so you will notice that the menu items don’t stack up neatly in that browser. However, there is a way around IE’s bugs:

We can apply the Holly Hack above, which hides these rules from all browsers but IE Win. Perfect. You will notice the height: 1% rule that has also been added. Unfortunately (again!) the float fix uncovers another IE bug, which requires a height value to make the links display as block-level elements.*/

/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

/* make sub-menus appear when menu items are hovered over       */
/* hacked to work with IE - was li:hover ul { display: block; } */

li:hover ul, li.over ul { 
	display: block; }

/* other index.html style items */

body {
	background: white;
	color: black;
	}

/* div definitions */

#wrapper {
	width: 1024px;
	}
	
#menu {
	float: left;
	width: 180px;
	}

#image {
	float: left;
	width: 199px;
	}
/* ^^^ was width: 220px; */

#text {
	float: right;
	width: 600px;
	font-family: times, 'times new roman', verdana, sans-serif;
	padding-top: 3em;
	}

#update_content {
	font-family: verdana, sans-serif;
	font-size: 12px; 
	line-height: 16px;
	text-align: justify;
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 200px;
	}

#centered_block
{
  width: 30em;
  margin-left: auto;
  margin-right: auto;
}

/* ESSAYS */

#nav_bottom {
	font-family: "times new roman";
	font-size: 14px;
	line-height: 20px;
	text-align: center
	}

/* GLOBAL */

#footer {
	font-size: 10px;
	font-style: italic;
	text-align: center;
	padding-bottom: 5%;
	}