body {
	font-family: Arial,sans-serif;
	font-size: 80%;
	background: #B8DABE url(pictures/sheepback1.gif) right bottom fixed no-repeat;
	
} 
#main {
	text-align: center;
	vertical-align: right;
	margin: 0px auto;
	padding: 0px;
	width: 600px;
	background-color: #ffffff;
	border: 1px double #564b47;
}

#index {
   position: absolute;
	margin:50px 200px 20px 265px;
	padding: 20px 20px 10px;
	border: 3px solid #8C9777;
	background: #FBFBE5;
}
	 
.tbl1 
{
	background-color: #FFF;
	margin-top: 0.5em;
	border: 1px solid Black;
} 
#navcontainer { width: 100%; border-top: 1px solid #777;}

#navcontainer ul
{
	margin-left: 0;	padding-left: 0;
	list-style-type: none;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{	display: block;
	width: 100%;
	padding: 0.25em;
	
	border-bottom: 1px solid #777;
	color: #333;text-decoration: none;
}
#navcontainer a:hover	{
	background-color: #9ACBBC;
	color: #fff;
}


p,main {
	font-family: Times,serif;
	font-size: 95%;
	color: black;
}

h1,h2,h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #666;
}



a {
	color: #006C01;
	text-decoration: none;
}
a:visited {
	color: #8A8A22;
}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-style: dotted dotted dotted dotted;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
	
}


.flow {
	float: left;
	clear: left;
	margin: 0px 1.25em 0px 2em;
}

.welcome {
	margin-left: 45%;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 200%;
	
}