@charset "utf-8";

body {
	line-height:18px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	word-spacing:-3px;
	letter-spacing:-0.1px;
}

#menu {
	background-color:#E3E1E9; /* or #CCCCCC ? */
	padding: 0px 9px 9px 9px;
	position:fixed;
	width:261px; /* 270 - padding + 9px */
	top:27px;
	left:27px;
	display:block;
	z-index:1;
}

#menu a {color:#000000; border-bottom:none;}
#menu a:hover {color:#000000; border-bottom:1px dotted;}

#toplinks {color:#0099FF;}
#toplinks a {color:#0099FF; border-bottom:none;}
#toplinks a:hover {color:#0099FF; border-bottom:1px dotted; text-decoration:none;}

#logo {
	height:27px;
	margin-top:9px;
	margin-left:1px;
}

.centered-image {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#container {
	position:absolute;
	min-height:300px;
	left: 333px;
	top: 36px; /* for some reason this needs to be -1px from the grid to line up */
}
.column {
	padding-right:27px;
	padding-bottom:27px;
	float:left;
	padding-top:9px;
}
.text-column {
	width:270px;
}
.image-column {
	padding-top:18px;
	display:block;
}

.caption {
/*	position:absolute;
	top:9px;
	left:0px;*/
	width:270px;
	padding-left: 1px; /* optically correct */
	padding-top: 4px;
	font-style:italic;
}

.emdash {
	padding-left:1px;
	color:#666666;
	font-weight:bold;
}

h1 {
	color:#0099FF;
	margin:0px;
	font-size:11px;
	font-weight:inherit;
	padding:0px;
	line-height:18px;
}

.subtle {color:#999999;}

a {color:#000000; border-bottom:1px dotted; text-decoration:none;}
a:hover {color:#0099FF;}
.image-link {border:0px;}

img {top:1px; left:0px; border:0px;}

ul {list-style:none; padding-left:0px; margin:0px;}
li {margin-left:0px; padding-left:0px;}

tr {vertical-align:top;}

input {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	line-height:18px;
	border:0px;
	background:#dedee1;
	color:#0099FF;
}