/* HTML elements */
@media print {
.noprint {
display: none;}
}

@media screen {
.noscreen {
display: none;
visibility: hidden;}
}

body {
position: relative;
height: auto;
overflow: auto;
z-index: 1;
}

h1 {
text-align: center;
font: italic normal bold 24pt/1 times, times new roman, serif;
color: #006600;
}

h2 {
text-align: center;
font: italic normal bold 24pt/1 times, times new roman, serif;
}

h3 {
text-align: center;
font: italic normal bold 18pt/.8 times, times new roman, serif;
color: #006600;
}

h4 {
text-align: center;
font: italic normal normal 14pt/.8 times, times new roman, serif;
color: #006600;
}

p {
text-align: justify;
font: normal normal normal medium/1 palatino linotype, book antiqua, serif;
text-indent: 1em;
}

ul {
margin-top: 0;
margin-left: -1.5em;
margin-bottom: .5ex;
text-align: left;
list-style: disc;
}

/* Spaces */

.smallSpace {
display: inline-block;
width: 20px;
}

.bigSpace {
display: inline-block;
width: 40px;
}

.giantSpace {
display: inline-block;
width: 100px;
}

.vSpace {
position: relative;
display: block;
margin: 1ex 0;
}

.vSpaceLg {
position: relative;
display: block;
margin: 2ex 0;
}



/* Colors */
/* Text */

.txtBGreen {
color: #9ed29a;
}

.txtLGreen {
color: #007e41;
}

.txtDGreen {
color: #006600;
}

.txtGGreen {
color: #00ff66
}

.txtRed {
color: red;
}

.txtWhite {
color: white;
}

/* Backgrounds & BG Colors */

.bgrdDPix {
background: top url(ITSTVL_D.GIF) repeat fixed; 
}

.bgrdLPix {
background: top url(ITSTVL_L.GIF) repeat fixed; 
}

.bgrdGenPix {
background: top url(Tech_1.jpg) repeat fixed;
text-align: center;
}

.bgrdGenPixL {
background: top url(Tech_1L.JPG) repeat fixed;
text-align: center;
}

.bgrdDGreen {
background-color: #006600;
color: white;
}

.bgrdLGreen {
background-color: #9ed29a;
}

.bgrdBriteGreen {
background-color: #90ee90;
}

.bgrdPaleGreen {
background-color: #f0fff0;
}

.bgrdYellow {
background-color: #faf0c8;
}

.bgrdWhite {
background-color: white;
}

.bgrdRed {
background-color: red;
}


/* CONTENT CONTAINERS */
/* Headers */

.hdrFrame {
position: fixed;
float: none;
background-color: white;
margin: -130px 0 0 50px;
height: 120px;
width: 850px;
z-index: 15;
}

.homeHdr {
position: fixed;
background-position: top;
background: url(hdr_home.gif) 0 0 no-repeat;
}

.memHdr {
position: fixed;
background-position: top;
background: url(hdr_members.jpg) 0 0 no-repeat;
}

.logo1 { 
position: relative;
background-position: top;
background: url(logoBlock.gif) 0 0 no-repeat; 
margin: -10px 0 0 -65px;
float: left;
left: 10px; 
width: 150px; 
height: 129px; 
z-index: 15;
}

.topScreen {
position: fixed;
margin: -150px 0 0 0;
width: 850px;
height: 140px;
z-index: 15;
}

.ctrlBlock {
position: fixed;
margin: 150px 0 10px -30px;
width: 170px;
padding: 2ex .5em;
border-top: 10px solid #006600;
z-index: 15;
[color: black;
position: absolute;
left: 10px;]
}

/* Body Containers */

.mainContainer {
position: relative;
width: 850px;
margin: 150px auto 0 auto;
z-index: 1;
}

.printContainer {
position: relative;
width: 90%;
margin: 20px auto 0 auto;
z-index: 1;
}

.contentContainer {
position: relative;
display: block;
float: none;
margin: 140px auto 10px auto;
min-height: 500px;
overflow-y: auto;
overflow-x: hidden;
z-index: 2;
}

