* {margin:0; padding:0;} 
html {font-size:1em;}
body {
	font: 105% Arial,Helvetica, sans-serif;
	line-height:1.2em;text-align:center; 
	color:#000000;
	background-color:#f2eedc;
	background-image:url(images/pawbkgrnd4.gif);
	/*9ca9dd f2eedc;(beige)*/
	}

h1 { font-size: 1.5em; margin-top: 15px; margin-bottom:15px;letter-spacing: 1px; }
/* color:#666600; */
h2 { font-size: 1.2em; line-height: 1.3em; letter-spacing: -1px;}
dt {font-weight:bold;padding-top:10px;padding-left:40px;}
dd {padding-left:40px;}
a {text-decoration:none;color:#66C;}
a:hover {color:#66C;text-decoration:underline;}
p {margin-bottom:10px;margin-top:10px;}
p.hide {visibility:hidden;margin-bottom:0px;margin-top:0px;line-height:.8em;}
p.print-header {visibility:hidden;margin:0px;line-height:0em;!important}
div#mainwrap {
	width:780px; 
	margin-left:auto; margin-right:auto; 
	text-align:left; 
	}

div#header {
	width:780px;
	height:150px; 
	background-color:#99C; /* in case image doesn't load; background purple */
	background:url(images/header.jpg); 	
} 
img.title {
	padding-top:12px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	border:0px;
}
div#header a {text-decoration:none;}

/* defined area for nav and content */
div#contentarea {
	width:780px; 
	margin-bottom:20px;
	background-color:#dfd6b2; /*cfcd99;d4d3a4*/
/*	background-color:#FFF;
	background-image:url(images/bkground.gif); 
	background-repeat: repeat; */
}

/* to achieve drop-shadows on images */
.alpha-shadow {
  float: left;
  background: url(images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(images/emptyshadow.png) no-repeat left top !important;
  background: url(images/emptyshadow.gif) no-repeat left top;
  padding: 0px 5px 5px 0px; 
}

.alpha-shadow img {
  width:160px;
  height:185px;
  border: 1px solid #f2eedc; 
  padding: 0px;
  width/**/:/**/ 158px;
  height/**/:/**/ 183px;
}

.alpha-shadow-wide {
  float: left;
  background: url(images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
.alpha-shadow-wide div {
  background: url(images/emptyshadow.png) no-repeat left top !important;
  background: url(images/emptyshadow.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}
.alpha-shadow-wide img {
  width:185px;
  height:160px;
  border: 1px solid #f2eedc; 
  padding: 0px;
  width/**/:/**/ 183px;
  height/**/:/**/ 158px;
}
  
/* navigation column definition */
/* the horizontal menu starts here */
div#nav {
	width:780px;
	color:#FFFFFF;
	background-image:url(images/navBkgrnd.gif); 
	background-repeat: repeat;
	float:left;
	font-size:.9em;
	}
	div#nav ul{
	list-style-type:none;
	margin: 0 0 0 40px;
	}
	div#nav li{
	padding:10px 12px;
	float:left;
	}
	div#nav a {
	text-decoration:none;
	padding:10px 12px;
	font-weight:bold;
	color:#FFFFFF;
	}
	div#nav a:hover {
	color:#000000;
	}

/* the horizontal menu ends here */
/* END OF LIST-BASED MENU */


div#nav li.current{ 
	color:#000000;
}

div#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top:10px;
	padding-left:20px;
	margin-bottom:20px;
}
#sidebar1 p {
	font-size:1.1em;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
}
#sidebar1 p.highlight {padding-top:60px;letter-spacing:-1px;}

div#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top:10px;
	padding-left:20px;
	margin-bottom:20px;
}

div#mainContent {
	width: 320px;
	float:left;
	padding-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
}
#mainContent span {
	font-weight:bold; 
	font-size:1.4em;
}
#mainContent p {
padding-top:5px;
padding-bottom:10px;
}
#mainContent p.drop {padding-top:20px;} 
#mainContent img{
	margin:5px 0px 5px 0px;
}

div#content {
	width: 500px;
	padding-top:10px;
	float:left;
	margin-bottom:20px;
	padding-left:20px;
	padding-bottom:20px;
	}
#content img{
	margin:10px 0px 15px 10px;
}

#content p.stylize {font-style:italic;}
#content span {
	font-weight:bold; 
	font-size:1.4em;
	color:#666600;
}

div#footer {
	width:780px; 
	font-size:.9em;	
} 
div#footer ul{
	list-style-type:none;
	width:780px;
	margin: 10px 0px 0px 50px;
}
div#footer li{
	padding:0px 10px; 
	float:left;
}
div#footer li:first-child{
	padding:0px 10px 0px 20px;
	}
div#footer a {
	text-decoration:none;
}
div#footer a:hover {
	color:#c0ae66;text-decoration:underline;
}
div#footer p{
		width:780px;
		text-align:center;
		float:left;
		margin-top:0px; 
		margin-bottom:10px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */