<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
	<head>
		<title>http://assets.registerguard.com/demos/jobs/</title>
	</head>
	<style type = "text/css">
			
			html,
			body {
				height: auto !important; /* FF and compliant browsers should automatically size the body/html. */
				height: 100%; /* IE will set the body/html to 100%, anything overflowing that will (incorrectly) scale to fit. */
				min-height: 100%; /* When FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
				min-width: 1010px; /* Overall width of site template. */
			}
			body { background: #fff; }
			
			#container {
				margin: 10px 0 10px 10px;
				width: 990px;
			}

			ul#navigation {
					background:  repeat-x left center;
					margin: 5px 0;
					padding: 0;
				}
					ul#navigation li {
						list-style: none;
						background-repeat: no-repeat;
						background-position: 10px center;
						margin: 0;
						padding: 0;

						float: left;
						display: inline;
					}
					ul#navigation li.l1 { ; }


					ul#navigation li.l2 { ; }


					ul#navigation li.l3 { ; }


					ul#navigation li.l4 { ; }


					ul#navigation li.l5 { ; }


					ul#navigation li.l6 { ; }


						ul#navigation li a {
							font-family: Georgia;
							font-size: 80%;
							font-weight: bold;
							font-style: italic;
							padding: 5px 10px 5px 10px;


							display: block;
						}
						ul#navigation li.l1 a { ; 
							background-color: #FF0000}


						ul#navigation li.l2 a { ; 
							background-color: #FF6000}


						ul#navigation li.l3 a { ; 
							background-color: #FF9000}


						ul#navigation li.l4 a { ; 
							background-color: #FFA800}


						ul#navigation li.l5 a { ; 
							background-color: #FFC800}


						ul#navigation li.l6 a { ; 
							background-color: #FFE800}


						ul#navigation li a,
						ul#navigation li a:visited {
							color: #000000;
							text-decoration: none;
						}
						ul#navigation li a:visited:hover,
						ul#navigation li a:focus,
						ul#navigation li a:focus:hover,


						ul#navigation li a:hover,
						ul#navigation li a:active {
							color: #000099;
							background-color: #C0C0C0;
							background-position: 10px center;
						}

</style>
	<body>
	<div id="container">

		<ul id="navigation" class="clear">

			<li class="l1"><a href="#">cr | gd</a></li>

			<li class="l2"><a href="#">pages</a></li>

			<li class="l3"><a href="#">favorites</a></li>

			<li class="l4"><a href="#">top 10</a></li>

			<li class="l5"><a href="#">another</a></li>

			<li class="l6"><a href="#">and another</a></li>

		</ul> <!- /#navigation ->

</div> <!- /#containter ->

	</body>
</html>
