
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:3px;
color:#4C331B;
text-indent:2px;
	background-image:url(images/background.jpg);
	background-repeat:repeat;

}
.text {
text-align:justify;
color:#000000
}

.name {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-shadow: #003300 ;
color:#0EBBE6;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;

}
li	{
	list-style-image:url(images/nav_pawbulletbrown.gif);
		font-weight:normal;

	}


a{ color:#4C331B;
text-decoration:underline;
}
a hover{ text-decoration:underline;
color:#000000}
.footer {
font-size:12px;
color:#666666;}

.shadow {
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=7, Color='gray', Positive='true');
background-color:#FFFFFF;
border:solid 1px #999999;
}

.commentbox{
background-color: #ececec;
width: 300px;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}


.shadowcontainer{
width: 325px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadow {
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=7, Color='gray', Positive='true');
background-color:#FFFFFF;
border:solid 1px #999999;
}

.commentbox{
background-color: #ececec;
width: 250px;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}


.shadowcontainer{
width: 325px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

