/* CSS Document */

ul#nav { 
 list-style-type: none; 
 padding: 0; 
 margin: 0;

} 

#welcome a:link, #welcome a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav1a.gif) top left no-repeat; 
text-decoration: none; 
}

#welcome a:hover { 
background: url(media/nav1b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#welcome a:active { 
background: url(media/nav1c.gif) top left no-repeat; 
 color: #8ec700; 
}

#what_is a:link, #what_is a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav2a.gif) top left no-repeat; 
text-decoration: none; 
}

#what_is a:hover { 
background: url(media/nav2b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#what_is a:active { 
background: url(media/nav2c.gif) top left no-repeat; 
color: #8ec700; 
}

#doctors a:link, #doctors a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav3a.gif) top left no-repeat; 
text-decoration: none; 
}

#doctors a:hover { 
background: url(media/nav3b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#doctors a:active { 
background: url(media/nav3c.gif) top left no-repeat; 
 color: #8ec700; 
}

#first a:link, #first a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav4a.gif) top left no-repeat; 
text-decoration: none; 
}

#first a:hover { 
background: url(media/nav4b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#first a:active { 
background: url(media/nav4c.gif) top left no-repeat; 
 color: #8ec700; 
}

#treatments a:link, #treatments a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav5a.gif) top left no-repeat; 
text-decoration: none; 
}

#treatments a:hover { 
background: url(media/nav5b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#treatments a:active { 
background: url(media/nav5c.gif) top left no-repeat; 
 color: #8ec700; 
}

#conditions a:link, #conditions a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav6a.gif) top left no-repeat; 
text-decoration: none; 
}

#conditions a:hover { 
background: url(media/nav6b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#conditions a:active { 
background: url(media/nav6c.gif) top left no-repeat; 
 color: #8ec700; 
}

#research a:link, #research a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav7a.gif) top left no-repeat; 
text-decoration: none; 
}

#research a:hover { 
background: url(media/nav7b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#research a:active { 
background: url(media/nav7c.gif) top left no-repeat; 
 color: #8ec700; 
}

#contactus a:link, #contactus a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav8a.gif) top left no-repeat; 
text-decoration: none; 
}

#contactus a:hover { 
background: url(media/nav8b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#contactus a:active { 
background: url(media/nav8c.gif) top left no-repeat; 
 color: #8ec700; 
}

#ourclinic a:link, #ourclinic a:visited { 
display: block; 
width: 195px; 
height:25px;
font: bold 80% Arial, Helvetica, sans-serif;
text-indent:-9000px;
background: url(media/nav9a.gif) top left no-repeat; 
text-decoration: none; 
}

#ourclinic a:hover { 
background: url(media/nav9b.gif) top left no-repeat; 
 color: #8ec700; 
}
 
#ourclinic a:active { 
background: url(media/nav9c.gif) top left no-repeat; 
 color: #8ec700; 
}

<!-------menu---------!>

#menu {
	width:100%; 
	margin:150px auto 0 auto;
 }

#menu a, #menu a:visited {
  text-align:left;
  font: bold 120%/1.0 sans-serif, serif, Arial;
  padding:2px;
  padding-right:5px;
  text-decoration:none; 
  color:#898EAB; 
  display:block; 
  width:150px;
  height:auto;
  border:5px solid #fff; 
  background-color:transparent; 
  border-color:#EEEEEE; 
  }
#menu a:hover {
  color: white;
  background-color:#B6D451; 
  border-color:#dfd7ca #b2ab9b;
  }
</style>