body {background-color: #A4D4B0;
background-image: url(watertexture.gif);
  color: #000000; font-size: large;}

#header {color: #000000;}
.photo {float: left; margin: 0 20px 0 20px;}
.myphoto {border: 2px solid black;}
.preamble {border-bottom: 2px solid #044476;}
#para2 {color: #000000; margin: 20px 2%;}
#consultation {color: #000000; width: 60%; float: left; margin: 0 2% 2%; border-style: solid; border-width: 2px; border-color: #044476; padding: 5px; background-image: url(yeltan.jpg);}
.address {color: #000000; margin: 20px 2% 0 2%;}
.outer {width: 96%; margin: 10px 2%; clear: both; font-size: medium;}
.fire {width: 20%; border-style: solid; border-width: 1%; border-color: #044476; padding: 2%; background-color: #F6B3AD;
background-image: url(fireback.gif);}
.earth {width: 20%; border-style: solid; border-width: 1%; border-color: #044476; padding: 2%; background-color: #C7E19E;
background-image: url(tanpaper.gif);}
.air {width: 20%; border-style: solid; border-width: 1%; border-color: #044476; padding: 2%; background-color: #BFE2F9;
background-image: url(summerpaper.gif);}
.water {width: 20%; border-style: solid; border-width: 1%; border-color: #044476; padding: 2%; background-color: #A4D4B0;
background-image: url(watertexture.gif);}
#footer {color: #000000; width: 80%; margin-left: 10%; margin-right: 10%; font-size: large;}
a:link { color: #0000FF }
  a:visited { color: #000080 }
  a:active { color: #800000 }
  a:hover {color: #980034 }
p.c5 {font-style: italic; text-align: center}
  p.c4 {font-weight: bold}
  p.c3 {font-weight: bold; text-align: center}
  p.c2 {text-align: center}
  h1.c1 {text-align: center}