/* created: July 08, 2009 by Sylvia Ann Meadows or S A Meadows also known as m3cats www.sameadows.com */


body {
   background: #52504e url(../images/bckgrnd/body_HairLoss.jpg) repeat-y left top;
   margin: 0 auto;
   font-family: Arial, Helvetica, sans-serif;
   color: white;
   font: 90%;
   line-height: 130%;
}


/*  hold all divs on webpage  */
#wrapper {
   margin: 0px auto 0px auto;
   width: 798px;
   background: transparent url(../images/bckgrnd/container_HairLoss.jpg) repeat-y left top;
}
/*  hold logo - website top   */
#pageHeader {
   width: 797px;
   height: 141px;
   background-color: transparent;
   background-image: url(../images/bckgrnd/headerFull_HairLoss.jpg);
   background-repeat: no-repeat;
   background-position: top;
}

/*  hold all divs on webpage except header */
#container {
position: relative;
   width: 798px;
}


/* --  Main Content -- */
#mainContent {
 position:relative;
   top: 0px;
   left: 319px;
   width: 428px;
   padding-bottom: 50px;
   /*
   overflow: scroll;
   height: 550px;
   bottom: 10px;
   */
   background-color: transparent;
   background-image: url(../images/bckgrnd/mainContent_HairLoss.jpg);
   background-position: top;
   background-repeat: repeat-y;
    
}

/* --  TOP NAVIGATION right column main nav -- */
#mainNav {
  position: absolute;
   top: 0px;
   left: 49px;
   width: 266px;
   height: 550px;
   background-image: url(../images/bckgrnd/nav__HairLoss.jpg);
   background-color: transparent;
   background-position: top;
   background-repeat: no-repeat;

}

      		
	#mainNav a, #mainNav a:link, #mainNav a:visited  {
   color: white;
   background-color: transparent;
   text-decoration: none;
}
      		
	#mainNav a:hover, #mainNav a:active, #mainNav a:focus  {
    text-decoration: none;
    color: black;
	 background-color: white;
		}	
	#mainNav ul  {
   margin: 90px 0px 0px 0px;
}
	#mainNav li {
   font-size: 90%;
   list-style: none;
   padding-bottom: 2px;
}

/* --  END  TOP NAVIGATION right column -- */



/* 
footer of plain test links */
html>body #footer {margin-left: 0;}

#footer  {
   position: relative;
   bottom: 0px;
   left: 0px;
   height: 134px;
   width: 797px;
   background: transparent url(../images/bckgrnd/footerFull_HairLoss.jpg) no-repeat bottom;
}
#footer p {
text-align: center;
font-size: 8pt; 
line-height: 10pt;
padding: 0px 0px 0px 0px; 
}	
#footer a {
   text-decoration: underline;
   color: white;
   background-color: transparent;
}

#footer .closing {
   font-size: 11pt;
   padding: 0px 0px 0px 0px; 
}
  
#footer .copyright { 
font-size: 9pt;  
padding: 0px 0px 0px 0px; 
}


  

/* TEXT STYLES */
abbr, acronym,  span.abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, abbr, acronym,  span.abbr {
   padding: 4px 25px 4px 25px;
   text-align: left;
}
h1, h2, h3, h4, h5, h6 {
}
h1 {
font-size: 110%; 
}
h2 { 
font-size: 105%; 
}
h3 {
	font-size: 95%; 
}
h4 { 
	font-size: 90%;
}
h5 { 
	font-size: 85%; 
}
h6 {
	font-size: 80%;
}

p, dt {
   font-size: 90%;
   padding: 0px 25px 0px 25px;
}


ol, dl {
   font-size: 90%;
	margin: 0px 0px 0px 25px;
	padding: 2px 2px 2px 2px;
} 
ul {
   font-size: 90%;
	padding: 2px 2px 2px 10px;
}

li, dd {
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 3px;
	text-align: left;
}

a {
	text-decoration: underline;
}
	
a:link {
   color: #ffffff;
   background-color: transparent;
}

a:visited {
	 color: #ffffcc;
	 background-color: transparent;
}


/* Special Text  */


#top{
   font-size: 70%;
   line-height: 120%;
   padding: 8px 8px 0px 300px;
   text-align: right;
}

/* styles for images */
img
{ 
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
clear: both;
}

.leftFlt
{
   border: none;
   padding: 8px 10px 6px 1px;
   float: left;
   clear: both;
}
.rightFlt
{
   border: none;
   padding: 8px 1px 6px 10px;
   float: right;
   clear: both;
}
/* table styles */
table.treatment {
   width: 90%;
   font-size: 72%;
   color: black;
   background-color: #f7f7f7;
   text-align: center;
}

.treatment a {
	text-decoration: underline;
}
	
.treatment a:link {
   color: black;
   background-color: transparent;
}

.treatment a:visited {
   color: #330000;
   background-color: transparent;
}

.treatment th{
   font-size: 110%;
   font-weight: bold;
}


.box {
	border: 2px inset #7d7976;
	background-color: #898381;
	margin: 15px;
	padding: 3px 1px 3px 1px;
}

.ntext {
	font-weight: bold;
	margin: 18px;
	padding: 3px 3px 3px 3px;
	background-color: white;
	color: black;
}
.qtextarea {
	font-weight: bold;
	font-size: 88%;
	margin: 18px;
	padding: 3px 3px 3px 3px;
	background-color: #d27502;
}

