body		{
		 /*background-color: #A28D7A;*/
		 /*background-image: url("../../Photos/newStyle/block_bkgrd.jpg");*/
		}

   #main	{
		 background-color: #867750; /*block shadow*/
		 border: medium outset #CBB387;/*sunny stucco*/
		}


   #nav a	{
	         background-image: url(../../Photos/newStyle/shrub_bkgrd.jpg);
		 color: #FFFFFF;/*white*/
		 border: medium outset #CBB387;/*sunny stucco*/
		}

   #nav a:hover	{
		 text-decoration: none;
		 color: #35363A; 
		 background-color: #CBB387;
		 background-image: url(../../Photos/newStyle/block_bkgrd.jpg);
		 border: thick inset #A28D7A;/*gray*/
		 }

   #content	{
		 background-color: #867750; /*block shadow*/
		 border-left:thick dotted #302816; dk olive green
		 border-top: none;
		 border-right: none;
		 border-bottom: none;
		 padding: none;
		}

   #text	{
		 background-color: #CBB387;/*sunny stucco*/
		 border: medium inset #CBB387;/*sunny stucco*/
		 margin: 0 auto;
		 padding: 10px;		 
		}

   #image	{
		 background-color: #302816;/*dk olive green*/
		 border: none;
		}

   #caption	{
		 background-image: url(../../Photos/newStyle/blockwall.jpg);
		 border:medium outset #CBB387; /*sunny stucco*/
		}


   #submenu	{
		 color: #FEFFDF;
		}


   #submenu a	{
		 border: thin outset #CBB387; /*sunny stucco*/
		 background-image: url(../../Photos/newStyle/shrub_bkgrd.jpg);
		 width: 150px;
		 font-family: "Palatino", serif;
		 font-size: 1em;
		 font-weight: heavy;
		 text-align: center;
		}

   #submenu a:hover
		{
		 background-image: url(../../Photos/newStyle/block_bkgrd.jpg);
		 color: #302816;/*dk olive green*/
		}

/*this information appears at the bottom of all pages check to make sure color is correct*/	

   #address	{
		 background-color: #302816;/*dk olive green*/
		 /*background-image: url(../../Photos/newStyle/blockwall.jpg);*/
		 color: color: #302816;
		 border: thick outset #CBB387;/*sunny stucco*/
		}

   #address a 	{
		 color: #FEFFDF;
		 /*border: thick outset #A28D7A;*/
		}

   #address a:hover {
		 color: #302816;
		 background-color: #CBB387;
		 border: thin inset #CBB387;
		}

/*this styles the main content of the page it may be modified depending on the layout*/


  .photoleft	{
		 margin-right: 15px;
		 float: left;
		 border:thin solid #FFFFFF;
	 	 font-style: italic;
		 font-size: small;
		 text-align: center;
		 background-color: white;
		}

  .photoright	{
		 margin-left: 15px;
		 float: right;
		 border:thin solid #FFFFFF;
	 	 font-style: italic;
		 font-size: small;
		 text-align: center;
		 background-color: white;
		}
 
  .photocenter	{
		 border:thin solid #FFFFFF;
	 	 font-style: italic;
		 font-size: small;
		 text-align: center;
		 background-color: white;
		}
 


  h1		{
		 font-family: "Comic Sans MS", sans-serif;
		 font-size: larger;
		 font-weight: heavy;
		 text-align: center;
		 clear: left;
		}

  h2		{
		 font-family: "Palatino Linotype", Palatino, serif;
		 font-size: medium;
		 font-weight: heavy;
		}


  h3		{
		font-family: "Comic Sans MS" , sans-serif;
		font-size: medium;
		}

  p.tag		{
		 font-style: italic;
		}

   p a		{
		 text-decoration: none;
		 color: #FEFFDF;
		 background-color: #867750; /*block shadow*/
		 font-family: "Arial";
		 font-size: .7em;
		 border: thin outset #A28D7A;
		 padding: 2px;
		}

   p a:hover	{
		 text-decoration: none;
		 color:#302816;/*dk olive green*/
		 background-color: #CBB387;
		 border: thin inset #CBB387;
		 padding: 1px;
		}	

   li a		{
		 text-decoration: none;
		 color: #FEFFDF;
		 background-color: #867750; /*block shadow*/
		 font-family: "Arial";
		 font-size: 0.7em;
		 border: thin outset #A28D7A;
		 padding: 2px;
		}

   li a:hover	{
		 text-decoration: none;
		 color:#302816;/*dk olive green*/
		 background-color: #CBB387;
		 border: thin inset #CBB387;
		 padding: 1px;
		}	
/* this is included here because it has the images for the left column main navigation it is not a style sheet component*/  
<div id="nav">


  <A HREF="../../Home_stucco.html"
                             onMouseOver="document.pic1.src='../../Photos/newStyle/logo_stucco2.jpg'"
                             onMouseOut="document.pic1.src='../../Photos/newStyle/logo_shrub_wht.jpg'" >

                            <IMG id="logo" SRC="../../Photos/newStyle/logo_shrub_wht.jpg" ALT="catdoc logo" BORDER=0 NAME="pic1" width=135px height=135px></A>

	<a href="../Staff/Staff_stucco.html">Staff</a>
	<a href="TipsTails_stucco.html">Tips and Tails</a>
	<a href="../Purrsonality/Purrsonality_stucco.html">Purrsonality</a>
	<a href="../CatsEyeTarot/TarotCats_stucco.html">Cat's Eye Tarot</a>
	<a href="http://www.myvetdirect.com/thecatdoc/"target=_blank>On Line Store</a>
	<a href="../Contact/Contact_stucco.html">Contact</a>
   
   </div><!--nav-->*/