﻿body {
	background: #676767 url(bggradient.png) repeat-x;
  	font-family:"Georgia", "Times New Roman", serif;
	color:#FFF;
	}

#wrapper {
   background: #600 url(wrapperbg.png) repeat-y top left;
	width: 750px;
	overflow: hidden;
	margin: 0 auto;
	}
	
#nav {
	float: left;
	width: 168px;
	position: relative;
	overflow: hidden;
	}
	
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: center;
	color: #000;
	background-color: #999999;
	clear: both;
	padding-bottom: 0.6em;
	padding-top: 0.6em;
	}
	
/* 
*   Page Content Styles
*/
 
.date {
	font-size: 1em;
	color: #FFF;
	padding-left: 2em;
	}

#content {
	width: 565px;
	float: left;
	position: relative;
	left: 5px;
	padding-bottom: 5px;
	}
	
#content a {	
	color: #36C;	
	}

#content h1 {
	color:#FFF;
	text-align: center;
	font-size: 1.6em;
	padding-top: 0.3em;
	}
	
#content h2 {
	color: #FFF;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-left: 2em;
	}
	
#content h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #036;  	
	color: #CCF;
	}
	
#content h4 {
	color: #000;
	padding-left:1em;
	margin: 0em;
	}
	
#content p {
	color: #bbb;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 2em;
	padding-right: 2em;
   }

#content hr {
	color: #BBB;
	}

img.ozzy {
	float: right;
	width: 200px;
	height: 200px;
	border: 1px;
}

/*
*    CSS-styled menu with Sprite
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	float: left;
	text-decoration: none;
	margin: 0px;
    }
.displace {
    position: absolute;
    left: -5000px;
    }
ul.cssmenu li {
    float: left;
    }
ul.cssmenu li a {
    display: block;
    width: 170px;
    height: 50px;
    background: url('sprite_flat_256.png');
    }
/*
*    Normal Links
*/
ul.cssmenu li.about a {
    background-position: 0 0;
    }
ul.cssmenu li.home a {
    background-position: 0 -50px;
    }
ul.cssmenu li.available a {
    background-position: 0 -100px;
    }
ul.cssmenu li.BYA a {
    background-position: 0 -150px;
    }
/*
*    Hover Links
*/
ul.cssmenu li.about a:hover {
    background-position: -170px 0;
    }
ul.cssmenu li.home a:hover {
    background-position: -170px -50px;
    }
ul.cssmenu li.available a:hover {
    background-position: -170px -100px;
    }
ul.cssmenu li.BYA a:hover {
    background-position: -170px -150px;
    }
/*
*    Clicked Links
*/
ul.cssmenu li.about a:active {
    background-position: -340px 0;
    }
ul.cssmenu li.home a:active {
    background-position: -340px -50px;
    }
ul.cssmenu li.available a:active {
    background-position: -340px -100px;
    }
ul.cssmenu li.BYA a:active {
    background-position: -340px -150px;
    }
/*
*    Selected/Active Links
*/
ul.cssmenu li.about a.selected {
    background-position: -510px 0;
    }
ul.cssmenu li.home a.selected {
    background-position: -510px -50px;
    }
ul.cssmenu li.available a.selected {
    background-position: -510px -100px;
    }
ul.cssmenu li.BYA a.selected {
    background-position: -510px -150px;
    }
/*
*	Petfinder Scroller
*/
iframe {
	width: 500px; 
	height: 400px; 
	padding: 1em 0 1em 1em; 
	position: relative; 
	float: left; 
	}

