/* example-specific CSS Hex value: 7FA0B1 35a221
Stylesheet created on January 21, 2006 

You will notice that the id selector begins with a (#) number sign 
instead of a (.) period, as the class selector does.

IDs are similar to classes, except once a specific id has 
been declared it cannot be used again within the same (X)HTML file.

Generally use IDs to style the layout elements of a page 
that will only be needed once, whereas I use classes to 
style text and such that may be declared multiple times.

Spans are very similar to divisions except they are an inline element 
versus a block level element. No linebreak is created when a span is declared.
*/

#greeting {
	color: black;
	background-color: blue;
	font-size: 1.5em;
	/*text-transform: uppercase;*/
      font-style: italic;
      border: thin solid black;
	}

#container {
	position: relative;
	width: 800px;
	height: 30px;
	padding: 0;
	margin: 3px 0 20px 0;
	background: #35a221;	
	}

#nav {
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 301px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -20px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -40px;
	}
	
#thome a  {
	width: 47px;
	background: url(../images/nav/navHome.gif) top left no-repeat;
	}

#tguides a  {
	width: 49px;
	background: url(../images/nav/navMeals.gif) top left no-repeat;
	}

#tmag a  {
	width: 62px;
	background: url(../images/nav/navLocation.gif) top left no-repeat;
	}

#tarchives a  {
	width: 62px;
	background: url(../images/nav/navSpecials.gif) top left no-repeat;
	}

div.test {
	color: red;
	background-color: green;
	font-size: 0.8em;
	text-transform: uppercase;
      font-style: italic;
      content: "Last Update on 2005";
      border: thin solid black;
}