<style type="text/css">

body { 
	margin: 0; 
	padding: 0; 
	color: gray; 
	background-color: gray; 
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 86%; 
}

p  { padding: 0.5em; margin: 0; }  /* needed to make layout work */


/* Defaults */

a:link  {
	text-decoration: underline;
	color: blue;
}

a:visited  {
	text-decoration: underline;
	color: red;
}

a:hover  {
	text-decoration: underline;
 	color: orange;
}

/* End defaults */

/* Page layout */

.wrapper {
	min-width: 800px;
	width: 100%;               /* the wrapper keeps the page from getting too small to preserve the design */
}      

.outer  {
	border-left-color: gray;   /* remove black bar on far left */
	border-right-color: gray;   /* remove black bar on far right */
	background-color: gray;
}

.leftcolumn  {
	width: 125px;
	background-color: gray; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	color: white;
	text-align: center;
}

.picturecolumn  {
	background-color: gray;
}

.buttoncolumn  {
	width: 900px;
	background-color: gray; 
	text-align: center;
}

.archive {
	background-color: gray;
	text-decoration: none;
	color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%; 
}


/* End page layout */

/* Menu bar */

#headermenu  {
	min-width: 900px;
	background-color: gray;
	border-style: solid;
	border-color: gray;
	border-width: 1px 0;
	height: 50px;
	padding: 0 0 0 10px;
}

#headermenu ul li {
	display: inline;
	padding: 0 0 0 100px;
}


#headermenu a:link  {
	text-decoration: none;
	color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%; 
}

#headermenu a:visited  {
	text-decoration: none;
	color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
}

#headermenu a:hover  {
	text-decoration: none;
	color: orange;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
}

/* End menu bar */

/* Header and footer */

.header {
	background-color: gray;
	text-decoration: none;
	color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%; 
}

.footer {
	background-color: gray;
	color: white;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
}

/* End header and footer */

/* Mark and Jon sez */

.quotecolumn  {
	width: 900px;
}

.quotebox {
	padding: 0.5em;
	margin: 0.5em;
	text-align: left;
	float: inherit;
	background: #EEEEEE;
	border: black groove;
	width: 45%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

h3.quotebox  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: black;
	padding: 0.5em; 
	margin: 0.5em;
	text-align: center;
}

.quoteboxmark { 
	float: right;
}

.quoteboxjon { 
	float: left;
}

/* End Mark and Jon sez */

/* Main code */

.outer { margin: 0; width: 100%; border-left-style: solid; border-right-style: solid; }

.leftcolumn { float: left; position: relative; z-index: 10; }
.picturecolumn { float: left; width: 80%; position: relative; z-index: 12; }

.header { width: 100%; position: relative; z-index: 13; }
.footer { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.leftcolumn { margin-right: 1px; }
.picturecolumn { margin: 0 -8px 0 -2px; }


</style>
