/* === BASICS: fonts, colors, ... === */

body {margin:0; padding:0;
	min-width: 724px;
	font-family: sans-serif;
	background-color: #6699CC;
	color:black;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	text-align:justify;
}

h1 {
	font-size: 200%;
	background-color: white;
	text-align: center;
	color: #3333CC;
	margin: 5px;
}
h2 {
	font-size: 135%;
	color: #3333CC;
	background-color:white;
	text-align: center;
	margin: 5px;
}
h3 {
	font-size: 110%;
	color: #3333CC;
	background-color:white;
	text-align: center;
	margin: 5px;
}

/* ==== OVERALL PAGE STRUCTURE === */

/* wrapper to center the page horizontally  */
table#wrapper { 
	width:720px;
	position:relative;
	top:10px;
	left:50%; margin-left: -360px;
	background-color:white;color:black;
	background-image:url(../art/background-tile.gif);
	background-position: 0 -1px;
	background-repeat:repeat-y;
}



td#main-content {
	width:540px;
	padding: 10px;
	vertical-align:top;
	background-color:white; color:black;
}

div#logo {
	width:720px;
	position:relative;
	top:10px;
	left:50%; margin-left: -360px;
	height:100px;
	text-align: center; 
	background-color: #AACB6c; color:black;
}

/* === Menu stuff; assumes <td> container 150px wide === */

td#menu-bar {
	width:150px;
	vertical-align: top;
}
div#menu {
	margin: 0;padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
}

/* --- Shared/base-line formatting for menu items --- */
div#menu div { /* General formatting */
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#33294b; background-color: #aacb6c;
	border-bottom: 1px solid #617d2b;
}

/* --- Override default formatting for a-links --- */
div#menu div.level-1 a, div#menu div.level-2 a {
	text-decoration:none;
	display:block;
	color: #33294b; background-color: #AACB6C; 
}

div#menu div#here{
	background-color: white;
	color:#33c;
	border-right:none;
	font-weight: bold;
}


/* --- Top-level menu-items ---  */
div#menu div.level-1 a,  div#menu div.level-1#here {
	font-size: 14px;
	/* Hanging indent */
	width:125px;
	padding: 5px 5px 5px 20px; text-indent: -10px;
}

/* Use an "expanded" div as header for second-level menu */
div#menu div#expanded {
	font-weight:bold;
	color: #33294b; background-color: #AACB6C;
}


/* --- Second-level menu items --- */
div#menu div.level-2 a, div#menu div.level-2#here-2 {
	font-size: 12px;
	width:115px;
	/* hanging indent */
	text-indent: -10px;
	padding: 5px 5px 5px 30px;
}

div#menu div.level-2#here-2 {
	font-weight:bold;	
	width:115px;
	padding: 5px 5px 5px 30px;
	text-indent: -10px;
	background-color: white;color:#33c;
	
}



/* Hover styles */
div#menu div a:hover { 
	color: #000;
	background-color: #89af3f; 
}

/* === THE DETAILS: tweaks, doodads, etc. === */

/* For WildDuck interview */
.CaseyWalker {
	color: #33c;background-color:white;
}

/* List on main page */
ul.doohickie li{
	list-style-image: url(../art/doohickie.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 20px;
}

/* For reviews */
.blurb {
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.who {
	font-style: italic;
	text-align: right;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
}

.title {
	font-style:italic;
}
.who .title {
	font-style:normal;
}