/* brown:802715 steel:796e6e med steel:a8a0a0  light steel:c9c5c5*/
html, body {font-family:'trebuchet ms',verdana,arial,sans-serif; line-height:1.4em; margin:0; padding:0; background:#fff; color:#000}
body {font-size:.9em}
h1 {font-size:1.7em; margin:0; padding:6px; font-family:arial,sans-serif; color:#796e6e; text-align:center; background:#c9c5c5;}
h2, h3 {font-family:'trebuchet ms',sans-serif; font-weight:normal; color:#796e6e; clear:both}
h2 {font-size:180%}
h3 {font-size:135%; margin:30px 0 12px; padding:0 0 12px}
h2+h3 {margin-top:8px}
ul,ol {margin-left:-20px}
ul li {list-style:square; margin:6px; text-align:justify; line-height:1.3em}
ol li {margin:6px; text-align:justify; line-height:1.3em}
td {vertical-align:top}
th {text-align:left; padding:1px 12px 1px 1px; background:#fff; border:solid #ccc; border-width:1px 0}
hr {height:1px; color:#ddd; border:1px solid #ddd; border-width:1px 0 0}
p {text-align:justify}
img {border:none}
fieldset {border:1px solid #ddd}
legend {font-style:normal; font-size:1.2em; padding:0 6px; color:#900; font-weight:600}
textarea {font-family:arial,sans-serif; font-size:.9em}
select, input text {border:1px solid #ddd; font-size:1em;}
div.txtc + div {margin:0 auto}
div.txtc + table {margin:0 auto; text-align:left}

a {text-decoration:underline}
a:link {color:#802715}
a:visited {color:#669}
a:hover, a:active {color:#c30}

.nav {font-family:arial,sans-serif; font-size:.8em; font-weight:normal; text-align:center; line-height:1.8em; padding:0; margin:0}
.nav a:link, .nav a:visited {color:#000; padding:1px 6px; text-decoration:none}
.nav a:active {color:#000; text-decoration:none}
.nav a:hover {color:#c30; background:#fff; text-decoration:none}
.nav.top {text-align:center; width:100%; background:#000; padding:6px 0 0}
.nav.top p {margin:2px; padding:2px; text-align:center; font-size:1.1em; font-weight:bold; white-space:nowrap; line-height:1.5em}
.nav.top a:link, .nav.top a:visited, .nav.top a:hover, .nav.top a:active, .nav.top span, .nav.top.sub a, .nav.top.sub span  {color:#fff; text-decoration:none; background:#796e6e; padding:1px 40px; text-decoration:none; border:1px solid; border-color:#ccc #666 #666 #ccc}
.nav.top p.sub a, .nav.top p.sub span {padding:1px 8px!important;  text-align:center; font-size:1em; font-weight:normal}
.nav.top a:hover {background:#000; color:#fff!important}
.nav.top span {color:#999}
.nav.top .curr {color:#000 !important}
.copy a:link, .copy a:visited, .copy a:hover, .copy a:active {color:#999; text-decoration:none}
.copy a:hover {text-decoration:none}

#layout {width:100%; margin:0 auto; padding:0; border-top:1px solid black}
#header {background:#000; margin:0; padding:0; text-align:center; width:100%; whitespace:nowrap; border-bottom:1px solid #802715}
#header .imgstrip {height:160px; width:100%; overflow:hidden}
#title {position:absolute; top:96px; left:0; z-index:20; text-align:center; margin:0; padding:0; width:100%}
#col1 {width:120px; margin:0; padding:0; background:#802715}
#col2 {width:auto; margin:12px; padding:12px; min-width:520px}
#col3 {width:105px; margin:0; padding:0; background:url(../_img/page/bgbricks.gif) top right repeat-y; text-align:center}
#col3 a {text-decoration:none}
#footer {clear:both; margin:0; padding:0 0 5px; text-align:center}
#footer div {margin:0; padding:0; height:20px; border:solid #666; border-width:1px 0}
#footer .copy {font-size:.7em; margin:10px 0; color:#999;}
#menu01 {width:140px; height:285px; background:url(../_img/page/menu01.gif) no-repeat}
#menu02 {width:140px; height:312px; background:url(../_img/page/menu02.gif) no-repeat}

.addr1 {float:left; width:50%}
.addr2 {clear:left; float:right; width:50%}
.b1 {border:solid #666; border-width:0 0 0 1px}
.b2 {border:2px solid; border-color:#fff #999 #999 #fff}
.bghd {background:#eee}
.bgwhite {background:#fff}
.bgred {background:#802715; color:#b0aaaa}
.button {background:#fff; color:#000; border:1px solid #8982A9; padding:0 1px; margin:0 1px}
.caption {font-size:.7em; margin:0 0 20px; padding:0; white-space:nowrap; text-align:center}
.click {font-family:arial,sans-serif; clear:right; float:right; text-align:right; color:#999; font-size:.8em; line-height:1em; margin:0; padding:0}
.clr {clear:both}
.curr {color:#900 !important}
.error {color:#f00; font-weight:bold}
.flL {float:left}
.flR {float:right}
.flRm {float:right; margin:8px 0 8px 20px}
.flL {float:left}
.flLm {float:left; margin:8px 20px 8px 0}
.logo {margin:6px 0}
.mp0 {margin:0; padding:0}
.mp10 {margin:10px; padding:10px}
.mp20 {margin:20px; padding:20px}
.note {color:#900; line-height:1.1em; font-size:.9em}
.note.sm {color:#000; font-size:.7em; margin:0; padding:0; white-space:nowrap}
.note.mid {font-size:.9em; font-weight:bold}
.note.big {font-size:1em; font-weight:bold}
.projDesc {margin:4px 0 12px 38px; padding:0}
.projDesc p {margin:0; padding:0}
.projMicro {clear:both; width:30px; height:20px; float:left; margin:4px 8px 0 0}
.strong {font-weight:bold}
.top {text-align:right; margin:0 12px 6px 0; font-size:.8em}
.trail {font-family:arial,sans-serif; margin:0 0 0 12px; padding:0; font-size:.8em}
.txtl {text-align:left!important}
.txtr {text-align:right!important}
.txtc {text-align:center!important}

.msg {font-size:1em; line-height:1.3em; padding:10px 20px; margin:10px auto; font-weight:normal}
.msg legend, .msg span {font-size:1.2em; font-weight:600}
.msg div {font-weight:normal}
.msg p {margin:4px; padding:4px; white-space:normal}

.tblBox {margin:4px auto; background:#eee; width:80px;}
.boxText {margin:0; padding:0}
.boxList li {margin-left:12px}
.boxtopl {width:10px; height:10px; background:url(../_img/page/box01.gif) top left no-repeat #999}
.boxtop {width:100%; height:10px; background:url(../_img/page/box02.gif) top repeat-x #eee}
.boxtopr {width:10px; height:10px; background:url(../_img/page/box03.gif) top right no-repeat #999}
.boxleft {width:10px; height:100%; background:url(../_img/page/box04.gif) top repeat-y #eee}
.boxright {width:10px; height:100%; background:url(../_img/page/box06.gif) top repeat-y #eee}
.boxbtml {width:10px; height:10px; background:url(../_img/page/box07.gif) bottom left no-repeat #999}
.boxbtm {width:100%; height:10px; background:url(../_img/page/box08.gif) bottom repeat-x #eee}
.boxbtmr {width:10px; height:10px; background:url(../_img/page/box09.gif) bottom right no-repeat #999}

.boxshadow {float:left; clear:left; width:500px; padding:0px;
background: url(../_img/page/shadowa.png) no-repeat bottom right !important;
background: url(../_img/page/shadow.gif) no-repeat bottom right;
margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.innerbox {position:relative; bottom:6px; right: 6px; border: 1px solid #999; margin: 0px 0px 0px 0px}
.innerbox p{margin:4px; padding-bottom:8px}
.boxshadow.sm {width:58px}
.innerbox.sm p {font-size:.8em; line-height:1.2em; background:#fff; margin:0; padding:2px 2px 4px}