/* Universal style rule */
*{
   /* Block all browser default margins and padding */

    margin:0;
    padding:0;
   /* Temporary borders */
     /* border:dashed 1px #000; */
	
	

}

/* wrapper style rule */
#wrapper{
  width:44em;
height:42em;
   background-color:#cccc99;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
  margin: 7px auto 0 auto;
border-style:double;

}

#branding{
  padding: 1px;1px;

}



#navbar{
 width:43.6em;
background:#aaa url(../art/hpart/navbak.jpg) repeat-x center;
border:ridge 2px #336699;
 font-family:  arial;
  height:1.1em;
z-index:100;


}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
z-index:100;
}

/* List items in the navbar */
#navbar li{
  float:left;
display:block;
z-index:100;
/* Required for drop-down menus */
position:relative;
}

/* Applies to navbar links, visited and unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited{ 
text-decoration:none;
font-size:100%;
color:black;
background:#aaa url(../art/hpart/navbak.jpg) repeat-x center;
display:block;
width:8.65em;
height:1em;
z-index:100;
text-align:center;

 


}

/* navbar hover and active links */
#navbar a:hover,
#navbar a:active{
  background:#ddd url(../art/hpart/navhover.jpg) repeat-x center;
  color:#0066cc;
z-index:100;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
visibility:hidden;
border:ridge 1px #cccc99;


}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */

  visibility:visible;
  z-index:100;

}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#ddd url(../art/hpart/navhover.jpg) repeat-x center;
  color:black;
  text-aligncenter;
display:block;
  width:8.4em;
  padding:3px 0 3px 0;
  height:auto;
border:ridge 1px #336699;
z-index:100;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  color:#0066cc;
background:#aaa url(../art/hpart/navbak.jpg) repeat-x center;
z-index:100;
}






body{
  background-image: url(../art/hpart/pawbg.jpg);
background-color: #369;
  font-family:  verdana, sans-serif;
  text-align: center;
}



#content{
/* Left margin must match leftcolumn width */
position:relative;  
  
}

/* Applies to h1 elements in the content division */
#content h1{
  font-family: verdana;
  color:#000;
  font-weight:bold;
  font-style:normal;
   padding:5px 15px;
z-index:5;

}

/* Applies to a elements in the content division */
#content a{
  font-family: verdana;
  color:#336699;


}



/* Applies to h3 elements in the content division */
#content h3{
  font-family: verdana;
  font-style:bold;
  }



/* Applies to p elements in the content division */
#content p{
  font-family: verdana;
   padding-bottom: 3%;
   padding-top: 1%;
}

/* Applies to h1 elements in the content division */
#content h1{
  font-family: verdana;
   padding-top: 1%;
}

/*Applies to blog link*/
div.blog{
height:44px;
width:300px;
margin: 0;
padding: 0;
background-image:url(../art/hpart/blog2.gif);
position:relative;margin-left:auto; margin-right:auto;
}
div.blog a, div.blog a:link, div.blog a:visited{
display:block;
}
div.blog img{
width:100%;
height:100%;
border: 0;
}
div.blog a:hover img{
visibility:hidden;
}