/* browns
#300 - dark brown
#551A00
#730
#994D00 - mid
#b60
#DD8000
#f90 - yellow

light brown bgs
#C7B9B9
#DAD1D1
#ECE8E8
 */

body {margin: 0; font-family: arial,helvetica,sans-serif; color: #000; background-color: #fff;}
a:focus {color: #000; background: #fff !important;}
a {font-weight: bold;}
a:link {color: #369; background-color: transparent;}
a:hover {color: #69c; background-color: transparent;}
a:visited {color: #369; background-color: transparent;}
a:visited:hover {color: #69c; background-color: transparent;}
p, li {font: .85em arial,helvetica,sans-serif; line-height: 1.25em;}
p,ul {margin-top: 0; margin-bottom: .5em}
li {margin-top: .1em;}
h1 {font-size: 1.4em; margin: 0 0 .5em 0;}
h2 {font-size: 1.3em; color: #300; background-color: transparent; margin: 0 0 .25em 0;}
h3 {font-size: 1.2em; color: #369; background-color: transparent; margin: .5em 0 0 0;} 
h4 {font-size: 1.1em; margin: 0;}
h2.printonly {display: none;}
img.floatleft {color: inherit; background-color: #fff; float: left; margin: 0 1em 1em 0; padding: .5em; border: solid 1px #369;}
img.floatright {color: inherit; background-color: #fff; float: right; margin: 0 0 1em 1em; padding: .5em; border: solid 1px #369;}
p.noprint {text-align: center;}
a img.imglink {border: none;}
.box {padding: 10px; color: inherit; background-color: #eee; border: solid 1px #666;}
p.pdf {padding-left: 30px; color: inherit; background: transparent url(../images/pdf_icon_24.gif)no-repeat;}

#masthead {width: 100%; height: 4em; position: absolute; left: 0; top: 0; color: inherit; background: #994D00 url("../images/broco_logo.gif") no-repeat 2px 0px; text-align: left;}
#info {width: 100%; height: 1.5em; position: absolute; left: 0; top: 4em; text-align: left; color: #fff; background-color: #300; border-top: solid 3px #f90;}
#info p {font: bold .85em arial,helvetica,sans-serif; margin: 0; padding: 4px 4px 0 20px; white-space: nowrap;}
#left {width: 11em; height: 100%; position: absolute; left: 0; top: 5.7em; color: inherit; background-color: #fff;}
#content {padding: 7em 20px 20px 14em;}

#nav {width: 13em; padding: 0; margin-bottom: 1em;}
#nav p {margin: 0; font: .85em arial,helvetica,sans-serif;}
#nav ul {list-style: none; margin: 0; padding: 0; border: none;}
#nav li {font: .8em arial,sans-serif; border-bottom: 1px solid #fff; margin: 0;}
#nav li.sec {font: .75em arial,sans-serif; border-bottom: 1px solid #fff; margin: 0;}
#nav li a {display: block; padding: 4px 3px 4px 5px; border-left: 10px solid #300; background-color: #DAD1D1; color: #000; text-decoration: none;}
/* secondary links */
#nav a.plt,#nav a.alm,#nav a.msc,#nav a.spc,#nav a.wrd,#nav a.stf,#nav a.oil {font-weight: normal; padding: 2px 3px 2px 15px;}

html>body #nav li a {width: auto;}
#nav li a:hover,#nav li a:focus {border-left: 10px solid #f90; background-color: #fff; color: #000;}
#hme a.hme {border-left: 10px solid #369; background-color: #fff; color: #000;}
#bcs a.bcs {border-left: 10px solid #369; background-color: #fff; color: #000;}
#con a.con {border-left: 10px solid #369; background-color: #fff; color: #000;}
#cln a.cln {border-left: 10px solid #369; background-color: #fff; color: #000;}
#phs a.phs {border-left: 10px solid #369; background-color: #fff; color: #000;}
#fin a.fin {border-left: 10px solid #369; background-color: #fff; color: #000;}
#cor a.cor {border-left: 10px solid #369; background-color: #fff; color: #000;}
#plt a.plt {border-left: 10px solid #369; background-color: #fff; color: #000;}
#alm a.alm {border-left: 10px solid #369; background-color: #fff; color: #000;}
#msc a.msc {border-left: 10px solid #369; background-color: #fff; color: #000;}
#oil a.oil {border-left: 10px solid #369; background-color: #fff; color: #000;}
#mtl a.mtl {border-left: 10px solid #369; background-color: #fff; color: #000;}
#vib a.vib {border-left: 10px solid #369; background-color: #fff; color: #000;}
#sml a.sml {border-left: 10px solid #369; background-color: #fff; color: #000;}
#spc a.spc {border-left: 10px solid #369; background-color: #fff; color: #000;}
#wrd a.wrd {border-left: 10px solid #369; background-color: #fff; color: #000;}
#stf a.stf {border-left: 10px solid #369; background-color: #fff; color: #000;}
#his a.his {border-left: 10px solid #369; background-color: #fff; color: #000;}


#listTB {margin: 10px 0;}
#listTB table {width: auto; border-collapse: collapse; border: solid 2px #300; margin-bottom: 20px}
#listTB td {font: .8em arial,helvetica,sans-serif; line-height: 1em; padding: .25em .3em; color: inherit; background-color: #fff;  border: solid 1px #300;}
#listTB th {font: bold .85em arial,helvetica,sans-serif; line-height: .85em; color: #fff; background-color: #551A00; padding: .35em .3em;border: solid 1px #300; border-bottom: solid 2px #300; vertical-align: bottom;}
#listTB td.desc {font-size: .7em; text-align: left;}
#listTB a:link {color: #fff; background-color: transparent;}
#listTB a:hover {color: #fff; background-color: transparent;}
#listTB a:visited {color: #fff; background-color: transparent;}
#listTB a:visited:hover {color: #fff; background-color: transparent;}
#listTB a:focus {color: inherit; background-color: transparent !important;}
td.tf10,th.tf10 {text-align: left;}
td.tf11,th.tf11 {text-align: center;}
td.tf12,th.tf12 {text-align: right;}

#listTB tr.bg1 td {color: inherit; background-color: #ECE8E8;}
#listTB tr.bg2 td {color: inherit; background-color: #fff;}

#formtb {margin: 20px 0;}
#formtb table {width: auto; border: solid 2px #999; color: inherit; background-color: #ECE8E8;}
#formtb td {font: .85em arial,helvetica,sans-serif; padding: 4px 2px 0 2px; color: inherit; background-color: transparent; white-space: nowrap;}
#formtb td.lbl {font-weight: bold; width: 35%; text-align: right; padding-left: 10px;}
#formtb td.fld {width: 65%; text-align: left; padding-right: 10px;}
#formtb td.fldw {width: 65%; text-align: left; padding-right: 10px; white-space: normal;}
#formtb td.hdr {font-weight: bold; color: #369; background-color: transparent;}
#formtb td.btn {width: 70%; text-align: left; padding: 10px 2px;}
#formtb td.spacer-1 {padding: 0; margin: 0; height: 15px;}
input,select,option {font-size: 12px;}
input,select,option {width: 200px;}

input.xxs {width: 20px;}
input.xs {width: 30px;}
input.s {width: 40px;}
input.ms {width: 65px;}
input.m {width: 120px;}
input.ml {width: 160px;}
input.l {width: 230px;}
input.xl {width: 300px;}

input.rb1 {width: 12px; height: 12px; margin: 0;}
input:focus,textarea:focus,select:focus {color: inherit; background-color: #feb;}
textarea {font: 12px arial,helvetica,sans-serif; width: 100%;}
button {font: .9em arial,helvetica,sans-serif; line-height: 13px; width: 100px; color: inherit; background-color: #ccc; padding: 1px 5px; margin: 10px 12px 10px 0;}
button.pref {width: 100px; font: bold 13px arial,helvetica,sans-serif; color: #fff; background-color: #369; padding: 1px 5px; margin: 10px 12px 10px 0;}
button.pref:hover,button.pref:focus,button:hover,button:focus {font-weight: bold; color: inherit; background-color: #f90;}