/* Layout Stylesheet */ 
.red {color:red}
.blue{color:blue}
.bluebold{color:blue; font-weight:bold}
.whitebold{color:white; font-weight:bold}

a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #003399; text-decoration: underline; line-height: 12px;} 
a:hover {color: #ff0000; text-decoration: underline; line-height: 12px} 
a:active {color: #ff0000; text-decoration: none ; line-height: 12px} 
a:visited {color: #003399; text-decoration: underline;line-height: 12px}

.head1{   color: white;   background-color: #0093a9;   font-family: Arial, Helvetica, sans-serif,Verdana;    font-size:.9em; font-weight: bold; 
border-width:0 3px 2px 0; 
border-style:solid;
border-color:#2C5656;
padding: .1em .5em .1em .5em;}

  .head2{color: #800080 ;font-family: Verdana, Arial, Helvetica, sans-serif;    font-size:1.1em; font-weight: bold; } 

  .head3{color: #008080; font-family: Verdana, Arial, Helvetica, sans-serif;    font-size:1.1em; font-weight: bold; } 

  .text1{color: #102B71;  font-family: Verdana, Arial, Helvetica, sans-serif;    font-size:1em; } 

  .text2{color: #E20A51;  font-family: Verdana, Arial, Helvetica, sans-serif;    font-size:1em; } 

  .text4{color: #8000FF; font-family: Verdana, Arial, Helvetica, sans-serif;   font-size:1em; font-weight: bold; } 

body {
 margin:10px;
 background:#ffffff;
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .8em; 
 color: #000000;
}

#level0 {
 width:92%;
 background: #eeeeee;
 border:1px solid #000000;
 }
#level1 {
 width:100%;
 border:0px solid blue;
 display:table;
}


#navBar {
 width:100%;
  margin:.1em;
    background:teal;
    padding:.1em .1em .1em 2em;
    text-align:left;
}
#navBar form{
    float:right;
    text-align:right;
    margin:.1em;
    line-height:.7em;
}
#navBar input {font-size:.8em;}

#navBar b {
    text-align:left;
    color: white;
}
#navBar a {
	color: white;
	text-decoration: none; 
	padding: .1em;
}
#navBar a:hover {
	background-color: purple;
    	color: #60EDF1;
	text-decoration: underline;
}
 
#topBar {
  border:0px solid #E00000;
 }


#header {
  width:100%;
  padding: .1em .1em .1em .1em;
  text-align:left;
  border:0px solid red;
 }

#floatRtBx {
 text-align:center;
 float:right;
 width:180px;
 padding: .5em .3em 1em .3em;
 border:0px solid #000000; 
 }

#floatRtBx2 {
 text-align:left;
 float:right;
 width:280px;
 heght:280px;
 margin: .0em .3em 1em .3em;
 padding: .0em .3em 1em .3em;
 border:0px solid #000000; 
 clear: none;
 }

#leftCol {
 text-align:left;
 float:left;
 margin: .2em 1em .2em .2em;
 border:0px solid #000000;
 font-size:.9em; 
 }
#centerCol {
 text-align:left;
 float:center;
 margin: .2em .2em .2em 2em;
 border:0px solid #000000; 
 font-size:1em;
 }

#msgBox1 {
  background-color: #99eeee;;
  color: #purple;
  padding: .2em;
  border:1px solid #000000; 
 }
#msgBox2 {
  background-color: #336633;
  color: #ffcc00;
  padding: .9em .2em .9em .2em;
  font-size:1.1em;
  font-weight: bold;
  border:0px solid #000000; 
 }
#msgBox2 a{
  color: #ffffff;
  text-decoration: none; 
 }
#msgBox2 a:hover {
  color: #ffffff; 
  text-transform:uppercase;
  text-decoration: none; 
 } 
#msgBox3 {
  padding: .2em;
  font-size:.9em;
  border:0px solid #000000; 
 }
#msgBox3 a{
  color: blue;
  text-decoration: none; 
 }
#msgBox3 a:hover {
  color: blue; 
  text-transform:uppercase;
  text-decoration: none; 
 } 
#msgBox5 {
  padding: .8em;
  font-size: 1em;
  border-style: solid; 
  border-width: 0px 1px 1px 1px; 
 }
#msgBox5 a{
  color: blue;
  text-decoration: none; 
 }
