body { color: #4c2707; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-color: #300000; }
p { margin: 5px 10px; padding: 0 0 5px; }
a { color: #7c0000; font-weight: bold; text-decoration: none; }
a:hover { color: white; background-color: #6a0000; }
h1 { font-size: 19px; font-weight: bold; line-height: 23px; margin: 10px 10px 5px 0; border-bottom: 2px solid #dfd6b2; }
h2 { color: #7c0000; font-size: 17px; line-height: 22px; margin: 12px 10px 3px; padding: 0; }
h3 { font-size: 14px; font-weight: bold; font-style: italic; line-height: 17px; margin: 20px 0 5px 5px; padding: 0; }
h4 { color: #7c0000; font-size: 17px; line-height: 22px; margin: 15px 10px 0; padding: 0; border-bottom: 1px solid #e3d0b8; }
ul { list-style-type: square; margin: 5px 10px 10px 20px; padding: 0 0 0 20px; }
li { margin-bottom: 4px; }
.side { background-color: #e3d0b8; background-image: url(../nav/images/ultrakote-2_08.jpg); background-repeat: repeat-y; margin: 0; padding: 0; }
.main { background-color: white; background-image: url(../nav/images/ultrakote-2_09.jpg); background-repeat: repeat-x; }
.footer { color: #f8efda; font-size: 10px; line-height: 12px; margin: 0; }
td.footer { background-image: url(../nav/images/ultrakote-2_05-over.gif); padding: 3px; border-bottom: 1px solid #000; }
a.footer { font-weight: bold; text-decoration: none; margin: 0; padding: 3px 8px; }
a.footer:hover { color: white; background-color: #92530f; background-image: url(../nav/images/ultrakote-2_05.gif); }
p.footer { margin-top: 5px; border-width: 0; }
a.button { color: #f3edd9; font-size: 12px; line-height: 22px; background-color: #7c0000; margin: 0 6px; padding: 0 4px 0; border-color: #a27676 #400000 #400000 #a27676; border-style: solid; border-width: 1px; }
a:hover.button { color: #7c0000; background-color: #f3edd9; }
.form { color: white; background-color: #4b2804; background-image: url(../nav/stucco-5.jpg); border: solid 2px #400000; }
ul ul { margin: 3px 10px 5px; padding: 0 0 0 10px; list-style-type: circle; }
.grid { padding: 5px; border-style: solid; border-width: 1px; }
.grid2 { background-color: #e4d5bc; padding: 5px; border-style: solid; border-width: 1px; }
.grid2b { text-align: left; }
.grid2b ol { margin: 0 0 0 30px; padding: 0 0 0 30px; background-color: #e4d5bc; text-align: left; width: 220px; padding: 0; border-style: solid; border-width: 1px; }
.grid2b ol li { width: 100%; margin: 0 0 0 0; padding: 8px 0; border-bottom-style: solid; border-bottom-width: 1px; }
.red { color: #7c0000; }
.emphasis1 { color: #7c0000; font-size: 13px; font-weight: bold; line-height: 18px; margin: 20px 10px 0 7px; padding: 0; border-bottom: 1px solid #f0e8de; }
.box1 { color: #311804; border-top: 1px solid #99834f; border-left: 1px solid #99834f; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
.bucket { margin-bottom: 100px; padding-bottom: 100px; }
/*DD Accordion CSS*/

.technology{ /*header of 2nd demo*/
cursor: hand; cursor: pointer; color: #7c0000; font-size: 17px; font-weight: bold; line-height: 22px; margin: 15px 10px 0; padding: 0; border-bottom: 1px solid #e3d0b8; }


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #c90000;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #7c0000;
}
.highlight { background-color: #f5f3ec; }
.highlight2 { background-color: #eadfcd; }
.detail { background-color: #eadfcd; border-top: 1px solid #cebea5; border-right: 1px solid #cebea5; border-left: 1px solid #cebea5; border-bottom-color: #cebea5; border-bottom-width: 0; }
.detail td { border-bottom: 1px solid #cebea5; }
.detail tr:nth-child(odd) { background-color: #eadfcd; }
.detail tr:nth-child(even) { background-color: #f5f3ec; }
.detailpic { border-color: #cebea5 #672a15 #672a15 #cebea5; border-style: solid; border-width: 1px; }