.footer {
position: relative;
bottom: 0;
width: 850px;
height: 15px;
margin: 0 auto 0 auto;
padding: 1ex 0;
background-color: #006600;
color: white;
line-height: 10pt;
text-align: center;
z-index: 2;
}

/* Content elements */

.txtBoxHdr {
display: block;
position: relative;
padding: .5ex .5em;
}

.txtBoxNB {
display: block;
position: relative;
padding: 1.75ex .5em;
}

.txtBoxNBP {
display: block;
position: relative;
width: 98%;
height: auto;
margin: 0 auto 0 auto;
}

.txtBoxTB {
display: block;
position: relative;
padding: 1ex .5em;
border-top: 10px solid #006600;
}

.txtBoxSB {
display: block;
position: relative;
padding: 1ex .5em;
border-left: 2px solid #CAFFD8;
border-top: 3px solid #CAFFD8;
border-right: 2px solid #006600;
border-bottom: 3px solid #006600;
}

.txtBoxInset {
display: block;
position: relative;
margin: 1ex 2em;
padding: 1.75ex .5em;
}

.txtHdrInset {
display: block;
position: relative;
padding: .5ex 1em;
}

.scrollBox {
display: block;
position: relative;
padding: 2ex 1em 0 0;
overflow-y: auto;
}

.ctrBox {
display: block;
position: relative;
background-color: transparent;
text-align: center;
}

.clearBox {
display: block;
position: relative;
margin-top: 1.75ex;
padding-right: .5em;
overflow: auto;
}

.ctrlPanel {
position: relative;
display: inline-block;
background-color: silver;
border: medium outset;
margin: 2ex 0;
padding: .75ex .5em;
text-align: center;
}



/* Menu elements */
/* Public Buttons */

.hdrBtns {
position: relative;
float: left;
margin: 86px 0 0 95px;
width: 650px;
height: 34px;
overflow: hidden;
z-index: 20;
}

.hdrBtns a {
display: inline;
float: left;
width: 122px;
height: 28px;
background: #56AA6E;
border-bottom: 2px solid #006600;
border-right: 2px solid #006600;
padding: .4ex 0 0 0;
color: #9ed29a;
font: italic 18px/1 arial black, san-serif;
text-align: center;
text-decoration: none;
}

.hdrBtns a:hover {
background: #faf0c8;
color: black;
}

.hdrBtns a:active {
background: #006600;
color: white;
}


/* Members */

.memHdrBtnFrame {
position: relative;
float: left;
margin: 86px 0 0 98px;
width: 650px;
height: 32px;
overflow: hidden;
z-index: 20;
}

.memHdrBtns a {
display: inline;
float: left;
width: 122px;
height: 26px;
background: #56AA6E;
border-bottom: 2px solid #006600;
border-right: 2px solid #006600;
padding: .4ex 0 0 0;
color: #9ed29a;
font: italic 18px/1 arial black, san-serif;
text-align: center;
text-decoration: none;
}

.memHdrBtns a:hover {
background: #faf0c8;
color: black;
}

.memHdrBtns a:active {
background: #006600;
color: white;
}

.memHdrBtns2 a {
display: inline;
float: left;
width: 244px;
height: 26px;
background: #56AA6E;
border-bottom: 2px solid #006600;
border-right: 2px solid #006600;
padding: .4ex 0 0 0;
color: #9ed29a;
font: italic 18px/1 arial black, san-serif;
text-align: center;
text-decoration: none;
}

.memHdrBtns2 a:hover {
background: #faf0c8;
color: black;
}

.memHdrBtns2 a:active {
background: #006600;
color: white;
}

.memHdrBtnSpace1 {
display: inline;
float: left;
width: 122px;
height: 26px;
background: #56AA6E;
border-right: 2px solid #006600;
border-bottom: 2px solid #006600;
font: italic 18px/1 arial black, san-serif;
padding: .4ex 0 0 0;
color: #ffd062;
text-align: center;
text-decoration: none;
}

