.default-style {
overflow:hidden;
}
.default-style a:hover {text-decoration:underline} .default-style a:active {text-decoration:underline}

img
{  border-style: none;
}

ul {
list-style: none;
margin-left: 1em;
padding-left: 1em;
text-indent: -1em;
}
li {
list-style: none;
margin-left: 0;
padding: 3px 15px;
}

.plain-text {
overflow:auto;
}
.plain-text a:hover {text-decoration:underline} .plain-text a:active {text-decoration:underline}

.heading {
padding:2px; border-width:0; border-style:solid; border-color:#D8D8D8; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FFFFFF; text-align:center; overflow:hidden;
}
.heading a:hover {text-decoration:underline} .heading a:active {text-decoration:underline}

.subheading {
font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:14px; color:#FFFFFF; text-align:left; overflow:hidden;
}
.subheading a:hover {text-decoration:underline} .subheading a:active {text-decoration:underline}

.smallText2 {font:10px arial;color:#FFFFFF;}

.smallText {font:10px arial;color:#000000;}

.regText {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFCC;}

.regText2 {font:12px arial;color:#000000;}

.regText_justify {
 font-family:Arial, Helvetica, sans-serif; font-size:12px; 
 color:#FFFFCC;
 text-align: justify;
}


/* ////////////////////////////////////// HTTPREQUEST AJAX STYLE ////////////////////////////////////////

/* HTTPREQUEST STYLES */
#demoLinkList {
 list-style: none;
 margin: 0;
 padding: 0;
}

#demoLinkList li {
 float: left;
 width: 8em;
}

#demoLinkList a {
 display: block;
 /* padding: 0.5em; */
 background-color: #8899BB;
 color: #FFFFFF;
 text-decoration: none;
}

#demoLinkList a:hover {
 background-color: #CCDDFF;
 color: #000000;
}

#targetArea, #blindArea {
 clear: both;
/* background: #3B4346;          /* ============ BACKGROUND COLOR ============ */ */
 min-height: 20em;
 /* height: 32em; */
 /* overflow: auto; */
}



/* ////////////////////////////////////// NAVIGATION STYLE ////////////////////////////////////////

/* left navigation buttons */

.navbutton {
 background-color: #333333;
 font-weight: bold; 
 font-size: 70%; 
 margin: .5em 0px; 
 height: 5em; 
/* WIDTH: 15em; */ 
 padding-top: .3em;
 padding-left: .3em;
 padding-right: .3em;
 font-family: helvetica,arial,sans-serif;
}

.navbutton A {
 display: block;
 width: 100%;
 height: 100%;
 text-decoration: none;
}

.navbutton SPAN.txt_msg {
 padding-top: 1em;
 padding-left: 3em;
}

.navbutton SPAN.icon {
 padding-right: 0.4em;
 padding-left: 3em; 
 padding-bottom: 0px; 
/* color: #0c479d; */ 
 padding-top: 0px; 
/* background-color: #fff */
}

.navbutton A:hover {
 color: #333333;
 background-color: #F6DA91;
 text-decoration: none;
}

/* .navbutton A:link {
 COLOR: #FFF;
 TEXT-DECORATION: none;
}
.navbutton A:visited {
 COLOR: #FFF;
 TEXT-DECORATION: none;
}


*/

.navbutton A:link {
 border-right: #4a4a4a 2px solid;
 border-top: #cecece 1px solid;
 border-left: #cecece 1px solid;
 border-bottom: #4a4a4a 2px solid
}
.navbutton A:visited {
 border-right: #4a4a4a 2px solid;
 border-top: #cecece 1px solid;
 border-left: #cecece 1px solid;
 border-bottom: #4a4a4a 2px solid
}
.navbutton A:hover {
 border-right: #cecece 1px solid;
 border-top: #4a4a4a 2px solid;
 border-left: #4a4a4a 2px solid;
 border-bottom: #cecece 1px solid
}

.rightback2 {
 background-color: #333333;
 font-weight: bold; 
 font-size: 70%; 
 margin: .5em 0px; 
/* height: 5em; */
 width: 100%; 
 padding-top: .3em;
 padding-left: 1em;
 padding-right: .3em;
 padding-bottom: 2em;
 font-family: helvetica,arial,sans-serif;
 border-color: #566364;
 border-style: outset;
 border-width: 1px;

/* 
  margin: .5em 0px; 
  padding-left: .8em;
  padding-top: .3em;
  padding-bottom: 2em;
  background-color: #333333;
  border-color: #566364;
  border-style: outset;
  border-width: 2px;
*/
}


