body {
	text-align: center;	/* needed for IE, else doesnt center div#enclosure */
	background-image: url('images/pattern_158.gif'); 
}

/********** MAIN TABLE ***************/

div#enclosure {
	width: 900px;
	/* border-image: url(images/pattern_060.gif) 9 18 9 18 round round; */
	/* border: 1px solid #773e14; */
	margin: auto;	/* somehow body.text-align: center doesnt cut it :( */
	padding: 0px;
	position: relative;
}

/* This whole element could be replaced by CSS border-image property! */
div#bodyborder {
	width: 900px;
	margin: auto;
	position: relative;
	padding: 18px;
	background-image: url('images/pattern_098_s.gif');
}

/************ HEADER **************/

table#tableHeader {
	width: 900px;
	background-color: #ffe9d0;
}

table#tableHeader * {
	padding: 0px; border-width: 0px; margin: 0px;
	top: 0px; left: 0px;
}

table#tableHeader a {
	text-decoration: none;
}

div#tableFooter {
	width: 100%;
	background-color: #678061;
	font: 8pt Verdana;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #ffe9d0;
}

/********** MAIN CONTENT **************/
div.leftSandbag, div.leftPic {
	float: left;
	clear: left;
	padding: 0px;
	margin-right: 20px;
}

div.rightSandbag, div.rightPic {
	float: right;
	clear: right;
	padding: 0px;
	margin-left: 20px;
}

div.center {
	margin: auto;
	text-align: center;
	padding: 0px;
}

div.centerPic {
	margin: auto;
	text-align: center;
	padding: 0px;
}

div.leftPic, div.rightPic, div.centerPic {
	border: 1px dotted black;
	background: white;
}

div.leftPic img, div.rightPic img, div.centerPic img {
	margin: 5px 5px 5px 5px;
}

/* default setting for content */
#contentDiv, #contentDiv input, #contentDiv textarea {
	font-family: Verdana;
	color: black;
	font-size: 9pt;
}

div#contentDiv {
	background-color: #ffe9d0;
	clear: left;
	text-align: left;
	padding: 20px;	/* this also helps avoid whitespace at bottom of page */
}

/* default font for tables too */
div#contentDiv td {
	font-size: 9pt;
	border: 1px dotted;
	border-collapse: collapse;
	padding: 5px 10px 5px 10px;
}

div#contentDiv a { color: black; }

div#contentDiv h1, h2, h3 { font-family: Garamond, serif; }
div#contentDiv h1 { font-size: 18pt; text-align: center; }
div#contentDiv h2 { font-size: 16pt; }
div#contentDiv h3 { font-size: 14pt; }

div#contentDiv h5.caption {
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 0px;
	font-weight: normal;
	font-size: 7pt;
}

div#contentDiv p {
	text-align: justify;
	padding: 0px; 
	border: 0px;
}

div#contentDiv ul {
	list-style-type: square;
	list-style-position: inside;
}


div.bioDiv, div.bioDivLeft, div.bioDivRight {
	background: white;
	width: 70%;
	padding: 5px 5px 5px 5px;
	border: 1px dotted black;
}

div.bioDivLeft {
	margin: 5px 250px 5px 5px;
}

div.bioDivRight {
	margin: 5px 5px 5px 250px;
}

div#previewDiv {
	background: url('images/graydot.png') repeat;
	z-index: 1; display: none; 
	padding: 20px; margin: 0px; border: 0px;
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%;
}

div#previewDiv img {
	max-width: 100%;
	max-height: 100%;
}