#msgBox5 a:hover {
  color: blue; 
  text-transform:none;
  text-decoration: none;
  font-style: italic;  
 } 


#genericRow {
  width:100%;
  padding: 0; text-align: left;
  border:0px solid red; 
  display:table;
  clear:none;
}

#lftBar {
 float:left;
 width:172px;
 padding: .5em .1em 2em .3em;
 border:0px solid #000000; 
 visibility: visible;
 clear:none;
}

#lftBar2 {
 float:left;
  min-height:520px;
 width:85px;
 padding: .5em .1em 2em .3em;
 border:0px solid #000000; 
 visibility: visible;}

#lftBar3 {
 float:left;
 width:75px;
 padding: .0em .2em .1em .1em;
 border:0px solid #000000; 
 visibility: visible;}

#main {
 min-width: 70%;
 min-height:520px;
 margin-top:2px;
 margin-left:185px;
 margin-right:2px;
 border:0px solid #000000;
 clear:none;
 }

#main2 {
 min-width: 60%;
  min-height:320px;
 padding:.5em .5em .5em .5em;
 border:1px solid #000000;
 float:both;
 }


#mainOneCol {
 min-width: 550px;
 margin:.5em 1em .5em 1em;
 border:0px solid #000000;
 }

#cont {
 border:0px dotted #000000;
 padding:.5em 1em 2.5em .5em;
 text-align:left;
 clear:none;
 }


 #footer {
 margin:.5em .5em .5em .5em;
 padding:.5em .5em .5em .5em;
 border:0px solid #000000;
 text-align:center;
}



A.m:link  {color:#D9D2C1; text-decoration:none;}
A.m:visited  {color:#c0c0c0; text-decoration:none;} 
A.m:active {color:#ffffff; text-decoration:none;}
A.m:hover {color:#E4ED9A; text-decoration:underline;}  

#menuLevel0 {
 width:170px;
 text-align:left;
 border:0px solid #000000;
 display:table;
 }

#menuItem {
  width:150px; 
  text-align:left;
  padding: .23em .5em .21em .5em;
  margin:.3em 0 0 0;
  border-width:0 4px 3px 0; 
  border-style:solid;
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1.0em;
}

#menuItem a{
  color: #ffffff;
  text-decoration: none; 
 }

.MenuLbl0  { width:150px; background-color: #0093a9; color:#ffffff;
	margin-left:0px;
	border:1px solid #45a789 }

.itmOn  {
  background-color: #ff1100; color:#E4ED9A; 
  margin:.2em 0 0 .7em;
  border-color:#45a789;
  }

.itmOff { 
  background-color: #2C5656; color:white; 
  margin:.2em 0 0 0;
  border-color:#45a789;
  }
.itmOff_1 { 
  background-color: #3333CC; color:#ffffff; 
  margin:.2em 0 0 0;
  border-color:#480085;
  }
.itmOff_2 { 
  background-color: #666666; color:white; 
  margin:.2em 0 0 0;
  border-color:#061C5B;
  }
.itmOff_3 { 
  background-color: #009966; color:F4FAF6; 
  margin:.2em 0 0 0;
  border-color:#391541;
  }
.itmOff_4 { 
  background-color: #009999; color:white; 
  margin:.2em 0 0 0;
  border-color:#6A6F79;
  }
.itmOff_5 { 
  background-color: #333399; color:white; 
  margin:.2em 0 0 0;
  border-color:#0888A3;
  }
.itmOff_6 { 
  background-color: #660066; color:white; 
  margin:.2em 0 0 0;
  border-color:#0888A3;
  }
.itmOff_7 { 
  background-color: #990066; color:white; 
  margin:.2em 0 0 0;
  border-color:#0888A3;
  }
.itmOff_8 { 
  background-color: #9966CC; color:white; 
  margin:.2em 0 0 0;
  border-color:#0888A3;
  }
.itmOff_9 { 
  background-color: #FF9933; color:white; 
  margin:.2em 0 0 0;
  border-color:#0888A3;
  }

.itmLbl { 
 background-color: #F5E1F5; 
 color:#108245; 
 padding:.1em;
 border-width:0 0px 0px 0; 
}




#dataTable {
  text-align:center;
  padding: .5em;
  border-width:1px 2px 2px 1px; 
  border-style:solid;
  border-color:gray;
  font-family:Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1em;
 }

#dataTable td{
  padding: .1em .3em .1em .3em;
  border-width:0px 1px 1px 0px; 
  border-style:solid;
 }