.log_off {
  position: ABSOLUTE;
  top: 80px;
  right: 20px;
  width: 400px;
  border: 0px SOLID #363;
  text-align: RIGHT;
  z-index: 90;
}
  

.active_user_panel {
  padding-left: .8em;
  padding-top: 0;
  padding-bottom: .5em;
  background-color: #333333;
  border-color: #566364;
  border-style: outset;
  border-width: 3px;
/*  word-wrap: break-word; */
  text-align: left;

}

.active_users {
/* FONT-WEIGHT: bold; */
 font-size: X-SMALL;
 color: #66FF00;
 font-family: helvetica,arial,sans-serif;
 background-color: #333333;
}

.active_users A {
 color: #66FF00;
 font-size: X-SMALL;
 text-decoration: NONE;
}
.active_users A:hover {
 font-size: SMALL;
 font-weight: BOLD;
 color: #333333;
 background-color: #FFFF00;
}



/* hide these rules from CSS-challenged browsers */
@media screen, projection {
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}



/* MAIN CONTAINER */
.main-container {
/*  background-color: #3B4346;  /* ============ BACKGROUND COLOR ============ show behind ENTIRE HDR/3-COL/FTR LAYOUT */ */
}



/* left column */
.nav {
  width: 20%;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .2em 0 .2em .5em;  /* space from window edge (IE messes up with margin, so use padding) */
  font-size: 90%;
  /* border: 2px solid red; */
}


/* center column */
.content {
  width: 75%;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: 2em 1.5%;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
/*  background-color: #3B4346;         /* ============ BACKGROUND COLOR ============  behind the CENTER column */ */
  color: #000;
  border-color: #999;       /* W3C CSS validation service get an erroneous */
  border-style: solid;     /*   parse error on border-right shorthand, */
  border-width: 0 1px;     /*   but not on individual properties */
}

} /* end screen only rules */




@media screen, projection, print {
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #010101 url(../images/master-bg2.jpg) repeat-x top left;  /* ========BACKGROUND COLOR / GRADIENT IMAGE ======  ENTIRE PAGE - body color */
  color: #000;
}

h1 {
  font-size: 175%;
  margin: .3em;
}
h2 {
  font-size: 125%;
  margin: .2em 0;
}
a:link {
  /* color: #00f; */
  color: #F6DA91;
  background-color: transparent;
}
a:visited {
  color: #F6C23A;
  background-color: transparent;
}



/* page header, uses body colors */
.header {
  width: 100%;             /* full window width */
  margin-top: 150px;
  padding-top: .1em;
  padding-bottom: .1em;
  font-size: 88%;
  text-align: center;
  border-top: #333333 3px solid;
/*  background-color: #474F52; */
}
/* page footer, uses body colors */
.footer {
  clear: both;             /* below all columns */
  width: 100%;             /* full window width */
  margin: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 88%;
  text-align: center;
/*  background-color: #474F52; */
}
.header p,
.footer p {
  margin-bottom: 0;        /* prevent gaps between divs in some browsers */
}

/* container for the 3 columns */
.outer-container {
  width: 100%;             /* full window width */
  margin: 0;               /* keep flush with adjacent containers */
/*  background-color: #3B4346;  /* ============ BACKGROUND COLOR ============ show behind the RIGHT column */ */
  color: #000;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}


/* container for just the left and center columns */
.inner-container {
  width: 81%;              /* leaves 20% of window width for right column */
  float: left;             /* left side of window */
/*  background-color: #3B4346;  /* ============ BACKGROUND COLOR ============ show behind the LEFT column */ */
  color: #000;             /*   delete these colors to get same color as right column */
  margin: 0;               /* keep flush with adjacent containers */
  /* border: 2px solid red; */
}

/* right column */
.sidebar {
  width: 15%;              /* a little less than available 20% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 3% .3em 0;      /* some space from right window edge */
  font-size: 90%;
  /* border: 2px solid red; */
}

.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}
} /* end screen/print rules */

/* rules for WinIE only */
@media screen, projection {
* html .clear {
  display: none;           /* prevent excessive gap at div bottom in WinIE5 */
}
} /* end WinIE only rules */



/* print only rules (per request) */
@media print {
.nav {
	display: none;
}
.content {
	float: left;
}

} /* end print only rules */