body.pigspeace {
	width: 860px;
	height: 1040px;
	padding: 0px;
	margin: 0px 0px 0px 0px; 
	background-repeat: no-repeat;
	background-image: url(../img/pigspeacebkgnd.jpg);
	background-position: 135px 0px;
	background-color: #EFF;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.pigspeaceAlt {
	width: 860px;
	height: 1040px;
	padding: 0px;
	margin: 0px 0px 0px 0px; 
	background-color: #FFF;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.pigspeacegallery {
	width: 720px;
	padding: 0px;
	margin: 0px 20px 20px 20px;
	background-repeat: repeat-y;
	background-image: url(../img/pigspeacebkgnd.jpg);
	background-position: 0px 0px;
	background-color: #bfcbd9;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.storyboard {
	width: 606px;
	padding: 0px;
	margin: 3px 0px 0px 10px; 
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-color: #bfcbd9;
	font-size: me;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.walk {
	width: 700px;
	height: 1040px;
	padding: 140px 6px 0px 148px;
	margin: 0px 0px 0px 0px; 
	background-color: #FFF;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 135px 0px;
	background-image: url(../img/pigspeacebkgnd.jpg);
}

.highlight {
	text-decoration: none;
}

.highlight:hover {
	background-repeat: repeat;
	background-image: url(../img/semiWhite.png);
	text-decoration: none;
	-box-shadow: 2px 2px 8px #999;
	-webkit-box-shadow: 2px 2px 8px #999;
}

table.mainTable {
	height: 906px;
}

p{
	margin: 8px 0px 0px 0px;
}

.list{
	text-indent: -1em; 
	margin: 18px 12px 0px 14px;
}

.navCell {
	vertical-align: top;
/*	border: solid 1px #555; */
/*	border-top: solid 1px white; */
	padding: 0px 0px 0px 0px;
}

.contentCell {
	width: 700px;
	vertical-align: top;
	padding: 140px 0px 0px 10px;
}

p.alert {
	text-indent: 6pt;
	font-size: 10pt;
	color: #00F;
}

p.indent {
	text-indent: 6pt;
}

p.animalTalk {
	text-indent: 6pt;
	font-style: italic;
	font-size: 110%;
}

.banner {
	width: 636px;
	height: 121px;
	border: solid 1px #030;
	margin-left: 42px;
	margin-top: 6px;
	margin-bottom: 12px;
}

.copyright{
	margin: 10px 0px 0px 0px;
	font-size:80%;
}

g1:link, .nav1:visited, div.nav1, div.nav1:hover{
	background-color: #bad9bd;
	padding: 0px 2px 1px 3px;
	border-top: solid #EFEFEF 1px;
	border-bottom: solid #A1A1A1 1px;
	border-right: solid #A1A1A1 1px;
	border-left: solid #A1A1A1 1px;
	color: #303;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.nav1a:link, .nav1a:visited, .nav_alta:link, .nav_alta:visited, .nav_alt1a:link, .nav_alt1a:visited{
	font-size: 85%;
	font-weight: bold;
	background-color: #024d09;
	padding: 0px 2px 1px 4px;
	color: #FFF;
	text-decoration: none;
	display: block;
}

.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav_alt:hover, .nav_alt1:hover, .nav_alt2:hover, .navcol:hover, .navlabel:hover{
	font-size: 85%;
	background-color: #024d09;
	color: #FFF;
	text-decoration: none;
}

.navtitle{
color: #FFF;
display: block;
padding: 0px 0px 0px 2px;
margin: 4px 0px 2px 0px;
text-decoration: none;
background-color: #030;
border-top: solid #797 1px;
border-bottom: solid #020 1px;
font-size: 90%;
cursor: default;
}

a.nav{
cursor: pointer;
color: #000;
display: block;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-size: 90%;
}

a.nav:hover{
cursor: default;
color: #FFF;
background-color: #8B0000;
display: block;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

a.storyNav{
cursor: default;
color: #000;
display: block;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

a.storyNav:hover{
cursor: pointer;
color: #900;
display: block;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}

.storytable {
	width: 606px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

.pages {
	text-align: right;
	font-size: 80%;
}

.sidenav {
	width: 130px;
	margin: 1px 1px 0px 1px;
	border: groove 2px #fff;
	background-image: url(../img/navBkgnd.jpg);
	background-color: #b0d7b8;
	background-repeat: no-repeat;
}


.topnav {
	padding: 0px;
	cursor: default;
}

.date {
	font-size: 80%;
	text-align: left;
	margin-top: 4px;
}

.caption {
	margin-top: 4px;
	font-style: italic;
	text-align: center;
}

.captionTop {
	font-style: italic;
	text-align: center;
	margin-bottom: 0px;
}

.pagetitle {
	font-size: 175%;
	font-weight: bold;
	margin-top: 60px;
	color: #483D8B;
	text-shadow: #eee 1px 1px 1px;
}

.subtitle {
	font-size: 150%;
	font-weight: bold;
	margin-top: 20px;
	color: #483D8B;
	text-shadow: #eee 1px 1px 1px;
}

.title {
	font-size: 125%;
	font-weight: bold;
	margin-top: 20px;
	color: #483D8B;
	text-shadow: #eee 1px 1px 1px;
}

.storytitle {
	font-size: 125%;
	margin-top: 20px;
	color: #483D8B;
	text-shadow: #eee 1px 1px 1px;
}

.cliptitle {
	font-size: 110%;
	margin: 0px 0px 0px 0px;
	color: #483D8B;
}

.smalltitle {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	color: #483D8B;
}

.intro {
	height: 95px;
	width: 303px;
	font-size: 80%;
}

.faqtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333300;
	font-weight: bold;
	text-decoration: none;
}


a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.news {
	padding: 13px;
}
.newsitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
	line-height: 12px;
}
.newsitem:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
.msghdr {
	font-size: 12px;
	font-weight: bold;
	color: #003300;
	border: 1px solid #003300;
	width: 237px;
	height: 16px;
	padding: 3px;
	background-color: #FFFFFF;
}
.message {
	border: 1px solid #ABA;
	width: 200px;
	background-color: #F8FFF8;
	padding: 3px 3px 3px 5px;
}
.quote {
	border-width:thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	color: #660033;
	padding-left: 10px;
	padding-right:20px;
}
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.addr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	text-align: right;
	text-decoration: none;
	line-height: 15px;
	height: 100px;
	width: 130px;
}
.pagename {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #993300;
	text-align: right;
	position: absolute;
	visibility: visible;
	z-index: 30;
	height: 20px;
	width: 258px;
	left: 500px;
	top: 58px;
}

.storypic {
	cursor: default;
}

.storypic:hover {
	cursor: default;
}

.story {	
	margin: 20px 0px 0px 0px;
	padding: 0px;
	cursor: pointer;
	text-decoration: none;
}

.story:hover {
	margin-top: 20px;
	color: #0000aa;
	cursor: default;
	text-decoration: none;
}

.navButton {
	border: 0px;
	cursor: default;
	text-decoration: none;
}

.navButton:hover {
	border: solid 0px red;
	cursor: default;
	color: red;
	text-decoration: none;
}

.navButton:active {
	border: solid 0px red;
	cursor: default;
	text-decoration: underline;
	outline: solid 0px purple;
  border-collapse: collapse;
}

.navButton:focus {
	border: solid 1px green;
	cursor: default;
	text-decoration: underline;
}

.image {}
.image a {width:0; height:0; position:relative;}
.image a img {position:absolute; left:0; top:0; border:0;}
.image a:active {}
.image a:active img, .image a:focus img {}


.sidebar {
	vertical-align: top;
	padding: 36px 0px 0px 0px;
}

.donateButton {
	background-color: #c7e0da;
	border: solid 1px #00F;
	height: 20px;
	width: 40px;
	font-size: 30px;
	padding: 0px;
}

.prompt {
	font-size: 80%;
}

.button {
	color: white;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	border: solid 1px #29447e; 
	background-repeat:repeat-x; 
	background-image: url(../img/buttonBkgnd.gif); 
	background-position: bottom left;
	-webkit-box-shadow: 3px 3px 8px #999;
}

.button:hover {
	color: white;
	display: inline-block; 
	text-decoration: none; 
	font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
	padding:3px 9px 3px 9px; 
	cursor: pointer;
	text-align: center;  
	background-color: #5f78ab;
	border: solid 1px #29447e; 
	background-image: url(../img/buttonBkgndSelected.gif);
	background-position: bottom left;
	-webkit-box-shadow: 2px 2px 8px #BBB;
}

.slideCaption {
	margin: 4px 16px 0px 16px;
	font-style: italic;
	text-align: center;
	color: #aaa;
}


.slideButton {
	margin: 6px 0px 0px 0px;
}

.slideDiv {
	background-color: #232323; 
	margin: 6px 0px 0px 6px;
}

.slide {
	margin-left: 6px; margin: 0px; 
	border-top: solid 1px #000; 
	border-right: solid 1px #888; 
	border-bottom: solid 1px #888; 
	border-left: solid 1px #000;
}


.ssPageNo {
	color:#aaa;
	font-size: 10pt; 
}
 
 
.ssControlBar {
	margin: 0px; 
	width: 100%;
	background-color: #232323;
}

.ssLayer {
	position: relative; 
	left: -6px; 
	top: 0px; 
	z-index: 0; 
	width: 712px; 
	height: 600px; 
	margin: 0px;
	background-color: #232323; 
	border-top: solid 1px #888;
	border-right: solid 2px #000;;
	border-bottom: solid 2px #000;;
	border-left: solid 1px #888;
}

.facebook {
	margin: 0px 0px 6px 60px; 
	cursor: pointer; 	
	-webkit-box-shadow: 3px 3px 8px #999;
	text-decoration: none;
	border: 0;
}

.facebook:hover {
	-webkit-box-shadow: 2px 2px 4px #999;
}

.floatingDiv {
	float: right;
	border: solid 1px #333;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 8px #999;
}

.fetchTable {
	border-spacing: 0px;
	margin: 0px;
	border: solid 1px #666;
	font-size: 10pt;
	cellspacing: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 3px 3px 8px #999;
}

.fetchCell {
/*	white-space: nowrap; */
	border-bottom: 1px #888 solid;
	padding: 2px 4px 2px 4px;
}

.fetchHeader {
	color: white;
	height: 20px;
	font-weight: bold;
  background-color: blue;
}

.headerRow {
	color: #333;
	font-weight: bold;
  background-color: #AECBE8;
}

.row1 {
	cursor: pointer;
  background-color: #EEE;
}

.row2 {
	cursor: pointer;
  background-color: #FFF;
}


.rowButton1 {
	cursor: pointer;
  background-color: #EEE;
}

.rowButton1:hover {
	cursor: pointer;
  background-color: #89bafd;
}

.rowButton2 {
	cursor: pointer;
  background-color: #FFF;
}

.rowButton2:hover {
	cursor: pointer;
  background-color: #89bafd;
}

.totalsRow {
	color: #fff;
	font-weight: bold;
  background-color: #555;
}

.prompt {
	font-size: 80%;
}

.more {
	color:#0085CF;
	cursor: pointer;
}

.closer {
	color: #333;
	cursor: pointer;
}

.closer:hover {
	color: black;
	cursor: pointer;
}

.infoBlurb {
	visibility: hidden; 
	border: solid 1px #666; 
	width: 300px; 
	background-color: #FFFCE9; 
	position: absolute; 
	top: 300px;
	left: 300px;
	z-index:3; 
	-webkit-box-shadow: 3px 3px 8px #999; 
}


.buttonCell:link {
color: blue;
background-color: #ccc;
border: outset 1px #aaa;
text-decoration: none;
font-weight: bold;
font-size: 110%;
padding: 3px;
}

.buttonCell:visited {
color: blue;
background-color: #ccc;
border: outset 1px #aaa;
text-decoration: none;
font-weight: bold;
font-size: 110%;
padding: 3px;
}

.buttonCell:hover {
color: blue;
background-color: #bbb;
border: inset 1px #888;
text-decoration: none;
font-size: 110%;
font-weight: bold;
padding: 3px;
}

.ppsMenu {
margin: 0px;
padding: 0px;
margin: 0px 0px 0px 0px;
border: solid 1px #888;	
background-color: #FFFCE9;
//background-image: url(../img/navBkgnd2.gif);
}

.ppsMenuTitle {
font-weight: bold; 
background-color: #506A8F;; 
color: #FFF; 
display: block;
margin: 6px 0px 0px 0px;
padding: 2px 0px 3px 0px;
}

.ppsMenuItem {
display: block;
padding: 2px 0px 2px 0px;
margin-right: 0px;
text-decoration: none;
color: #222;
}

.ppsMenuItem:hover {
background-color: #6E8BA8; //AECBE8; // #024d09; 
color: #FFF; 
text-decoration: none;
}

/* Georgia, Times New Roman, Serif */
/* Verdana, Arial, Sans */