html { font: 12px Trebuchet MS, sans-serif; color:#000; text-align: left;}
body {
color: black;
background-color:#004373;
text-align: center;
background-image: url(../i/bg.gif); /* need this style for having the white bg go to bottom of viewing area. */
background-repeat: repeat-y;
background-position: top center;
margin: 0px auto 0px;
padding:0;
width:840px;
}
* html body { overflow: hidden;}
p, td {
font: 12px Trebuchet MS, sans-serif;
color:#000;
text-align: left;
background: none;
}
a { text-decoration: none;font-family: Trebuchet MS, sans-serif;font-weight: bold;font-size: 12px;}
a:link {color: #005284;}
a:visited {color: #005284;}
a:hover {color: #ff6600;}
/* Layout items */
#bwrap { width:840px; margin: 0px auto 0px; text-align:left; height: 100%;background-image: url(../i/bg.gif); background-repeat: repeat-y; background-position: top center; min-width:840px; }
#wrap { width: 840px; margin: 0px auto 0px; text-align:left; height: 100%;background-image: url(../i/bg.gif); background-repeat: repeat-y; background-position: 0px 0px; }
#lgo { width: 170px; height: 130px; text-align:center; }
#lgo img { margin-top: 60px;}
#menucon {
width: 170px;
float: left;
height:750px;
padding: 0 0 0 60px;
background-image: url(../i/arbca_e_banner.jpg);
background-repeat: no-repeat;
background-position:0 0;
}
.submenus { font-family: Trebuchet MS, sans-serif;font-size: 11px; line-height:16px; margin-left: 5px;}
#menucon #dots {text-align:right;}
#secmenu { height: 375px;}
#thirdmenu { height:auto; background-image: url(../i/ad_menu_mid.gif); background-repeat: repeat-y; background-position: top left; }
#menu04 { height:auto;}
#fpage {
width:310px;
float:left;
}
#spage {width:550px; float:left;/* border: 1px solid #00FF00;*/}
#mtit { width:160px; height:auto; padding:3px 0 10px 10px; left: 153px; font-size: 105%; font-weight:normal; color:#005284;}
.stit { font-size: 95%; }
#mnuitem { width:160px; height:20px; padding:3px 0 0 10px; left: 153px; }
#mnuitem a { padding: 2px 0 0 0; font-family: Trebuchet MS, sans-serif;font-weight: bold;}
#mnuitem a.curt { color:#4c9955; }
#mnuitem a.curts { color:#4c9955; }
#pagecontent {width:585px; float:right; padding: 0;/* border: 1px solid #FF0000;*/}
.pageh { position: absolute; left:235px; top:0; width: 545px; height:85px; vertical-align:bottom;background-image: url(../i/topline.gif); background-repeat: no-repeat; background-position: left bottom;}
h1, h2, h3, h4 { font-family:"Trebuchet MS", sans-serif;color: #005284; text-align: left;}
h1.inpro {font: 26px/24px "Trebuchet MS", sans-serif; color:#F30;}
h1 {font: 26px/24px "Trebuchet MS", sans-serif;}
h2 {font: 20px/18px "Trebuchet MS", sans-serif;}
/*.curt {color:#4c9955;}
.curts { font-family: Trebuchet MS, sans-serif;font-size: 11px; line-height:16px;color:#4c9955; margin-left: 5px;}
*/
#smmenu {display:none;}
#pg003 #smmenu, #pg201 #smmenu, #pg202 #smmenu, #pg203 #smmenu, #pg204 #smmenu, #pg205 #smmenu {display:inline;}
.curtmenu {background-image: url(../i/curt_tab.gif); background-repeat: no-repeat; background-position: right 0; color:#f00; height:20px;}
#pg001 .pg001,
#pg002 .pg002,
#pg003 .pg003,
#pg007 .pg007,
#pg008 .pg008,
#pg009 .pg009,
#pg099 .pg099,
#pg105 .pg105 {background-image: url(../i/curt_tab.gif); background-repeat: no-repeat; background-position: right 0; height:20px;}
#pg099 .pg099,
#pg100 .pg106,
#pg101 .pg101,
#pg102 .pg102,
#pg103 .pg103,
#pg104 .pg104,
#pg105 .pg105,
#pg107 .pg107,
#pg108 .pg108,
#pg109 .pg109,
#pg201 .pg201,
#pg202 .pg202,
#pg203 .pg203,
#pg204 .pg204,
#pg205 .pg205,
#pg206 .pg206,
#pg207 .pg207,
#pg401 .pg401,
#pg402 .pg402 {background-image: url(../i/curt_tab.gif); background-repeat: no-repeat; background-position: right 0; height:20px; width: 155px;}
#pg001 .pg001 a.pg001,
#pg002 .pg002 a.pg002,
#pg003 .pg003 a.pg003,
#pg007 .pg007 a.pg007,
#pg008 .pg008 a.pg008,
#pg009 .pg009 a.pg009,
#pg099 .pg099 a.pg099,
#pg100 .pg106 a.pg106,
#pg107 .pg107 a.pg107,
#pg108 .pg108 a.pg108,
#pg109 .pg109 a.pg109,
#pg101 .pg101 a.pg101,
#pg102 .pg102 a.pg102,
#pg103 .pg103 a.pg103,
#pg104 .pg104 a.pg104,
#pg105 .pg105 a.pg105,
#pg401 .pg401 a.pg401,
#pg402 .pg402 a.pg402 {color:#4c9955; background:none;}
#pg201 .pg201 a.pg201,
#pg202 .pg202 a.pg202,
#pg203 .pg203 a.pg203,
#pg204 .pg204 a.pg204,
#pg205 .pg205 a.pg205,
#pg206 .pg206 a.pg206,
#pg207 .pg207 a.pg207 {color:#4c9955; background:none;}
.pg207, .pg206, .pg205, .pg204, .pg203, .pg202, .pg201, .pg099, .pg101, .pg105, .pg102, .pg103, .pg104, .pg106, .pg107, .pg108, .pg109, .pg401, .pg402
{ font-family: Trebuchet MS, sans-serif;font-size: 11px; line-height:16px; margin-left: 5px;}
/* HIDE AND SHOW of ADMIN MENU*/
#smmenu2 {display:none;}
#pg099 #smmenu2, #pg101 #smmenu2, #pg105 #smmenu2 {display:inline;}
#smmenu3 {display:none;}
#pg102 #smmenu3, #pg103 #smmenu3, #pg104 #smmenu3 {display:inline;}
#smmenu4 {display:none;}
#pg401 #smmenu4, #pg402 #smmenu4 {display:inline;}
#smmenu5 {display:none;}
#pg100 #smmenu5, #pg107 #smmenu5, #pg108 #smmenu5, #pg109 #smmenu2 {display:inline;}
/* Page Header Styles */
#head { width:560px; height:120px; padding: 0 0 10px 0;background-image: url(../i/topLine.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px; border: 0;}
#head #two {vertical-align:bottom;}
.texttitle { font-size: 22px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #005284; text-align: center; }
.texttitle2 { font-size: 18px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #014A73; text-align: left; }
.texttitle3 { font-size: 16px;font-family: Trebuchet MS, sans-serif;font-weight: bold;color: #005284;text-align: center;}
.texttitle4 { font-size: 14px;font-family: Trebuchet MS, sans-serif;font-weight: bold;color: #005284;text-align: center;}
.texttitlessm { font-size: 16px;font-family: Trebuchet MS, sans-serif;font-weight: bold;color: #005284;text-align: left; }
.texttitled { font-size: 22px;font-family: Trebuchet MS, sans-serif;font-weight: bold;color: #005284;text-align: left;}
.textsub { font-size: 18px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #76BA7D; text-align: left;}
.textsubbox { font-size: 18px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #FF7D00; text-align: center;}
.tfirst { font-size: 20px; font-family: Trebuchet MS, sans-serif; color: #000;}
.textnormal { font-size: 12px;font-family: Trebuchet MS, sans-serif;color: #000000;text-align: left;}
.textnormalc { font-size: 12px;font-family: Trebuchet MS, sans-serif;color: #000000;text-align: center;}
.notation { font-size: 10px;font-family: Trebuchet MS, sans-serif;color: #808080;text-align: center;}
.title { font-family: Trebuchet MS, sans-serif;font-weight: bold;font-size: 12px;}
.submenu { font-family: Trebuchet MS, sans-serif; font-size: 12px;}
.newitem { font-size: 10px; font-family: Trebuchet MS, sans-serif; color: #FF7D00; font-weight: bold; text-align: left; text-transform: uppercase; }
.newmenu { font-family: Arial; font-size: 12px; }
.item { font-family: Trebuchet MS, sans-serif; font-size: 12px; }
.textsubs { font-size: 13px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #76BA7D; text-align: left; }
.txt2 { font-size: 12px; font-family: Trebuchet MS, sans-serif; font-weight: normal; color: #666; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; }
.txt3 { font-size: 12px; font-family: Trebuchet MS, sans-serif; font-weight: normal; color: #000; text-align: left;/* text-transform: uppercase; letter-spacing: 0.5px; */}
.gototop { font-family: Trebuchet MS, sans-serif; font-size: 10px; text-align: right; }
.gototop2 { font-family: Trebuchet MS, sans-serif; font-size: 10px; text-align: center; }
.textsub2 { font-size: 15px; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #76BA7D; text-align: left; }
#hilight { border: 1px solid #F60; padding: 0 10px; background: #FC6; font-size: 125%; }
#hilight li { font-size: 12px;font-family: Trebuchet MS, sans-serif; }
#hilight li a { font-size: 12px;font-family: Trebuchet MS, sans-serif; font-weight: bold; }
#downloadt { border: 2px solid #014A73; padding: 12px; width: 450px; }
#downloadt a { font-size: 18px; text-align:center; }
#downloadt a.sml {font-size: 12px;}
#downloadt td { font-size: 18px; text-align:center; }
/*// headings ///*/
h3 { color: #ff6600; }
.normal ul {padding-top: 4px; padding-bottom: 5px; text-align:left;}
.normal ul li {padding-top: 4px; padding-bottom: 5px; text-align:left;}
#listbox { border:0; width:95%; margin:0; padding:0; border-top: 1px solid #ebeff5; }
#listbox td { padding:12px 5px; margin: 15px 0;}
.odd { background-color: #EBEFF5;}
#listbox td li { padding:2px 0; margin: 5px 0;}
#newcnt { border:0; width:100%; margin:0; padding:0; }
#newcnt td { padding:12px 5px; margin: 12px 0; font-weight: bold;}
/* new to site */
#new2site { float:right;width:240px; background-image: url(../i/new_tosite_mid.jpg); background-repeat: repeat-y; background-position: left top; }
#new2site ul { list-style:none; font:12px/10px Trebuchet MS, sans-serif; font-weight: bold; color: #005284; text-align: left; border-top: 1px solid #ff8000; padding: 0 0 2px 0 ; margin: 6px;}
#new2site li { margin: 4px 0; font-size: 13px; line-height: 1em;}
#new2site li.cata { font-size: 15px; text-transform:uppercase;}
#new2site li.dte { font-size: 11px; text-transform:uppercase; font-weight:bold;}
#new2site .nnew { color:#ff8000;}
#new2site #top { background-image: url(../i/new_tosite_top.jpg); background-repeat: no-repeat; background-position: left top; height:auto; width:100%; padding: 14px 0 0 5px; color:#ff8000;font:20px/20px Trebuchet MS, sans-serif; font-weight: bold;}
#new2site #bot { background-image: url(../i/new_tosite_bot.jpg); background-repeat: no-repeat; background-position: left bottom; height:20px; width:100%;}
/* Our Achievemnents */
#achie { width:307px; background-image: url(../i/achie_mid.jpg); background-repeat: repeat-y; background-position: left top; }
#achie ul { list-style:none; font:12px/10px Trebuchet MS, sans-serif; font-weight: bold; color: #005284; text-align: left; border-top: 1px solid #005284; padding: 0 0 2px 0 ; margin: 6px 6px 0 6px;}
#achie li { margin: 4px 0; font-size: 13px; line-height: 1em;}
#achie li.cata { font-size: 15px; text-transform:uppercase;}
#achie li.dte { font-size: 11px; text-transform:uppercase; font-weight:bold;}
#achie .nnew { color:#ff8000;}
#achie #top { background-image: url(../i/achie_top.jpg); background-repeat: no-repeat; background-position: left top; height:auto; width:100%; padding: 14px 0 0 5px; color:#005284;font:20px/20px Trebuchet MS, sans-serif; font-weight: bold; text-transform:uppercase;}
#achie #bot { background-image: url(../i/achie_bot.gif); background-repeat: no-repeat; background-position: left bottom; height:5px; width:100%;}
/* Tables */
.stable {width: 90%; padding:3px 0; text-align:center;}
#stable { width: 90%; padding:3px 0; text-align:center;}
#stable td { padding:12px 5px; margin: 15px 0;}
/* this code is for ns_forum_brownfield.html //*/
.fancytable { border-collapse: collapse }
.fancytable tbody tr td { font-family: Trebuchet MS, sans-serif; font-size: 8pt; padding: 3px 8px; border-left: 1px solid #D9D9D9; }
.fancytable tbody tr.light td { background-color: #EBEFF5; }
.fancytable tbody tr.selected td { background-color: #3d80df; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA; }
.fancytable th { font-family: Trebuchet MS, sans-serif; font-size: 8pt; padding: 3px 8px; text-align: left; background-color: #014A73; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA; }
form { padding: 10px 0 10px 0;}
/* items for list pages */
#sbmbtn {
background:#005284;
width:98%;
text-align:center;
padding: 5px;
margin-top:10px;
}
a:link { font-size: 12px; font-family: "Trebuchet MS", sans-serif; }
a:visited { font-size: 12px; font-family: "Trebuchet MS", sans-serif; }
a:hover { font-size: 12px; font-family: "Trebuchet MS", sans-serif;}
a:active { font-size: 12px; font-family: "Trebuchet MS", sans-serif;}
#mcnt { margin-left: 10px; float:left;}
#ipforms { font: 12px/1.25 "Trebuchet MS", sans-serif; background: #ccc; color:#005284; margin: 0; padding: 0; width:auto;}
#ipforms form, #ipforms form table td, label { background-color: #ccc; color:#005284;}
#search #mtit label { background:none; text-align:left;}
#addtn { padding: 10px; }
#listitm { padding: 5px; width: 700px;}
#shwlist table { width: 450px; border: solid 1px #4d0000; border-collapse: collapse; }
table .items { width:320px; border: solid 1px #4d0000; border-collapse: collapse;border: 0; }
table .itmes tr:hover { background-color: #fff; }
th,td { padding: 0.1em 1em; }
col { border-right: 1px solid #ccc; }
col#delbtn { border: none; }
th { color: #fff; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; line-height: 1.5em; text-align: left; background-color: #004373; }
.bluetd { color: #fff; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; line-height: 1.5em; text-align: left; background-color: #004373; }
tr { background-color: #fff;}
.odd { background-color: #edf5ff; }
#shwlist tr:nth-child(odd) { background-color: #edf5ff; }
#shwlist tr:hover { color: #4d0000; background-color: #f2eee6; }
#shwlist thead { color: inherit; background-color: #004373; }
.shwnme { width: 150px; }
button { margin-right: 10px; margin-left: 10px; padding-right: 20px; padding-left: 20px; }
#shwlist { width:560px;}
#shwlist td { font-size: 12px; font-family: tahoma; line-height: 20px; padding: 2px; }
#addtn {clear: both;}
/* Add Show Layout */
#hili { background:#FCF; color:#990066; border:1px solid #990066; width:300px; text-align:center; padding: 3px;}
#addtour {background:#fff; width:700px;}
legend, .legend {font-size:16px; font-weight:bold;}
hr {color:#003366;}
#item { list-style:none; border-top: 1px #CCCCCC dotted; margin: 4px 0 8px 2px;padding: 2px 0 2px 2px; }
#item a.tit { font-size: 16px; }
#item li.aut { font-size: 13px;font-family: Trebuchet MS, sans-serif;font-weight: bold;color: #000000/*#005284*/; }
#item li.dte { margin: 2px 0 0 0; }
#item .dte { font-weight: normal; }
#item li.dte2 { font-size: 16px; }
#item li.loc { font-size: 13px;font-family: Trebuchet MS, sans-serif;font-weight: bold; padding: 2px 0 4px 0; }
#item li.doc { font-size: 12px;font-family: Trebuchet MS, sans-serif;font-weight: normal; padding: 4px 10px 4px 10px; }
#item li.des { font-size: 11px;font-family: Trebuchet MS, sans-serif;font-weight: normal; padding: 4px 10px 4px 10px; }
.gry { color: #999999; }
#lmem td.bigb { color: #fff; background:#005284; text-align:left; font-weight:bold; padding: 4px;}
#lmem td.bigb { color: #fff;text-align:left; }
table .inside, table .inside td {background:none;}
li.TabbedPanelsTab label {background:none;}
.details { text-align:left;font-size: 13px;font-family: Trebuchet MS, sans-serif;color: #005284; padding: 2px 0 5px 0 ;}
td.must { font-weight:bold; background-color:#FF99CC; color:#990000; }
td.gray {background-color:#FF0000;}
/* SIGN IN SCREEN */
#wrapper { width: 400px; margin: 150px auto 0px; text-align: center; height: 450px;background-image: none; }
#sgnin {
width: 260px;
text-align:left;
height: 450px;
background-image: url(../i/signin.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 150px 20px 20px 20px;
margin-top: 45px;
}
#pg000 form { padding: 0; margin: 0;}
#pg000 h4 { padding: 0; margin: 0 0 5px 0;}
.inpt {margin: 5px 0 5px 0;}
.btn {margin: 5px;}
#wrapper form { color:#005284;}
#inst { border: 1px solid #004373; padding: 10px; background: #edf5ff; color: #004373; margin: 4px 4px 8px 4px;}
#menu03 { padding: 0 0 20px 0;}