/*
Pets for Life Style Sheet
Edited: May 2008 | Dustin Miller

Colours:
Baige: #e5e5ca
Dark Brown: #3c3016
text box boarder: #675736
dark green: #576736
Dark Red: #990033

*/


body{
background-image:url(images/pflBg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#715d48;
margin:none;
padding: none;
font-family:Verdana, Arial, Helvetica, sans-serif
}

h3{margin-left:180px;
margin-top:0px;
padding-top:20px;
margin-bottom:4px;
color:#990033;
font-size:16px}

td{padding:5px;
	vertical-align:top;}
tr{vertical-align:top;}
	
img{outline:none; border:0;}

p{margin:0;
	padding:0;}
	
a {color:#990033;}

a:hover {color:#715d48;}

#wrapper {
	background-color: #3c3016;
	width:776px;
	padding-left:1px;
	padding-top:1px;
	margin-left:auto;
	margin-right:auto;}

#header{
	background-color: #3c3016;
	background-image:url(images/petsforlifeHeader.jpg);
	background-repeat:no-repeat;
	width:775px;
	height:140px;}
	
#videoLink a { 
display:block;
background-image:url(images/p4lPSA.png);
position:absolute;
background-repeat:no-repeat;
background-position: 0 0;
text-indent:-9999px;
width:99px;
overflow:hidden;
height:72px;
margin: 30px 0 0 25px;}
#videoLink a:hover{ 
background-position: 0px -72px;
}
	
#nav{ margin-top:13px;
height:30px;
margin-left:-5px;
position: relative;
}

#nav ul {
position:relative;
list-style:none;
height:22px;
width:775px;
margin:0px 0 0 10px;
padding: 0px 0 0 0;
overflow:hidden;
z-index:10;
}

#nav ul li{
float:left;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited{
display:block;
background-image:url(images/petsforlife_nav.png);
background-repeat:no-repeat;
height:22px;
text-indent:-9999px;}

/* index current */
body#home #nav ul li#about-nav a {
background-position:0 0;}
/* index regular */
#nav ul li#about-nav a{
width:110px;
background-position:0 -44px;}
/* index overstate */
#nav ul li#about-nav a:hover{
background-position:0 -22px;}

/* events current */
body#events #nav ul li#events-nav a {
background-position:-110px 0;}
/* events regular */
#nav ul li#events-nav a{
width:110px;
background-position:-110px -44px;}
/* events overstate */
#nav ul li#events-nav a:hover{
background-position:-110px -22px;}



/* adoption current */
body#adoption #nav ul li#adoption-nav a {
background-position:-219px 0;}
/* adoption regular */
#nav ul li#adoption-nav a{
width:110px;
background-position:-219px -44px;}
/* adoption overstate */
#nav ul li#adoption-nav a:hover{
background-position:-219px -22px;}

/* happyTails current */
body#happyTails #nav ul li#tails-nav a {
background-position:-329px 0;}
/* happyTails regular */
#nav ul li#tails-nav a{
width:110px;
background-position:-329px -44px;}
/* happyTails overstate */
#nav ul li#tails-nav a:hover{
background-position:-329px -22px;}

/* donations current */
body#donations #nav ul li#donations-nav a {
background-position:-438px 0;}
/* donations regular */
#nav ul li#donations-nav a{
width:110px;
background-position:-438px -44px;}
/* donations overstate */
#nav ul li#donations-nav a:hover{
background-position:-438px -22px;}

/* FAQ current */
body#FAQ #nav ul li#FAQ-nav a {
background-position:-548px 0;}
/* FAQ regular */
#nav ul li#FAQ-nav a{
width:110px;
background-position:-548px -44px;}
/* FAQ overstate */
#nav ul li#FAQ-nav a:hover{
background-position:-548px -22px;}

/* contact current */
body#contact #nav ul li#contact-nav a {
background-position:-658px 0;}
/* contact regular */
#nav ul li#contact-nav a{
width:110px;
background-position:-658px -44px;}
/* contact overstate */
#nav ul li#contact-nav a:hover{
background-position:-658px -22px;}



	
#main{
	background-color: #e5e5ca;
	width:775px;
	margin:0px;
	padding:0px;}
	
#contentBox{background-color: #eae7e3;
	background-image:url(images/contentBox_bg.jpg);
	background-repeat:repeat-x;
	width:590px;
	margin-left:150px;
	font-size:10px}
	
#contentBox p{
margin: 0px 20px 0px 20px; 
padding:15px 0px 15px 0px;}

#contentBox ul{
margin: 0px 20px 0px 20px; 
padding:10px 0px 15px 10px;}

#contentBox li{
margin-top:5px;}
	
#contentBoxMatch{
	width:590px;
	margin-left:150px;
	padding:20px 20px 0 20px;
	font-size:10px}
	
.blCorner{background-image:url(images/contentBox_bl.png);
	background-position: 0 100%;
	background-repeat: no-repeat}
.brCorner{background-image:url(images/contentBox_br.png);
	background-position: 100% 100%;
	background-repeat: no-repeat}
.tlCorner{background-image:url(images/contentBox_tl.jpg);
	background-position:0 0;
	background-repeat:  no-repeat}
.trCorner{background-image:url(images/contentBox_tr.jpg);
	background-position:  100% 0;
	background-repeat:  no-repeat}

.tline{background-image:url(images/pixel.jpg);
	widows:20em;
	background-position: 0 0;
	background-repeat:repeat-x}
.lline{background-image:url(images/pixel.jpg);
	background-position: 0 0;
	background-repeat:repeat-y}
.bline{background-image:url(images/pixel.jpg);
	background-position:0 100%;
	background-repeat:repeat-x}
.rline{background-image:url(images/pixel.jpg);
	background-position:  100% 0;
	background-repeat:repeat-y}


#footer{
	background-image:url(images/petsforlifeFooter.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:775px;
	height:100px;}