/****************************************************************************
   body, a, h1-h6, b, i
****************************************************************************/
body {
	color: white;
	background-color: #094b93;
	background-image: none;
	font-family: Georgia,Serif;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited, a:active {
	color: #dddddd;
}

h1, h2, h3, h4, h5, h6 {
	color: white;
	font-family: Georgia,Serif;
	margin: 0px;
	margin-bottom: 10px;
}

/****************************************************************************
   div.main
****************************************************************************/

div.main {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 728px;
	border-color: white;
	border-style: solid;
	border-spacing: 0px;
	padding: 10px;
}

div.main p {
	text-align: justify;
	margin-top: 0px;
}

div.vbuttons {
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
}

div.vbuttons img {
	margin-bottom: 5px;
	margin-right: 5px;
}

/****************************************************************************
   special table and div classes:
   box - outline border and reverse video header
   grid - table with seperating lines
   list -
   entry - elements of a journal entry
   image -
****************************************************************************/

/* defines a special table class called "box" which puts an outline border
** around its contents and has header elements in a reverse-video effect */
table.box {
	border-color: #003366;
	border-style: solid;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.box th {
	color: white;
	background-color: #003366;
	padding: 5px;
	font-size: 150%;
}
table.box td {
	padding: 5px;
}
table.box td > p {
	text-align: justify;
}

table.grid {
	background-color: white;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
}
table.grid th {
	border-style: solid;
	border-width: 2px;
	color: white;
	background-color: #003366;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}
table.grid td {
	border-style: solid;
	border-width: 2px;
	background-color: #094b93;
	padding: 5px;
}

table.specs {
	font: 12px Verdana, Arial, sans-serif;
	width: 100%;
	background: white;
	border-spacing: 2px;
}

table.specs th {
	text-align: right;
	padding: 1px;
	padding-right: 5px;
	background: #003366;
	width: 150px;
}

table.specs td {
	padding: 1px;
	padding-left: 5px;
	background: #094b93;
}

table.list tr.odd {
	background-color: #800080;
}
table.list tr.even {
	background-color: #008000;
}

table.main {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	background-color: green;
}

table.form {
	margin-bottom: 15px;
}
table.form th {
	color: white;
	text-align: right;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}
table.form td {
	padding: 5px;
}

div.justify > p {
	text-align: justify;
}
div.image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.recipe {
	background-color: white;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
}
table.recipe th {
	border-style: solid;
	border-width: 2px;
	color: white;
	background-color: #003366;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	text-align: right;
}
table.recipe td {
	border-style: solid;
	border-width: 2px;
	background-color: #094b93;
	padding: 5px;
	text-align: left;
}

dl.dlist dd {
	text-align: justify;
	margin-bottom: 5px;
}

blockquote {
	border-color: white;
	border-style: solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #003366;
	color: white;
	text-align: justify;
	font-style: italic;
}

ul.flatlist {
	list-style-type: none;
	list-style: inside;
	margin-left: 35px;
}
ul.flatlist li {
	text-align: justify;
	text-indent: -50px;
}

pre.code {
	border-color: white;
	border-style: solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #003366;
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 35px;
}

div.footnav {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	font-family: Trebuchet, Verdana, Lucida Grande, Sans -Serif;
	font-size: 10pt;
}

/* Home Page Fancy Stuff ***************************************************/

table.home {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#homecenter {
	width: 750px;
	padding: 0px;
	height: 89px;
	border-left: 3px solid white;
	border-right: 3px solid white;
}

#homecenter h1 {
	background: #003366;
	padding: 0px;
	margin: 0px;
	border-bottom: 3px solid white;
	font-size: 0px;
}

div.heeby {
	background: #ff3366;
	padding: 0px;
	margin: 0px;
	border-bottom: 3px solid white;
}

div.heeby img {
	border-style: none hidden;
	padding: 0px;
	margin: 0px;
}

#homecenter h2 {
	background: #dddddd;
	padding: 0px;
	margin: 0px;
}

#homeleft {
	background-image: url("/~mpearce/images/p_homeBLUE.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	width: auto;
}

#homeright {
	background-image: url("/~mpearce/images/p_homeBLUE2.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	width: auto;
}

td.homebottom {
	border-top: 3px solid white;
}

td.homefooter {
	font: 11px/14px Verdana, Arial, sans-serif;
	background: #003366;
	border-top: 3px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	text-align: center;
	padding: 20px;
}

div.homemain {
	padding: 10px;
}

div.homemain p {
	text-align: justify;
	margin-top: 0px;
}

/****************************************************************************
**   div.journal
****************************************************************************/

div.journal {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	border-color: white;
	border-style: solid;
	border-spacing: 0px;
	padding: 10px;
}

div.journal p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 50px;
}

div.journal h1 {
	border-bottom: 2px solid white;
}
div.journal h2 {
	margin-top: 15px;
	margin-bottom: 0px;
}

div.dateline {
	font-size: 70%;
	margin-bottom: 20px;
}

span.red {
	color: red;
}

span.warn {
	color: red;
	font-size: 150%;
	text-decoration: underline;
}

a.button {
	border-color: white;
	border-style: solid;
	border-spacing: 0px;
	padding: 6px;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 14pt;
	text-decoration: none;
}

span.small {
	font-family: Arial;
	font-size: 7pt;
}

table.split {
	width: 100%;
	border-collapse: collapse;
}
table.split td.left {
	width: 50%;
	padding-right: 20px;
	vertical-align: top;
}
table.split td.right {
	width: 50%;
	padding-left: 20px;
	vertical-align: top;
}

table.iconlinks {
	margin-left: auto;
	margin-right: auto;
}

table.iconlinks td {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

table.iconlinks img {
	border-style: none;
}

div.floatright {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
}