body {
   	margin: 0px;
}
.header{
  width: 950px;
  height: 200px;
  background: #3333CC url(../images/headerBg.gif) repeat-x;
}
.wrapper{
 width: 950px;
 height: auto;
 margin: 10px;
}
.stage{
  width: 950px;
  height: auto;
  z-index: 1;
}
.content{
  position: relative;
  float: left;
  width: auto;
}
.sectionBg{
  position: relative;
  float: none;
  height: auto;
  min-height: 1000px;
  width: 702px;
}
.sectionNavBodyBg{
  position: relative;
  float: none;
  height: auto;
  min-height: 1000px;
  width: 235px;
}
.demo{
  padding: 20px;
  background-color: #FFFFFF;
  border: #C0C0C0 thin dashed;
  width: 300px;
}

*{
  padding: 0px;
  margin: 0px;
}
p{
    font-family: sans-serif;
    font-weight: normal;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
h1{
    font-family: sans-serif;
    font-weight: bolder;
	margin: 0;
    padding: 0px;
    font-size: 105%;
}
h2{
    font-family: sans-serif;
    font-weight: bold;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
h3{
    font-family: sans-serif;
    font-weight: bold;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
h4{
    font-family: sans-serif;
    font-weight: bold;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
h5{
    font-family: sans-serif;
    font-weight: bold;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
h6{
    font-family: sans-serif;
    font-weight: bold;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
a{
    font-family: sans-serif;
    font-weight: normal;
	margin: 0;
    padding: 0px;
    font-size: 12px;
}
ol{
    font-family: sans-serif;
    font-weight: normal;
	margin: 0;
    padding: 0px;
    font-size: 98%;
}
td{
    font-family: sans-serif;
    font-weight: normal;
	margin: 0;
    padding: 0px;
    font-size: 90%;
}
ul{
margin-left: 10px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
}
#labelText{
font-family: sans-serif;
}
#exampleText{
  font-family: Tahoma;
}
#exampleTextAnswer{
 font-family: Tahoma;
}
.enhance p{
font-size: 120%;
padding: 10px;
}
.enhance h2{
font-size: 120%;
}
#enhance{
/* border: #FFFF33 thin dotted; */
font-size: 110%;
padding: 10px;
}


/***END Fonts ********/
/*****START LINKS **********/
a img {
	border-width: 0;
	border-style: none;
}
/*****END LINKS **********/

/*****START COMMON ********/

.clearer{
  clear: both;
}

br {
	clear: both;
}

hr {
	display: none;
}
/*****END COMMON ********/
/*P.I.E. FLOAT CLEARING */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* START Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END hide from IE-mac */


.hNav{
  position: relative;
  float: left;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 950px;
  height: 37px;
  background: #4e4e4e url(../images/navBar.png) repeat-x;
  /* background-color: #FFFF33;  */        /* ff6600  #FFFF66  #1B1B1B*/
  border: #fa754f  thin solid;     /* #fa754f  #da0707   #e5411b         */
}
.hNav a{
text-decoration: none;
color: #ffffff;
font-size: 100%;
}
.hNav a:link{
text-decoration: none;
color: #ffffff;
}
.hNav a:visited{
text-decoration: none;
color: #ffffff;
}
.hNav a:active{
text-decoration: none;
color: #ffffff;
}
.hNav a:hover{
 text-decoration: none;
color: #000000;
background-color: #FFFFFF;
}

.vNav{
  position: relative;
  float: left;
}
.vNavLinks{
padding: 5px;
}
.vNavLinks ul, ol{
list-style: none;
}
.vNavLinks a{
text-decoration: none;
font-size: 80%;
}
.vNavLinks a:link{
text-decoration: none;
}
.vNavLinks a:visited{
text-decoration: none;
}
.vNavLinks a:active{
text-decoration: none;
}
.vNavLinks a:hover{
 text-decoration: none;
background-color: transparent;
}
.headerStc{
position: relative;
float: left;
top: 0px;
margin: 20px;
/* background: #fff url(http://scopious.com/2009/www/scopious.com/images/stcHeader.png) repeat-x;   */
/*background: #336699 url(../images/header-2.jpg) no-repeat; */
z-index: 500;
}
.headerStc h1{
font-family: Georgia;
font-size: 300%;
color: #f2ca4e;
}
.li_ready{
position: relative;
float: right;
width: 300px;
background: #D7D7D7;
border: #FF0033 thin solid;
padding: 5px;
}
.li_loginError{
position: relative;
float: right;
width: 300px;
background: #CC0033;
border: #FF0033 thin solid;
padding: 5px;
}
.li p{
font-family: Georgia;
font-weight: bold;
font-size: 80%;
color: #FFFFFF;
}
#login{
position: relative;
float: right;
width: 200px;
margin: 5px;
}
#login p{
font-family: sans-serif;
font-size: 80%;
}

