html {
	text-align: center;
	height: 100%;
	width:100%;
}

body {
	font: normal 90%/1.8em Calibri, Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	width: 100%;
	margin: 10px 10px 10px 10px;
	height: 100%;
	position: relative;
	text-align: left;
	
}

div {   
	text-align: center;
	color: Black;
}
span.highlight
{ 
	background-color: yellow;
}

h1 {
	
	font-size: x-large;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0em;
	text-align: center;
	color: Black;
}
h2 {
	
	font-size: large;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0em;
	text-align: center;
	color: Black;
	}
	h3 {
	
	font-size: x-large;
	font-weight: bold;
	margin-top: 10%;
	margin-bottom: 0em;
	text-align: center;
	color: Blue;
	}
	h4 {
	
	font-size: x-large;
	font-weight: bold;
	margin-top: 10%;
	margin-bottom: 0em;
	text-align: left;
	color: Blue;
	}
ul
{
	list-style-type:  none;
	position: absolute;
	right: 20%;
	top: 25%;
	text-align: right;
	font-style: inherit; 
}
li
{
	height: 40px;
	font-size: medium;
	
	}
td
{
	border-style: groove;
	border-color: Gray;
    font-weight: lighter;
	font-size: medium;
	
	}
#background 
{
	
	background-position: 5% 5%;
	padding: 10px;
	border: 100;
	color: Maroon;
	height: 80%;
	width: 80%;
		
}
img.source-image
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
#left
{
	position:absolute;
	top: 18%;
	left:5%;
	width:20%;
	height:80%;
	bottom: auto;
	vertical-align: bottom;
	padding: 10px;
	color: Blue;
	font-size:medium;
	font-weight:bolder;
    text-align: left;
	
}
#center
{
	position:absolute;
	top: 20%;
	left:35%;
	width:30%;
	height:100%;
	bottom: auto;
	vertical-align: bottom;
	padding: 10px;
	color: Black;
    font-weight: bold;
}

#myright
{
	position:absolute;
	top: 20%;
	left:60%;
	width:25%;
	height:100%;
	bottom: auto;
	vertical-align: bottom;
	color: Black;
    font-weight: bold;

	
}

#image
{
	position:absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height:90%;
	bottom: auto;
	vertical-align: bottom;
	padding: 10px;
	color: Black;
    font-weight: bold;
}

#list
{
list-style-type: none;
position: absolute;
right: 75%;
}
#row1
{
	table-layout:auto;
	text-align: right;
	position:relative;
	right:200px
}
#footer
{
	position: absolute;
	font-size: x-small;
	bottom: -5%;
	left: 5%;
	color: red;
	
}
div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }
#paw
{
	
	background-image: url('pictures/dogpawwallpaper.jpg') ;
	background-repeat:repeat;
 
	}