/* design from http://www.stylegala.com/ */

#sidebar {
	position: fixed;
	width: 7em;
	margin: 1em;
}

#main {
	position: absolute;
	left: 9em;
	right: 0;
	margin: 1em;
}

body {
	font-family: verdana, sans-serif;
	color: #443;
	background: #bcb;
	background-image: url('/img/eiffel_chrome.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

h1 {
	margin-top: 0;
	text-transform: capitalize;
	text-align: center;
	font-family: cursive;
	color: #743;
}

h2 {
	color: #743;
	font-family: helvetica, arial, sans-serif;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0.4em 1em;
	border-top: 2px solid #554;
	border-bottom: 2px dotted #bba;
}

h3 {
	color: #743;
}

.menu {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

.menu a {
	display: block;
	border: dashed 2px #bba;
	color: #743;
	background: #9a9;
	text-transform: capitalize;

	padding: 1ex;
}

.menu a:hover {
	background: #898;
}

.menu a:active {
	background: #aba;
}

.menu a.current, a.current:hover {
	color: #743;
	background: #aba;
}

a {
	color: #743;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #743;
	background: #9a9;
}

a:active {
	background: #898;
}

img {
	float: right;
	margin: 1em 2em;
}

table {
	border: solid 2px;
	border-collapse: collapse;
	margin: 1em 2em;
}

th, td {
	border: solid 1px;
	padding: 1ex;
}