.memHdrBtnSpace2 {
display: inline;
float: left;
width: 244px;
height: 26px;
background: #56AA6E;
border-right: 2px solid #006600;
border-bottom: 2px solid #006600;
font: italic 18px/1 arial black, san-serif;
padding: .4ex 0 0 0;
color: #ffd062;
text-align: center;
text-decoration: none;
}

.memHdrBtnSpace3 {
display: inline;
float: left;
width: 366px;
height: 26px;
background: #56AA6E;
border-right: 2px solid #006600;
border-bottom: 2px solid #006600;
font: italic 18px/1 arial black, san-serif;
padding: .4ex 0 0 0;
color: #ffd062;
text-align: center;
text-decoration: none;
}


/* SideNav CtrlBlock Buttons */

.sNavBtns {
position: relative;
display: block;
margin: 10px auto 10px 20px;
overflow: hidden;
}

.sNavBtns a {
display: block;
width: 122px;
height: 22px;
background: #56AA6E;
border-bottom: 2px solid #006600;
border-right: 2px solid #006600;
padding: .6ex 0 0 0;
/*color: #9ed29a;*/
color: #087F42;
font: normal normal bold 16px/1 arial, san-serif;
text-align: center;
text-decoration: none;
overflow: hidden;
}

.sNavBtns a:hover {
background: #ffd062;
color: black;
}

.sNavBtns a:active {
background: #006600;
color: white;
}

/* Members Nav Buttons */

.mNavBtns {
position: relative;
margin: 8px 10%;
overflow: hidden;
}

.mNavBtns a {
display: block;
width: 190px;
height: 22px;
background: #56AA6E;
border-bottom: 2px solid #006600;
border-right: 2px solid #006600;
padding: .6ex 0 0 0;
/*color: #9ed29a;*/
color: #087F42;
font: normal normal bold 16px/1 arial, san-serif;
text-align: center;
text-decoration: none;
}

.mNavBtns a:hover {
background: #ffd062;
color: black;
}

.mNavBtns a:active {
background: #006600;
color: white;
}

/* Chatter BI */
.biBtns {
position: relative;
/* margin-bottom: 10px; */
overflow: hidden;
}

.biBtns a {
display: block;
width: 110px;
height: 10px;
background: white;
padding: .6ex 0 0 0;
color: black;
font: normal normal bold 16px/1 arial, san-serif;
text-align: center;
text-decoration: none;
}

.biBtns a:hover {
background: #ffd062;
color: black;
}

.biBtns a:active {
background: #006600;
color: white;
}

/* Page elements */
/* Sidebars */

.leftSideBar {
position: relative;
width: 22%;
margin: 20px 0 20px 1%;
float: left;
}

.rightSideBar {
position: relative;
width: 22%;
margin: 20px 1% 20px 0;
float: left;
}

.lockSideBar {
position: fixed;
width: 200px;
margin: 20px 0 0 1%;
float: left;
}


/* Columns */

.centerCol {
position: relative;
display: block;
float: none;
width: 95%;
margin: 20px 1.5% 20px 1.5%;
}

.centerCol80 {
position: relative;
display: block;
float: left;
width: 80%;
margin: 20px 2%;
}

.rightCol70 {
position: relative;
display: block;
float: right;
width: 70%;
margin: 0 1% 20px 1%;
z-index: 2;
}

/* Use with sidebars */

.sbCenterCol {
position: relative;
display: block;
float: left;
margin: 20px 1%;
width: 52%;
}

.sbFWCol {
position: relative;
display: block;
float: right;
right: 1%;
width: 70%;
margin: 20px 0;
}

.leftSBCL {
position: relative;
display: block;
float: left;
left: 1%;
width: 32%;
margin: 20px 0;
}

.leftSBCR {
position: relative;
display: block;
float: right;
width: 32%;
margin: 20px 0;
}

.leftSB3CL {
position: relative;
display: block;
float: left;
margin: 20px 2% 20px 4%;
width: 21%;
}

