body  {
width: 90%;
height: 100%;
padding-top: 1em;
padding-left: 5%;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
background-color: #063;
}

p  {font-size: 100%;}

a  {color : #063;}

td a img { border:none; }

em  {font-weight: bold; color: #606;}

h1  {
margin: 0;
margin-bottom: 1em;
padding: 0;
padding-bottom: 6px;
color: #063;
font-size: 150%;
border-bottom: 1px solid #fc3;
}

h2  {
margin: 0;
padding: 0;
color: #fc3;
font-weight: bold;
font-size: 125%;
}

h3  {
margin: 0;
padding: 0;
color: #666;
font-weight: bold;
font-size: 115%;
}

h4  {
color: #666;
font-weight: bold;
font-size: 105%;
}

dl  {
margin-top: 1.5em;
margin-bottom: 2em;
}

dt  {
color: #666;
font-weight: bold;
margin-top: 1em;
margin-bottom: .7em;
font-size: 105%;
}

dd  {
color: #333;
margin-left: 1em;
margin-bottom: 1em;
padding-top: .2em;
}

table#cabs {
border-left: solid 1px #ccc;
background-color: #fff;
}

th {
border-right: solid 1px #eee;
border-top: solid 1px #063;
border-bottom: solid 2px #063;
}

th a {
color: #444;
text-decoration: none;
}

th#current {
border-top: solid 1px #000;
border-bottom: solid 2px #000;
background-color: #f8fff8;
}

th#current a {
color: #063;
}

tr.listing:hover {
background-color: #F9FCFA;
}

tr.listing td {
text-align: center;
border-right: solid 1px #eee;
border-bottom: solid 1px #aaa;
}

.topnav {
padding: 0 0 .5em 2em;
font-weight: bold;
}

.topnav a {
color: #fc3;
}

#main {
width: auto;
height: auto;
background-color: #fff;
margin: 0;
padding: 2em;
padding-top: 1.5em;
}

.edit-view {
color: #ccc;
background-color: #eee;
}

tr.listing td.left, th.left {
text-align: left;
}

tr.listing td.right {
text-align: right;
}

tr.listing td.left p {
font-size: 80%;
font-style: italic;
}

.toplink {
float: right;
padding: 4px 4px 6px 4px;
margin: 0;
text-align: center;
width: 10em;
background-color: #fff9e5;
border: outset 1px;
}

.toplink a {
text-decoration: none;
}

.instruct {
font-size: 70%;
color: #036;
}

.right {
float:right;
clear:right;
}

.alert {
color: #c63;
}

.frontimg {
float: left;
clear: left;
height: auto;
width: auto;
margin: 0 2em 4em 0;
padding: 2px;
}

.infoblock {
float: left;
height: auto;
width: auto;
padding: 0;
margin: 0;
}

.infoblock p {
padding: 0;
margin: 0 0 .8em 0;
}


#footer {
text-align: center;
font-size: 90%;
color: #fc3;
}

table.category  {
border-spacing: 8px 3px;
}

.category td, .category th {
padding: .2em 1em .2em 1em;
border: none;
}

.category th {
text-align: center;
border: none;
font-size: 80%;
}

.category th.diy {
border: solid 2px #bbb;
border-radius: 6px 6px 0 0;
border-bottom: none;
}

.category td.diy {
text-align: center;
background-color: #ddd;
border: outset 1px;
}

.category th.ab {
border: solid 2px #A8BDB2;
border-radius: 6px 6px 0 0;
border-bottom: none;
}

.category td.ab {
text-align: center;
background-color: #CFE5DA;
background-color: #CCDED5;
border: outset 1px;
}

.category td.all {
text-align: center;
background-color: #fff9e5;
border: outset 1px;
}

.category a {
color: black;
white-space: nowrap;
text-decoration: none;
}


tr.listing td.left, th.left {
text-align: left;
}

tr.listing td.right {
text-align: right;
}

tr.listing td.left p {
font-size: 80%;
font-style: italic;
}

.pict {
float: right;
width: 160px;
height: auto;
text-align: center;
border: 1px transparent;
}

.instruct {
font-size: 70%;
color: #036;
}

.right {
float:right;
clear:right;
}

.alert {
color: #c63;
}

.frontimg {
float: left;
clear: left;
height: auto;
width: auto;
margin: 0 2em 4em 0;
padding: 2px;
}

.infoblock {
float: left;
height: auto;
width: auto;
padding: 0;
margin: 0;
}

.infoblock p {
padding: 0;
margin: 0 0 .8em 0;
}