#tabTable {
  width:100%;
  text-align:center;
  margin:0 0 0 0;
  padding: .0em;
  border-width:0px 0px 0px 0px; 
  font-family:Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1em;
 }
#tabTable tr{
  padding: .0em .0em .0em .0em;
   margin:0 0 0 0;
 }
#tabTable td{
  padding: .0em .0em .0em .0em;
   margin:0 0 0 0;
 }

#layoutTable {
  width:100%;
  height: 450px;
  text-align:left;
  margin:0 0 0 0;
  padding: .1em;
  border-width:0px 0px 0px 0px; 
  font-family:Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1em;
 }


#tabTable td{
  padding: .1em .3em .0em .3em;
  margin:0 0 0 0;
  border-width:0px 0px 0px 0px; 
 }
#tabTable tr{
  padding: 0 0 0 0;
  margin:0 0 0 0;
  border-width:0px 0px 0px 0px; 
 }

#dataTable2 {
  padding: .1em;
  border-width:1px 1px 1px 1px; 
  border-style:solid;
  border-color:gray;
  font-family:Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1em;
 }

#dataTable2 td{
  padding: .1em .3em .1em .3em;
  border-width:0px 0px 0px 0px; 
  border-style:solid;
 }

#calulatorTable {
  text-align:center;
  background-color: #F7CE7C; 
  padding: .5em .5em .5em .5em;
  border-width:1px 5px 5px 1px; 
  border-style:solid;
  border-color:gray;
  font-family:Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1em;
 }
#calulatorTable td{
 }



.rightText{
  text-align:right;
 }


#TitleTeal {
  padding: .1em;
  font-size:1.5em;
  font-weight: bold;
  color:teal; 
 }
#TitlePurple {
  padding: .1em;
  font-size:1.5em;
  font-weight: bold;
  color:purple; 
 }
#TitlePurple1 {
  text-align:center;
  padding: .1em;
  font-size:1.2em;
  font-weight: bold;
  color:purple; 
 }

#ListStyle1 li{
  list-style-type : circle;
  list-style-position: outside;
 
 }

#thumb1 {
 padding: .1em .2em .1em .1em;
 }

#titleText {
 text-align:left;
  padding: .5em 1em .3em 2em;
  font-size:2.5em;
  font-weight: bold;
  color:white; 
 }

#BoldTextTeal {
  padding: .1em;
  font-size:1em;
  font-weight: bold;
  color:teal; 
 }

#BoldTextWhiteCtr {
  text-align:center;
  padding: .1em;
  font-size:.9em;
  font-weight: bold;
  color:white; 
 }
#BoldTextWhite {
  text-align:left;
  padding: .1em;
  font-size:.9em;
  font-weight: bold;
  color:white; 
  padding: .2em 2em 1em 5em;
 }




#userMenu {
  width:150px; 
  margin:0 0 0 0;
  padding: 0 0 0 0;
  font-size: 1.1em;
  word-spacing: -0.02em;
  letter-spacing: -0.05em;
  border:0px solid #000000;
  line-height: 1.3;
 }
#userMenu a{
  color: blue;
  text-decoration: none; 
  line-height: 1.3;
 }
#userMenu a:hover {
  color: red; 
  text-transform:none;
  text-decoration: underline; 
  font-style: italic; 
 } 

#floatRtImg1 {
 float:right;
 height:60px;
 margin: .6em .6em .6em .6em;
 border:2px solid #000000; 
 }

.businesscard {
  background-color: ; padding: .6em .6em .8em .6em;
  border:1px solid #ffffff; 
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1.0em;
}

.genericFont {
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: 1.0em;
}

.genericFontP9 {
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: .9em;
}


 .data {background-color:#b3b3b3; border:1px solid #898989; width:40%;}
 .data tr td {background-color:#dddddd; font:12px Arial; width:35%;}
//  .bar1 {background-color:#b3b3b3; position:relative; text-align:left; height:20px; width:<? print $progress_bar_width; ?>px; border:1px solid #505050;}
   .bar1 {background-color:#b3b3b3; position:relative; text-align:left; height:10px; width:450px; border:1px solid #505050;}
  .bar2 {background-color:#000099; position:relative; text-align:left; height:10px; width:10%;}


.leftText0 {
  font-family: Arial, Helvetica, sans-serif, Verdana; 
  font-size: .9em;
}