body {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px 0px 0px 0px;}

td {
  FONT-SIZE: 11px;}
  
td.header {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  background: #D4D9D3 url('../images/hair-loss-logo.jpg') no-repeat left;
  height: 120px;
  padding: 20px 0px 0px 130px;}
  
td.topBarLeft {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  background-color: #788F9A;
  padding: 2px 2px 2px 8px;}

td.topBarRight {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: right;
  background-color: #788F9A;
  padding: 0px;}
  
td.leftContent {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  width: 180px;
  padding: 0px 8px 0px 6px;}
  
td.rightContent {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  padding: 0px 8px 0px 6px;}
  
td.plain {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  background-color: #D3D9D4;
  vertical-align: top;
  padding: 6px;}
  
table.navMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  border: 2px solid #000000;
  width: 180px;
  padding: 0px;}  
  
td.body {
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  border: 0px;
  width: 100%;
  padding: 6px;}  


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: static;
	width: 600px;}

h1 {
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;}

h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 0px;}

h3 { 
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  text-decoration: none;}

h4 {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  padding: 14px 0px 6px 0px;
  text-decoration: none;}

h5 {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;}

.formInput {
  font-size: 10px;
  background-color: #FFFFFF;
  padding: 0px;}
   
.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #5A2552;
  color: #FAF9C1;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #713668;
  border-right: 2px solid #3C1035;
  border-bottom: 2px solid #3C1035;
  border-left: 2px solid #713668;
  text-decoration: none;
  cursor: pointer;}

.link {
  text-decoration: underline;
  color: #0000FF;}

.link:hover {
  color: #0000FF;
  text-decoration: underline;}

.linkPlain {
  color: #000000;
  text-decoration: none;}

.linkPlain:hover {
  color: #0000FF;
  text-decoration: underline;}

.linkAttention {
  text-decoration: underline;
  color: #CC0000;}

.linkAttention:hover {
  color: #FF0000;
  text-decoration: underline;}

.linkSmall {
  font-size: 9px;
  color: #000000;
  text-decoration: none;}

.linkSmall:hover {
  font-size: 9px;
  color: #333333;
  text-decoration: underline;}
  
.linkSpecial {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #CC0000;}

.linkSpecial:hover {
  color: #FF0000;
  font-size: 11px;
  text-decoration: underline;}
  
.linkTopBar {
  text-decoration: none;
  font-weight: bold;
  color: #FAF9C1;}

.linkTopBar:hover {
  color: #F2D182;
  text-decoration: underline;}

.tableColor1 {
  background-color: #D4D9D3;}
  
.tableColor2 {
  background-color: #D3D9D4;}
  
.tableColor3 {
  background-color: #F2D182;}
  
.tableColor4 {
  background-color: #FAF9C1;}

.tableColor5 {
  background-color: #9CB6A0;}
  
.tableColor6 {
  background-color: #000000;} 

.tableHeader {
  color: #000000;
  font-weight: bold;	
  font-size: 10px;
  text-align: right;
  background-color: #FFFFFF;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;}
 
.formPad {
  margin: 0px 0px 0px 0px;
  padding: 0px;}

.tablePad1 {
  padding: 1px;}

.tablePad2 {
  padding: 2px;}

.tablePad4 {
  padding: 4px;}

.tablePad12 {
  padding: 12px;}
  
/*--MENU--*/  
  
#navcontainer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  width: 180px;
  margin: 0;
  background: #000000;}		
		
ul#navlist {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;}
		
ul#navlist li {
  display: block;
  margin: 0;
  padding: 0;}
		
ul#navlist li a {
  display: block;
  width: 100%;
  padding: 1px 2px 1px 2px;
  border-width: 2px;
  border-color: #DDE1DC #CCD1CB #CCD1CB #DDE1DC;
  border-style: solid;
  color: #000000;  
  text-decoration: none;
  background: #D4D9D3;}
		
#navcontainer>ul#navlist li a { 
  width: auto; }
		
ul#navlist li#active a {
  color: #FFFFFF;
  background: #CCD1CB;
  border-color: #A66F00 #DDAA47 #DDAA47 #A66F00;}
		
ul#navlist li a:hover, ul#navlist li#active a:hover {
  color: #5A2552;
  background: #F2D182;
  border-color: #F7DA93 #DCB861 #DCB861 #F7DA93;}

.tableLeftNavHeader {
  font-size: 13px;
  background-color: #788F9A;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
  border-top: 2px solid #819EAC;
  border-right: 2px solid #637A84;
  border-bottom: 2px solid #637A84;
  border-left: 2px solid #819EAC;
  text-decoration: none;}