.leftSB3CC {
position: relative;
display: block;
float: left;
margin: 20px 2%;
width: 21%;
}

.leftSB3CR {
position: relative;
display: block;
float: right;
margin: 20px 2% 20px 0;
width: 21%;
}


/* Full-width 3 column layout */
.body3CL {
position: relative;
display: block;
width: 30%;
float: left;
margin: 0 3% 20px 2%;
background-color: transparent;
}

.body3CC {
position: relative;
display: block;
float: left;
background-color: transparent;
margin-bottom: 20px;
width: 30%;
}

.body3CR {
position: relative;
display: block;
float: right;
margin: 0 1% 20px 0;
background-color: transparent;
width: 30%;
}

.body3CFWR {
position: relative;
display: block;
float: right;
margin: 0 1% 20px 0;
background-color: transparent;
width: 62%;
}


/* Full-width 2 column layout */
.body2CL {
position: relative;
display: block;
float: left;
left: 1%;
background-color: transparent;
width: 47%;
}

.body2CR {
position: relative;
display: block;
float: right;
right: 1%;
background-color: transparent;
width: 47%;
}


/* Ctrl + column layout */
.ctrlFWCol {
position: relative;
display: block;
float: right;
width: 70%;
margin: 0 1% 20px 1%;
z-index: 2;
}

.ctrl2CL {
position: relative;
display: block;
float: left;
background-color: transparent;
width: 49%;
}

.ctrl2CR {
position: relative;
display: block;
float: right;
background-color: transparent;
width: 49%;
}


/* Text formats vvv */

.linkTxt {
position: relative;
display: inline;
text-decoration: none;
}

.linkTxt a {
display: inline;
text-decoration: none;
color: #0000ff;
}

.linkTxt a:hover {
text-decoration: underline;
color: #00cc00;
}

.linkTxt a:active {
text-decoration: underline;
color: #0000ff;
}

/* styles */

.txtC {
text-align: center;
}

.txtL {
text-align: left;
}

.txtR {
text-align: right;
}

.txtJ {
text-align: justify;
}

.txtU {
text-decoration: underline;
}

.mH1 {
font: italic normal bold 24pt/1 times, times new roman, serif;
padding: .5ex 0;
}

.mH2 {
padding: .5ex 0;
font: italic normal bold 14pt/.8 times, times new roman, serif;
}

.cH3 {
font: italic normal bold large/1 times, times new roman, serif;
}

.pBS {
font: normal normal normal medium/.9 palatino linotype, book antiqua, serif;
}

.pBM {
font: normal normal normal large/.9 palatino linotype, book antiqua, serif;
}

.pBL {
font: normal normal normal larger/.9 palatino linotype, book antiqua, serif;
}

.pMS {
font: normal normal normal small/1.1 palatino linotype, book antiqua, serif;
text-indent: 1em;
}

.pM {
font: normal normal normal medium/1.1 palatino linotype, book antiqua, serif;
text-indent: 1em;
}

.pML {
font: normal normal normal large/1.1 palatino linotype, book antiqua, serif;
text-indent: 1em;
}

.pS {
font: normal normal normal x-small/1.1 tahoma, geneva, sans-serif;
text-indent: 1em;
}

.pSL {
font: normal normal normal x-small/1.1 tahoma, geneva, sans-serif;
}

.pLg {
font: normal normal normal large/1.1 palatino linotype, book antiqua, serif;
text-indent: 1em;
}

.pH1 {
font: italic normal bold x-large/1 times, times new roman, serif;
}

.pH2 {
font: italic normal bold larger/1 times, times new roman, serif;
}

.pH3 {
font: italic normal bold large/1 times, times new roman, serif;
}

.pH4 {
font: italic normal bold medium/1 times, times new roman, serif;
}

.fTxtM {
font-family: tahoma, geneva, sans-serif;
font-size: medium;
}

.fTxtS {
font-family: tahoma, geneva, sans-serif;
font-size: small;
}