body {
	margin: 0;
	padding:0;
	background-color: #352f1b;
	background-image: url(images/src_3951.jpg);
	background-repeat: repeat;
}
#wrapper {
	width:890px;
	margin: 0 auto;
	background: #86c3e0 url(images/wrapper-bg.jpg) repeat-x;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#header {
	width:837px;
	margin: 0 auto;
	padding-top: 10px;
	border:0px solid green;
}

/* STYLES FOR NAVIGATION SPRITE */ 
#navigation {
    width: 810px; height: 20px;
    background: url(images/navigation.gif);
    margin: 10px auto; 
	padding: 0;
    position: relative;
}
#navigation li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}
#navigation li, #navigation a {
    height: 20px; 
	display: block;
}
#home {left: 0; width: 125px;}
#about {left: 126px; width: 115px;}
#philosophy {left: 242px; width: 151px;}
#services {left: 394px; width: 132px;}
#links {left: 527px; width: 202px;}
#contact {left: 730px; width: 80px;}

#home a:hover {background: transparent url(images/navigation.gif) 0 -20px no-repeat;}
#about a:hover {background: transparent url(images/navigation.gif) -126px -20px no-repeat;}
#philosophy a:hover {background: transparent url(images/navigation.gif) -242px -20px no-repeat;}
#services a:hover {background: transparent url(images/navigation.gif) -394px -20px no-repeat;}
#links a:hover {background: transparent url(images/navigation.gif) -527px -20px no-repeat;}
#contact a:hover {background: transparent url(images/navigation.gif) -730px -20px no-repeat;}

#home a#homeactive {
    background: transparent url(images/navigation.gif) 0 -20px no-repeat;}
#about a#aboutactive {background: transparent url(images/navigation.gif) -126px -20px no-repeat;}
#philosophy a#philactive {background: transparent url(images/navigation.gif) -242px -20px no-repeat;}
#services a#servicesactive {background: transparent url(images/navigation.gif) -394px -20px no-repeat;}
#links a#linksactive {background: transparent url(images/navigation.gif) -527px -20px no-repeat;}
#contact a#contactactive {background: transparent url(images/navigation.gif) -730px -20px no-repeat;}


/* STYLES FOR LEFT SIDEBAR */
#leftsidebar {
	float:left;
	width: 252px;
	margin:0;
	padding: 0px 0px 0px 30px;
	border: 0px solid green;
}
.box {
	width: 242px; 	
	background: url(images/white-box-bottom.gif) no-repeat left bottom;
	padding:0;
	margin:0;
	border:0px solid blue;
}
.box h2 {
	background: url(images/white-box-h2.gif) no-repeat left top;	
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px 10px;
	margin:0;
	color:#FFFFFF;
	border:0px solid red;
}
.box h4 {
	font: bold 14px Verdana, Helvetica, sans-serif;
	padding: 6px 15px 0px 15px;
	margin:0;
	color:#896c42;
}
#leftsidebar p {
	width:215px;
	color: #896c42;
	font: 12px Arial, sans-serif;
	padding: 0px 0px 10px 15px;
	border: 0px solid green;
}
#leftsidebar p.bold {
	font-weight: bold;
}
#leftsidebar p.resources {
	font: 14px Arial, sans-serif;
	line-height: 20px;
}
/* STYLES FOR MAIN CONTENT */
#content {
	width:580px;
	margin: 0px 0px 0px 282px;
}
.contentbox {
	width: 580px; 	
	background: url(images/content-box-bottom.gif) no-repeat right bottom;
	padding: 0px;
	margin:0;
	font: 12px Verdana, Helvetica, sans-serif;
	color:#896c42;
}
.contentbox h1 {
	background: url(images/content-box-h1.gif) no-repeat right top;	
	font: 20px Verdana, Helvetica, sans-serif;
	padding: 8px 20px;
	margin:0;
	color:#896c42;
	border-bottom: 0px solid red;
}
.contentbox h2 {
	font: 20px Verdana, Helvetica, sans-serif;
	padding: 8px 20px;
	margin:0;
	color:#896c42;
}
.contentbox h3 {
	font: bold 16px Verdana, Helvetica, sans-serif;
	padding: 6px 15px 0px 20px;
	margin:0;
	color: #4a8dad;
}
.contentbox p {
	width: 545px;
	padding-left: 20px;
}	
.contentbox ul {
	margin-left:25px;
	padding:0;
	list-style-type:none;
}
.contentbox ul li {
	background: url(images/brown-bullet.gif) left top no-repeat;
	width: 525px;
	margin: 0;
	padding-left: 15px;
	line-height: 20px;
	border:0px solid red;
}
.title {
	font: italic bold 14px Verdana, Helvetica, sans-serif;
	color: #708243;
}
td.book {
	width: 100px;
	text-align:left;
	padding-bottom:12px;
}
td.booktitle {
	width: 445px;
	vertical-align:top;
	padding-bottom:12px;
}


/*  GLOBAL STYLES */
a.inline:link {
	color: #09587e;
	text-decoration:none;
}
a.inline:visited {
	color: #09587e;
	text-decoration:none;
}
a.inline:hover {
	color: #09587e;
	text-decoration: underline;
}

/* FORM STYLES */
form {
	margin-left: 35px;
}

fieldset.info {width: 480px;}
label.info {float: left; width: 120px;}
label.breed {float: left; width: 80px;}

legend {color: #09587e;}
.qblock {margin-bottom: 10px; margin-left: 10px;}