body 
{
	background-color:black;
	color:antiquewhite;
	font-family:Verdana, Arial, Sans-Serif;
	margin:0;
	
	font-size:0.7em;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#4a4a4a, endColorstr=black); 
}
h1, h2, h3, h4
{
	margin:0;
	
	
}
p 
{
	margin-top:0em;
	margin-bottom:0.5em;
	padding:0.5em;
	text-indent:1.5em;
}

a img
{ 
	border:none;
}



a img:hover 
	{
		border-style:solid;
		border-width:thick;
	}

a:visited {color: gray; text-decoration: none; }
a:hover 
{
	color: linen; 
	text-decoration: underline; 	
	background-color:DarkGray; 
}
a:active {color: white; } 


.LogoBlock
{
	height:100px;
	border-bottom: solid 2pt black;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=black, endColorstr=#4a4a4a); 
}

/* This is used on a dog's page to show the name & brief description 
   of the dog. It is placed in a div floated left.
*/
.DogInfo
{
	color:gold;
	width:100%;
   filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=darkgray, endColorstr=#313131); 
}
.DogInfo h1, h2
{
	margin:0;
}

.DogName 
{
	width:50%;
	float:left;
	margin:0.3em;
	padding:10px;
	text-align:left;

}

.DogTitle
{
	margin:1em;
	float:right;
	text-align:right;
	
}
.DogName:first-line
{
	font-size:1.5em;
	font-weight:bold;
}

.DogTitle:first-Line
{
	font-size:1.1em;
	font-weight:bold;
}



.TitleBlock 
{
	color:gold;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:2em;
	text-align:center;
	background-color:Black;
	border-bottom: solid 2pt gold;
	height:80px;
}
.ContentBlock
{
	margin-left:0.5em;
	margin-right:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}

.Footer
{
	border-top: solid 2pt black; 
	background-color:black;
	color:linen;
	vertical-align:bottom;
	text-align:center;
}

.EditPhotoCaption
{
	background-color:BlanchedAlmond;
    border: ridge 2pt black; 
    padding:0.2em;                    
}

div.img
  {

  border: 1px solid lightgray;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  margin:5px;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid lightgray;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
	color:gold;
  text-align: center;
  font-weight: normal;
  padding:5px;
  margin: 2px;
  }

.PageLinks
{
	text-align:center;
	position:relative;
	padding:1em;
}

/* fix for menu bug in IE8.  Add this as CSS class in the master file with the menu control */
.adjustedZIndex {
    z-index: 1;
}