* {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

html {
	text-align: center;
}


/* Structure
/---------------------------------------------------------------------------- */

body {
	margin: 20px 0;
	text-align: center;
	background-color: black;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	position: relative;
	margin: 0em auto;
	padding: 0;
	width: 800px;
	height: 600px;
	background: black url(http://www.hartleyandassociates.com/graphics/new-layout-bg.jpg) top left no-repeat;
}

div#leftnav {
	position: absolute;
	margin-top: 0;
	padding: 10px;
	width: 80px;
	height: 469px;
	top: 111px;
	left: 10px;
	font-size: 75%;
	font-weight: bold;
	background: transparent;
	text-align: left;
}

div#content {
	position: absolute;
	margin: 15px 0 0 10px;
	padding: 20px;
	width: 619px;
	height: 400px;
	top: 111px;
	left: 120px;
	background: transparent;
	overflow: auto;
	color: black;
	text-align: left;
}

div#topnav {
	position: absolute;
	margin-left: 10px;
	padding: 2px 0 0 0;
	width: 670px;
	height: 20px;
	top: 91px;
	left: 120px;
	font-size: 80%;
	font-weight: bold;
	background: transparent;
	text-align: left;
}

div#bottomnav {
	position: absolute;
	margin-left: 10px;
	padding: 2px 0 0 0;
	width: 670px;
	height: 20px;
	top: 580px;
	left: 120px;
	font-size: 80%;
	font-weight: bold;
	background: transparent;
	text-align: center;
}

div#debug {
	position: absolute;
	margin-left: 10px;
	padding: 2px 0 0 0;
	width: 400px;
	height: 400px;
	top: 30px;
	left: 230px;
	font-size: 100%;
	font-weight: bold;
	background: white;
	color: black;
	text-align: left;
	overflow: auto;
	z-index: 1000;
}


/* Basic Elements
/---------------------------------------------------------------------------- */

p {
	margin: 0;
	padding: 0;
	background: transparent;
}

h1, h2, h3, h4 {
	padding-top: 1.25em;
	padding-bottom: 0.5em;
}

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }

a {
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
}
a:hover { text-decoration: underline; }

ul, ol, li { margin-left: 20px; }
ul, ol { margin-bottom: 1.0em; }


acronym {
	color: #933;
	font-weight: bold;
	font-size: 90%;
}
acronym:hover {
	color: #c99;
	text-decoration: underline;
}


/* Context-specific Elements
/---------------------------------------------------------------------------- */

/* Content area Paragraph styles */
div#content p {
	margin-top: 0.25em;
	margin-bottom: 0.75em;
}

/* Content area Anchor Link styles */
div#content a { color: #933; }
div#content a:visited { color: #c66; }
div#content a:hover { color: #600; }

/* Left Navigation area Anchor Link styles */
div#leftnav a, div#topnav a, div#bottomnav a { color: #ccc; }
div#leftnav a:visited { color: #ff6; }
div#leftnav a:hover, div#topnav a:hover, div#bottomnav a:hover { color: white; }

/* Left Navigation area List styles */
div#leftnav ul { list-style: none; }
div#leftnav li { padding-bottom: 0.25em; }

blockquote {
	margin: 2.0em;
}

blockquote p {
	margin-left: 2.0em;
	margin-right: 2.0em;
}


/* General Classes
/---------------------------------------------------------------------------- */

.author { font-style: italic; }

.pagetitle {
	text-align: center;
	padding-top: 0.5em
}
.pagesubtitle {
	text-align: center;
	font-style: italic;
}

.centertext { text-align: center; }
.centerblock { margin: 20px auto; }

.section_name { color: yellow; }


/* Context-specific Classes
/---------------------------------------------------------------------------- */

img.authport {
	border: 0;
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
}

