/* Sensible defaults */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body, div, a, p, table, tr, td, form, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	font: 16px Georgia, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

ul, div#main { background: #fff; }
html { margin-bottom: 0.01em; min-height: 100%; background: url(bg.png); }
body { text-align: center; }

p { display: block; padding: 5px 8px 5px 9px; }

a, a:visited { color: #00f; background-color: transparent; }
a:hover, a:active { color: #f00; text-decoration: underline; background-color: transparent; }

h1 a, h1 a:visited { color: #009; font-weight: bold; }
h1, h2 { font-weight: bold; }

form { width: 100%; }
input, select, textarea { font-family: "Trebuchet MS", sans-serif; font-size: 12px; }
input, textarea { width: 600px; }
textarea { height: 400px; }

table.list { width: 100%; }
table.list td { padding: 5px 8px 5px 8px; }
table.list td.option { width: 80px; }

li { margin-left: 18px; }

/* Chrome */

#container { margin: 15px auto; width: 798px; text-align: left; overflow: auto; overflow: -moz-scrollbars-none; }
div#header { background: url(header.png); height: 130px; border: 1px solid #009; text-align: center; padding: 25px 0 0 0; }
h1 a, h1 { font-size: 40px; color: #009; }
h2 { margin-top: 10px; color: #006; }
h3 { padding: 5px 8px 5px 9px; font-style: italic; font-weight: bold; }

ul#nav {
	list-style: none;
	border: 1px solid #009;
	border-top: 0;
	height: 31px !important;
	height: 30px;
}

ul#notes {
	list-style: none;
	border: 1px solid #009;
	margin-top: 10px;
	height: 32px !important;
	height: 30px;
}

ul#nav li, ul#notes li {
	float: left;
	line-height: normal;
	text-indent: 0;
	margin: 0;
}

ul#notes li {
	float: right;
}

ul#nav a {
	display: block;
	padding: 6px 14px 7px 15px;
	border-right: 1px solid #009;
	white-space: nowrap;
	font-size: 14px;
}

ul#nav a.last {
	border-right: 0;
}

ul#notes a {
	display: block;
	padding: 5px 18px 7px 18px;
	border-left: 1px solid #009;
	white-space: nowrap;
	color: #bbb;
}

ul#nav a:hover, ul#notes a:hover {
	background: #eee;
}

/* Hack: make whole block clickable in IE
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html ul#nav a, * html ul#notes a {
	width: 1%;
}

/* Post layout */

div#main {
	border: 1px solid #009;
	margin-top: 10px;
	padding: 3px 0;
	overflow: auto;
}

/* Images (Lightbox) */

div#images { margin: 20px 75px; overflow: auto; }
div#images div { margin: 20px; padding: 10px 6px; border: 1px solid #ccf; width: 175px; height: 140px; overflow: auto; float: left; text-align: center; }
img { border: none; }

#lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; font-size: 10px; }
#overlay { background-image: url(lb/overlay.png); }

/* IE SUCKS! */

* html div#main { width: 798px; }
* html div#images { margin: 10px 10px; }


* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(lb/overlay.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "lb/overlay.png", sizingMethod = "scale");
}