
/*
not websafe:
3C2C37 original sepia from headshot

websafe:

99CCCC light blue
99CC99 light green
669966 med green
FFCC66 gold-ish
CCCC99 beige
999966 kaki
666633 army green
333300 darker green
CC9966 soft brown
CC9999 light plum
FFCCCC salmon

*/

body {
	background-color: #CC9966;
	font-family: Verdana, sans-serif;
	text-align: center;
	display: block;
	margin: 0px auto;
	color: #333333;
}

a {
	text-decoration: none;
	color: #FFFFCC;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.7em;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.center {
	text-align: center;
}

.floatleft {
	float: left;
}

.disabled {
	color: #D7D7C8;
}

@media screen {.PrintOnly {display:none}}
@media print {.ScreenOnly {display:none}}

div#canvas {
	position: relative;
	width: 760px;
	margin: 10px auto;
	height: 90%;
}

div#header {
	position: relative;
	text-align: left;
}

div#headshot {
	position: relative;
	margin: 0px;
	padding: 0px;
}
div#headshot img {
	position: relative;
	width: 290px;
	height: 229px;
	margin: 0px;
	padding: 0px;
	border: none;
	z-index: 12;
}

ul#menu {
	position: absolute;
	top: 229px;
	left: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 350px;
	height: 20px;
	z-index: 11;
}
ul#menu li {
	display: inline;
	font-size: 7.5pt;
	margin: 0px 5px 0px 0px;
	padding: 10px 0px 2px 0px;
	height: 20px;
}
ul#menu li.activepage {
	background-color: #3C2C37;
}

div#fullname {
	margin: 0px 0px 10px 400px;
	text-align: left;
	padding: 0px;
}

div#content {
	position: relative;
	margin: 30px 0px 10px 400px;
	padding: 0px;
	text-align: left;
	font-size: 0.8em;
}

div#moreinfo {
	display: block;
	font-size: 0.7em;
	margin: 2px 0px;
}

div#footer {
	width: 760px;
	margin: 0px auto;
	font-size: 0.6em;
	margin-top: 2px;
	border-top: 1px solid #3C2C37;
}

div#copyright {
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}

div#akowal {
	position: relative;
	top: -25px;
	left: 0px;
	text-align: right;
	font-size: 0.9em;
}

div#emailaddr {
	position: relative;
	top: -28px;
	left: -310px;
	text-align: center;
	font-size: 1.0em;
}

div#sidebar {
	position: absolute;
	top: 300px;
	left: 0px;
	margin: 0px 5px;
	width: 335px;
	padding: 0px;
	text-align: left;
	font-size: 0.7em;
	color: #336633;
}

div#podsafeforpeace img {
	border: none;
	margin: 3px 10px;
}