/* code for walk description pages - generates two columns*/

.walkcontainer{
	background-color:#99ccff;
	overflow:hidden;
	/*width:100%;*/
	min-width: 800px;
}
.walkcontent{
	background-color:#99ccff;
	width:35%;
	border-right: 400px solid #99ccff; /* The width and color of the rail */
	margin-right:-400px; /* Hat tip to Ryan Brill */
	float:left;
}
.walkrail{
	background-color:#99ccff;
	width:60%;
	float:left;
	margin-left: 10px;
	font-style: italic   ;
}

.walklist
{
background-color: #99ccff;
color: #0000ff;
text-align: left;
list-style-type: lower-alpha;
padding: 2em;
}
/* end of code for walk description pages*/

/* start of link code*/
.linkcontainer{
	background-color:#99ccff;
	overflow:hidden;
	padding-right:750px;
	margin-left:100px;
	
}
.linkcontent{
	background-color:#99ccff;
	width:100%;
	border-right: 600px solid #99ccff; /* The width and color of the rail */
	margin-right:-600px; /* Hat tip to Ryan Brill */
	float:left;
	min-width:350px;

}
.linkrail{
	background-color:#99ccff;
	width:600px;
	float:left;
	margin-right: -600px;
	}
	
/*end of link code*/	

.sitemap
{
background-color: #99ccff;
color: #0000ff;
text-align: left;
list-style-type: none;
padding: 2em;
}

/* code for nav bars */
#navcontainer ul {
padding: .2em;
margin: 0;
list-style-type: none;
background-color: #99ccff;
color: #0000FF;
width: 100%;
font: bold 130%  "Comic Sans MS", "Arial",  sans-serif; 
text-align: center;

}


.navlist
{
background-color: #99ccff;
color: #ff0000;
list-style-type: none;
text-decoration: none;
padding: .2em 0;
border: 1px;
}



.navlist li { 
display: inline; 
}



.navlist li a
{
text-decoration: none;
background-color: #99ccff;
color: #0000ff;
padding: .2em 1em;
height: 0;
border: 1px solid blue;
}

.navlist li a:hover
{
color: #0000ff;
background-color: #bbffff;
text-decoration: none;
}
/* code for nav bars */



div.img
  {
  margin: 20px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto; 
  }

div.img img {
  display: inline;
  margin: 10px;
  border: 0px solid #ffffff;
  }


h1 {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size:  36pt; 
	font-style: normal; 
	font-weight: bold; 
	text-align: center;
	color: #FF6666;
	background-color: #99ccff;

}

h2 { 	font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size: 18pt;
	font-style: normal; 
	font-weight: bold;
	text-align: left;	 
	color: blue;
	background-color: #99ccff;

}

h3 {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size:  18pt; 
	font-style: normal;
	font-weight: bold; 
	text-align: center;
	color: blue;
	background-color: #99ccff;
}

h4 {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size:  12pt; 
	font-style: normal;
	font-weight: normal; 
	text-align: center;
	color: blue;
	background-color: #99ccff;

}


h5 {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size:  14pt; 
	font-style: normal;
	font-weight: normal; 
	text-align: left;
	color: blue;
	background-color: #99ccff;

}

h6 {/*poem titles*/
  font-family: "Palatino Linotype", "Arial",   sans-serif;
	font-size:  14pt; 
	font-style: normal;
	font-weight: normal; 
	text-align: left;
	color: blue;
	background-color: #99ccff;

}



body {font-family: "Comic Sans MS", "Arial",  sans-serif; 
	font-size: 12pt; 	
	font-style: normal; 
	font-weight: normal;
	text-align: left;	 
	color: #3333FF;
	background-color: #99ccff;
	padding:0px 20px;
}

.poem{font-family: "Palatino Linotype", "Arial",   sans-serif; 
	font-size: 12pt; 	
	font-style: normal; 
	font-weight: bold;
	text-align: left;	 
	color: #3333FF;
	background-color: #99ccff;
}




#menu {
float: left;
width: 65%;
background-color: #99ccff;
color: blue;
font-size: 12pt;
overflow: auto;
}

#info {
float: left;
width: 35%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 100px 0px;
overflow: auto;
}

#left {
float: left;
width: 65%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 100px 0px;
overflow: auto;
}

#right {
float: left;
width: 35%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 100px 0px;
overflow: auto;
}

#left_e {
float: left;
width: 25%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 100px 0px;
overflow: auto;
}

#right_e {
float: left;
width: 75%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 100px 0px;
overflow: auto;
}

#left_l {
line-height: 6.5;
float: left;
width: 25%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 0px 0px;
overflow: auto;
}

#left_l li a {

text-decoration: none;
background-color: #99ccff;
color: #0000ff;
padding: .2em 1em;
height: 0;
border: 0px solid blue;
}


#right_l {
line-height: 6.5;
float: left;
width: 70%;
background-color: #99ccff;
color: blue;
margin: 0px 0px 0px 0px;
overflow: auto;
}


#link{
list-style-type:none;
line-height: 10.5;
}



img {
border-style:none;
}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

a:link {
color: blue;
background-color: #99ccff;
}
a:visited {
color: purple;
background-color: #99ccff;
}
a:hover {
color: black;
background-color: #99ccff;
}
a:active {
color: red;
background-color: #99ccff;
}




.powtitle {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
		font-size: 36pt; 
		color: #FF6666; 	
		font-style: normal; 
		font-weight: bold;
		background-color: #99ccff;
}

.powsubtitle {  font-size: 18pt; 
		color: #3333FF ;
		background-color: #99ccff;

}

.powmaillink {  font-size: 12pt; 
		color: #0000FF;
		background-color: #99ccff;

}

.powbody {  font-size: 12pt; 
		color: #0000FF; 
		font-style: normal; 
		font-family: "Comic Sans MS", "Arial",  sans-serif; 
		letter-spacing: normal;
		background-color: #99ccff;

}

.powlink {  font-family: "Comic Sans MS", "Arial",  sans-serif; 
		font-size: 12pt; 
		color: #0000FF; 
		font-style: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		background-color: #99ccff; 
		background-repeat: no-repeat;

}