body {
background-color: #9cba7f;
margin: 0;
padding: 0;
text-align: center;
}

#frame {
	width: 900px;
	margin: 30px auto;
	text-align: left;
	background-color: #ffffff;
	background-image: url(../images/sidebar.gif);
	background-repeat: repeat-y;
}

#header {
text-align: center;
}

#sidebar {
float: left;
width: 185px;
margin-left: 20px;
margin-top: 10px;
text-align: center;
}

#sidebar a {
color: #6f7173;

}

.sidebar {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 1.4em;
color: #6f7173;
padding: 0px 10px 0px 10px;
margin: 5px 0px 5px 0px;
}

img {
border: none;
}

#featurepet {
width: 120px;
margin-left: 32px;
padding-bottom: 30px;
padding-top: 20px;
text-align: center; 
}

#main {
margin-left: 250px;
padding: 30px 50px 30px 0px;
}

#main a {
color: #78a22f;
}

#main a:hover {
color: #c1d040;
}


#main li {
list-style-type: none;
font-family: "Times New Roman", Georgia, serif;
font-size: 14px;
margin-top: 15px;
line-height: 1.3em;
color: #6f7173;
}

#bulletlist li {
list-style-type: disc;
}

.pagelist {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 1.7em;
padding-top: 10px;
padding-bottom: 20px;
}

#pagelist a {
list-style-type: none;
text-decoration: none;
}

#pagelist a:hover {
text-decoration: underline;
}

#storyone {
border-bottom: 3px dotted #c1d040;
padding-bottom: 10px;
margin-bottom: 20px;
}

#imgone {
float: right;
margin-left: 25px;
margin-bottom: 20px;
}

#storytwo {
text-align: center;
border-bottom: 3px dotted #c1d040;
padding-bottom: 10px;
margin-bottom: 20px;
}

#imgtwo {
float: left;
margin-right: 25px;
margin-bottom: 20px;
}

#storythree {
}

#imgthree {
float: right;
margin-left: 25px;
margin-bottom: 20px;
}

#menu {
height: 30px;
margin: 0px;
background-color: #6f7173;
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 11px; 
border-left: solid 4px;
border-right: solid 5px;
border-color: #6f7173;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu li {
float: left;
}

#menu a {
text-decoration: none;
display: block;
padding: 8px 17px 10px 17px;
text-align: center;
background-color: #6f7173;
color: white;
}

#menu a:hover {
background-color: #9cba7f;
color: white;
}

h1 {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 22px;
color: #78a22f;
margin-bottom: -15px;
}

h2 {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 15px;
color: #78a22f;
line-height: 1.7em;
padding-top: 10px;
padding-bottom: 20px;
}


h3 {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 17px;
color: #78a22f;
margin-top: 25px;
margin-bottom: 8px;
}

.resources {
margin-top: 35px;
margin-bottom: 5px;
}

h4 {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 13px;
color: #6f7173;
margin-top: 20px;
margin-bottom: 2px;
}


em {
font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
color: #6f7173;
}

p {
font-family: "Times New Roman", Georgia, serif;
font-size: 14px;
line-height: 1.4em;
color: #6f7173;
margin-top: 0;
}

#footer {
text-align: center;
margin: 0px;
padding: 10px 0px;
background-color: #ffffff;
clear: both;
border-top: solid 5px #6f7173;
border-bottom: solid 5px #6f7173;
}