.li_out{
  position: relative;
  float: right;
  padding: 10px;
  top: 0px;
}
.li_out p{
 font-family: Georgia;
font-weight: bold;
font-size: 80%;
}
.li_in{
  position: relative;
  float: right;
  padding: 10px;
}
.li_in p{
font-family: Georgia;
font-weight: bold;
font-size: 80%;
}
.li_in a:link{
 font-family: sans-serif;
 font-size: 100%;
 color: #ffffff;
 text-decoration: underline;
}
.li_in a:visited{
 font-family: sans-serif;
 font-size: 100%;
 color: #ffffff;
 text-decoration: underline;
}
.li_in a:active{
 font-family: sans-serif;
 font-size: 100%;
 color: #ffffff;
 text-decoration: underline;
}
.li_in a:hover{
 font-family: sans-serif;
 font-size: 100%;
 color: #ffffff;
 text-decoration: underline;
 background-color: transparent;
}
.liact a:link{
 font-family: Verdana;
 font-size: 90%;
 color: #f78235;
 text-decoration: none;
 background-color: transparent;
}
.liact a:visited{
 font-family: Verdana;
 font-size: 90%;
 color: #f78235;
 text-decoration: none;
 background-color: transparent;
}
.liact a:active{
 font-family: Verdana;
 font-size: 90%;
 color: #f78235;
 text-decoration: none;
 background-color: transparent;
}
.liact a:hover{
 font-family: Verdana;
 font-size: 90%;
 color: #f4b48a;
 text-decoration: none;
 background-color: transparent;
}
.forgotpws{
  position: relative;
  float: right;
  padding: 2px;
}
.forgotpws a:link{
 font-family: sans-serif;
 font-size: 70%;
 color: #000000;
 text-decoration: none;
}
.forgotpws a:visited{
 font-family: sans-serif;
 font-size: 70%;
 color: #000000;
 text-decoration: none;
}
.forgotpws a:active{
 font-family: sans-serif;
 font-size: 70%;
 color: #000000;
 text-decoration: none;
}
.forgotpws a:hover{
 font-family: sans-serif;
 font-size: 70%;
 color: #646464;
 text-decoration: none;
 background-color: transparent;
}
.footer{
position: relative;
float: none;
height: auto;
padding: 10px;
}
.footer p{
font-family: Arial;
font-size: 80%;
}
.footer a:link{
 font-family: Arial;
 font-size: 100%;
 text-decoration: underline;
}
.footer a:visited{
 font-family: Arial;
 font-size: 100%;
 text-decoration: underline;
}
.footer a:active{
 font-family: Arial;
 font-size: 100%;
 text-decoration: underline;
}
.footer a:hover{
 font-family: Arial;
 font-size: 100%;
 background-color: transparent;
 text-decoration: underline;
}
.contactInfo{
  position: relative;
  float: right;
}
.errorMsg
{
 color: #f00;
 background-color: #fcc;
 border: 2px solid #f00;
 margin: 5px;
 padding: 5px;
 width: 90%;
 list-style: none;
}
.errorMsg a:link{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.errorMsg a:visited{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.errorMsg a:active{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.errorMsg a:hover{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
 background-color: transparent;
}
.congratsMsg
{
 color:  #6699FF;
 background-color:  #99FFCC;
 border: 2px solid #6699FF;
 margin: 3px;
 padding: 3px;
 width: 90%;
 list-style: none;
}
.congratsMsg a:link{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: underline;
}
.congratsMsg a:visited{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: underline;
}
.congratsMsg a:active{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: underline;
}
.congratsMsg a:hover{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: underline;
  background-color: transparent;
}

.warningMsg
{
 color: #000000;
 background-color: #FFFF33;
 border: 2px solid #6699FF;
 margin: 5px;
 padding: 5px;
 width: 100%;
 list-style: none;
}
.warningMsg a:link{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.warningMsg a:visited{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.warningMsg a:active{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
}
.warningMsg a:hover{
 font-family: Arial;
 font-size: 70%;
 color: #0000ff;
 text-decoration: none;
 background-color: transparent;
}
.formImage{
  position: relative;
  float: none;
  border:  #330000 thin dotted;
  margin: 3px;
  width: 290px;
}
.loginFlowChart{
  position: relative;
  float: left;
  padding: 5px;
  background: #FFFFFF url(../images/loginFlowChart3.png) no-repeat;
  width: 457px;
  height: 640px;
}
.billPayerForm h1{
  font-size: 3em;
  color: #000000;
}
.billPayerForm p{
  font-size: 1.3em;
  color: #000000;
}
.billPayerForm strong{
  font-size: 1.4em;
  color: #000000;
}