img.leftimage {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

img.rightimage {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

img.centerimage { text-align: center; }

img.adjust { width: 200px; }

img.imgthumb {
	width: 150px;
	border: 0;
}

div.left-img-shadow, div.right-img-shadow, div.center-img-shadow {
  background: url(http://www.hartleyandassociates.com/graphics/content-shadow.gif) no-repeat bottom right;
  margin: 10px;
}

div.left-img-shadow { float: left; clear: left; margin-right: 20px; }
div.right-img-shadow { float: right; clear: right; margin-left: 25px; }
div.center-img-shadow { text-align: center; }

div.left-img-shadow img, div.right-img-shadow img, div.center-img-shadow img {
  display: block;
  position: relative;
  background-color: #e5e5e5;
  border: 0;
  margin: -9px 9px 9px -9px;
  padding: 0;
  width: 200px;
}

span.newmarker {
	background-color: #666;
	color: #ff9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.0em;
	border: medium #999 solid;
	border-width: 3px;
	border-color: #333 #999 #999 #333;
}

/* Used when individual blocks of characters must be specificaly font-styled */
span.serif { font-family: Georgia, "Times New Roman", Times, serif; }
span.sans-serif { font-family: Arial, Helvetica, sans-serif; }


/* "Talk to the Author" paragraph styles */
p.talkback {
	padding-top: 3.0em;
	padding-bottom: 1.0em;
	font-style: italic;
	text-align: center;
	font-size: 90%;
}

/* First paragraph in a Q&A paragraph pair */
p.question { padding-top: 2.0em; }

hr.separator {
	clear: both;
	text-align: center;
	margin: 30px auto;
	width: 80%;
	height: 5px;
	background-color: #ccc;
	border: 2px #f7f7f7 solid;
	border-width: 0 2px 2px 0;
}

ul.linespaced li { margin-bottom: 1.5em; }

table.fullsize {
	width: 90%;
	margin: 0.25em;
}

table.fullsize td {
	padding: 5px;
	margin: 0;
	border: 0;
	text-align: center;
}

table.fullsize td img { width: 90%; }

table.border { border: thin black solid; }

table.glossary {
	border: thin black solid;
	border-width: 0 1px 1px 0;
}
table.glossary tr {
	margin: 0;
	padding: 0;
}
table.glossary td {
	text-align: top;
	padding: 2px 5px;
	border: thin black solid;
	border-width: 1px 0 0 1px;
}

ul.menulist {
	list-style: none;
	margin: 20px auto;
	width: 60%;
	text-align: center;
}
ul.menulist li { text-align: left; }
a.menuanchor {
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #339;
}
a.menuanchor:visited { color: #933; }
a.menuanchor:hover { color: #c66; text-decoration: underline; }
a.menuanchor:active { color: #393; }

/* Styling for two-column, centered menu in content area */
div#menu {
	position: relative;
	width: 450px;
	left: 50%;
	margin-left: -225px;
}
div#menu1sthalf, div#menu2ndhalf {
	float: left;
	width: 50%;
	text-align: center;
}
div#menu1sthalf ul, div#menu2ndhalf ul { list-style: none; }
div#menu1sthalf ul li, div#menu2ndhalf ul li {
	text-align: center;
	padding: .5em 0;
}

.lecture_title {
	font-weight: normal;
	text-decoration: underline;
}

a.new {
	padding-right: 60px;
	background: url(../graphics/animatedgifs/new99.gif) no-repeat right center;
}

/* Page-specific Styling
/---------------------------------------------------------------------------- */

body#corpoffices div#content h1 {
	float: left;
	width: 49%;
	text-align: center;
}

body#corpoffices div#googlemap {
	float: right;
	width: 40%;
	margin-top: 1.0em;
	padding: .75em 0;
	text-align: center;
	border: 1px #999 solid;
	border-width: 0 3px 3px 0;
	background-color: white;
}

li.jokelistitem {
	padding-top: 20px;
	padding-bottom: 10px;
	background: url(../graphics/joke-list-sep.gif) no-repeat center top;
}

li.sayingslistitem { padding-bottom: 10px; }

/* - - - - - - - - - - - */
/* Contact Form Styling */
/* - - - - - - - - - - - */

#contactform select {
	border: 3px solid #696;
	border-color: #666 #d0d0d0 #d0d0d0 #666;
}

#contactform input {
	border: 3px solid #696;
	border-color: #666 #d0d0d0 #d0d0d0 #666;
}

#contactform textarea {
	border: 3px solid #696;
	border-color: #666 #d0d0d0 #d0d0d0 #666;
}

#contactform input.button {
	border: 3px solid #ccc;
	border-color: #d0d0d0 #666 #666 #d0d0d0;
}