/****************************************************************************
   body, a, h1-h6, b, i
****************************************************************************/
body {
	color: black;
	background-color: white;
	background-image: none;
	font-family: Trebuchet, Verdana, Lucida Grande, Sapir Sans, Tahoma,
		Sans-Serif;
	padding: 0px;
	margin: 0px;
}

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

h1, h2, h3, h4, h5, h6 {
	color: black;
	margin: 0px;
	margin-bottom: 10px;
}

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

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

	background-image: url("/images/gw-banner.png");
        background-repeat: no-repeat;
        background-position: top right;

}

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: black;
	border-spacing: 2px;
}

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

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

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;
	font-size: 11px;
}

table.recipe th {
        color: black;
        font-family: courier;
        font-size: 16pt;
        font-weight: bold;
        text-align: right;
        background-color: #b00000;
        padding: 0px;
        padding-right: 2px;
}
table.recipe td {
        font-family: courier;
        font-size: 16pt;
        font-weight: normal;
        padding: 0px;
        padding-left: 2px;
}

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

ul.ulblock {
	padding-left: 50px;
	padding-right: 50px;
	text-align: justify;
}
ul.ulblock li {
	margin-bottom: 8px;
}

blockquote {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	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;
}

/* 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;
}

#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;
}

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

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

table.threehalfbanners {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
	border-style: none;
}

td.halfbannerA {
	margin: 0px;
	padding: 0px;
}

td.halfbannerA img {
	border-style: none;
}

td.halfbannerB {
	margin: 0px;
	padding: 0px;
	border-left: 13px solid white;
}

td.halfbannerB img {
	border-style: none;
}

td.halfbannerC {
	margin: 0px;
	padding: 0px;
	border-left: 13px solid white;
}

td.halfbannerC img {
	border-style: none;
}

div.copyright {
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
}

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

div.rimfloat {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 11px;
	text-align: center;
}

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

div.limfloat {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 11px;
	text-align: center;
}

div.banner {
	width: 468px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

div.oddbanner {
	width: 473px;
	height: 82px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

img.upperleft {
	margin-right: 10px;
	margin-bottom: 10px;
}

div.links {
	text-align: center;
	margin-bottom: 15px;
}

div.byline {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 8px;
}