body {
   padding: 0;
   margin: -16px;
   background-color: #005533;  <!-- purple #553366  blue #223366-->
}

#wrapper {
   width: 900px;
   align: center;
   border-left: 5px solid #990000;
   border-right: 5px solid #660000;
   border-bottom: 3px solid #990000;
   margin: 0  auto;
}

#mainContent {
   margin-top; 30px;
   margin-bottom: 0px;
   padding-bottom: 50px;
   width: 900px;
   background: url(images/BarnThickSlice.jpg) repeat-y; 
}

#banner {
   align: center;
   width: 900px;
   height: 219px;
   background: url(images/BarnHeader3.jpg) no-repeat ;
}

#homeNav {
   position: absolute;
   top: 20px;
   margin-left: 20px;
}


#pictNav {
   width: 675px;
   position: relative;
   z-index: 1;
   margin-left: 25px;
   margin-top: -5px;
   padding: 0px 5px 10px 0px;
}

#storyNav2 {
    border-width: 0;

	}

img.middle { 
   vertical-align: middle;
   border-bottom: 2px inset #555;
   border-right: 1px inset #777;
	
   margin-left: 20px;
   margin-top: -5px;
   /*
   padding: 0px 5px 10px 0px;
   */
	
}


#bodyText {
   margin-left: 10px;
   width: 500px;
}

#frontPageText {
   margin-left: 45px;
   width: 500px;
   <!-- height: 800px; -->
}

#frontPageText img {
   	border-width: 0;
	}	

#topNav {
   position: relative;
   
   top: 85px;
   left: 0px;
   }

#topNav ul {
   list-style: none;
   margin-left: 80px;
   margin-top: 0px;
}

#topNav ul li {
   background-color: #777777;
   float: left;
   padding-left: 20px;
   margin-left: 0px;
}

#topNav  a {
   float: left;
   display: block;
   padding: 8px 10px 2px 3px;
   height: 20px;
   font: bold  12px/9px Verdana, Arial, sans-serif;
   color:#FFFFFF;
   text-decoration: none;
}

#topNav  a:visited {
   color:#ff9;
}

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

#topNav  a:current-page {
   font-weight: bold;
}

/*-------------------------------------------- Pro_dropdown_2 Styles */

#suckerfishnav {
	background: none;
	margin-top: 0;
    /* background:#171 repeat-x; */
    font-size:14px;
    font-family:verdana, arial, sans-serif;
    /* font-weight:bold; */
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height: 30px;
    padding: 0;
    /* border:1px solid #aaa; */
    /* margin: 0; */
    width: 100%;
    }
#suckerfishnav a {
    display:block;
 	/* color: #8b2e29; */  /* text colour; burgundy   */
	color: #B32E24; /* text colour: Brick   */
    text-decoration: none;
	border-left: 1px solid #e9e9d9;
    padding:80px 15px 0px 15px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #366;  /* border for top drop down box  */
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #366;  /* border for drop down boxes  */
    /* border-left:1px solid #666666;  */
    /* border-right:1px solid #666666;  */
    /* font-weight:bold; */
    font-family:verdana, arial, sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#171;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
	/* background: #90925c; */ /*  drop down blocks hover colour  */
	background: #B32E24;
    /* background:#66CC99; */
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
   /*  color:#171; */
	color:#F1F1D4;  /* sub menu text hover color */
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    /* color:#c96;  */  /* top menu text hover colour */
	color:#fff;   /* top menu text hover colour */
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#B32E24; /* drop down menu text color */
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#F1F1D4;  /* sub menu block colour    */
	
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    /* background:#1a1;  */
    }

/* probably don't really need this one  */
#wrap {
   font-size: 1.1em;
   /* width: 650px; */
   padding: 0px 0px 0px 0px;
   margin-top: 0;
   /* margin-left: 175px; */
   /* position: relative; */
   /* background-color:#FFC;  For testing purposes only */

   }
/*-------------------------------------------- End  Pro_dropdown_2 Styles */






#rightColumn {
   float: right;
   margin-right: 0px;
   width: 260px;
   height: 700px;
   }
   
#bottomNav {
   padding-top: 5px;

}

#bottomNav ul {
   list-style: none;
   margin-top: 0px;
   margin-bottom: 5px;
   margin-left: -30px;
}

#bottomNav ul li {
   <!-- background-color: #9ac4c6; -->
   float: left;
   padding-left: 10px;
   margin-left: 0px;
}

#bottomNav  a {
   float: left;
   display: block; 
   padding: 8px 15px 0px 2px;
   height: 20px;
   font: bold  11px/9px Verdana, Arial, sans-serif;
   color:#FFFFFF;
   text-decoration: none;
}

#bottomNav  a:visited {
   color:#ff7;
}

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

#bottomNav  a:current-page {
font-weight: bold;
}

#menuList {
	float: right;
	margin-right: 25px;
	margin-top: 50px;
	/* margin-top: -150px;  */
	margin-left: 0px;
	margin-bottom: 0px;
	}
	
	#menuListHeader {
	background: url(images/MenuFrameTop.jpg) no-repeat ;
	margin-top: 0px;
	margin-left: 0px;
	width: 213px;
	height: 40px;
	}
	
	#menuListBody {
	background: url(images/MenuFrameSlice.jpg) repeat-y ;
	width: 213px;
	margin-left: 0px;
	margin-top: 0px;	
	}
	
	#menuListFooter {
	background: url(images/MenuFrameBottom.jpg) no-repeat ;
	margin-top: 0px;
	margin-left: 0px;
	width: 213px;
	height: 51px;
	}

	#menuListBody ul ul#menu li {
	margin-left: -30px;
	}

	
	#menuList #menuListBody ul {
	line-spacing: 1.5 em;
	list-style-type: none;
    font-style: bold;
	font-size: .9em;
	color: #cc3333;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: -10px;
	padding-bottom: 10px;
	}
	
	#menuList #menuListBody ul li {
	margin-bottom: 8px;
	margin-left: 0px;
	color: #39f;  /* unlinked text color */
	font-weight: bold;
	}
	
	#menuList #menuListBody ul a {
	text-decoration: none;
	font-weight: normal;
	}

	#menuList #menuListBody a:hover {
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
	}
	


#eventList {
	float: right;
	margin-right: 16px;
	margin-top: 0px;
	width: 260px;
	}
	
	#listHeader {
	background: url(images/EventsFrameTop.jpg) no-repeat ;
	margin-top: 0px;
	width: 240px;
	height: 81px;
	}
	
	#listBody {
	background: url(images/EventsFrameSlice.jpg) repeat-y ;
	width: 240px;
	margin-top: 0px;	
	}
	
	
	#listFooter {
	background: url(images/EventsFrameBottom.jpg) no-repeat ;
	margin-top: 0px;
	width: 240px;
	height: 51px;
	}
	
	#listBody H2 {
	margin-top: 0px;
	margin-left: 75px; 

	}
	
	#listBody p {
	margin-left: 35px;
	margin-right: 25px;
	margin-bottom: 0px;
	}
	
#bulletinBoard {
	margin-left: 10px;
    width: 500px;
	}
	
	#bulletinBoardHeader {
	background: url(images/BoardTop.jpg) no-repeat;
	/* margin-top: -55px; */
	width:  648px;
	height: 11px ;
	}
	
	#bulletinBoardBody {
	background: url(images/BoardSlice.jpg) repeat-y;
	margin-top: 0;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	width:  648px ;

	}
	
	#bulletinBoardFooter {
	background: url(images/BoardBottom.jpg) no-repeat;
	margin-top: 0;
	margin-bottom: 15px;
	width:   648px;
	height:  10px;
	}
	
#map {
	margin-top: 30px;
	width: 600px;
	height: 500px;
	
}
	
#storyNav2 {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 260px;
	}
	
    #storyNav2 img {
   	border-width: 0;
	}

#frontFooter {
    margin-top: -40px;
    height: 215px;
    margin-bottom: 0px;
    padding-top: 0px;
    background: url(images/BarnFooter2.jpg) no-repeat ;
    }

    #frontFooter h2 {
	color: #fff;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	<!-- margin: 0px 250px 0px 5px; -->
    }

#footer {
    margin-top: -15px;
    height: 215px;
    background: url(images/BarnFooter2.jpg) no-repeat ;
}

#footer h2 {
	color: #fff;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px 250px 0px 5px;
}

#disclaimer{
   width: 400px;
   margin-top: 5px;
   }
   
#disclaimer a {
	text-align: left;
	margin-right:0px;
	margin-left: 23px;
	font: bold  .7em Verdana, Arial, sans-serif;
	color:#ff9;
	text-decoration: none;
}
   
#copyright {
   width: 500px;
   float: right;
   margin-right: 135px;
   margin-top: 110px;
   }

#copyright p {
	text-align: right;
	margin-right:0px;
	margin-left: 0px;
	margin-top: 50px;
	padding-bottom: 15px;
	font-size: .7em;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
}

.separator {
clear: both;
height: 0;
}



h1 {
	color: #fca;
	font-size: 1.4em;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 30px;
	
	/*margin-left: 15px;*/
	
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: 2px dashed #0099cc;
	}
	
	
h2 {
	color: #fca;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	
	<!--
	margin: 30px;
	-->
	<!--
	margin-left: 15px;
	-->
	}
	
h3 {
	color: #000;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	margin: 30px;
	<!--
	margin-left: 15px;
	-->
	margin-bottom: 0px;
	}
	
p { 
    color: #ffffcc;
	font: .9em  Verdana, Arial, sans-serif;
	<!--
	margin-left: 15px;
	margin-right:50px;
	-->
}

.doctitles{ 
    color: #ffffcc;
	font: .9em  Verdana, Arial, sans-serif;
	margin-left: 15px;
	margin-right:50px;
}


li {
	color: #ffffcc;
	font: .9em  Verdana, Arial, sans-serif;
	margin-left: 20px;
}

a {
	color: #ffffcc;
}

.alpha {
	
	list-style-type: upper-alpha;
}

#bulletinBoard h1 {
	color: #36c;
	border-bottom: 1px dashed #0099cc;
	margin-right: 75px;
	margin-left: 20px;
	}

#bulletinBoard h2 {
	color: #36c;
	border: none;
	margin-bottom: 0px;
   	border-width: 0;
	margin-left: 20px;
	}
	
#bulletinBoard li {
   color: #000;
   margin-right:50px;
   }

#bulletinBoard a {
   color: #39f;
   }

#bulletinBoard p {
    color: #000;
	margin-left: 20px;
	margin-right:50px;
}

#bulletinBoardBody p.modified {
   color: #777;
   font-size: .7em;
   margin-top: 0px;
   margin-bottom: 0px;
   }
   
#bulletinBoardBody p.author {
   color: #777;
   font-size: .7em;
   margin-top: 0px;
   margin-bottom: 0px;
	display: none;
	}
   
#bulletinBoardBody p.sidebar {
   float: right;
   width: 200px;
   background-color: #fff;
   padding: 10px 5px 10px 15px;
   border-left: solid 1px #999;
   border-bottom: solid 2px #bbb;
   font-size: .8em;
   }
   
   
<!-- Paste this code into the CSS section of your HTML document --> 
<!-- Expanding Menu CSS -->




ul#menu {
width: 120px;
list-style-type: none;
<!-- border-top: solid 1px #b9a894; -->
padding: 0px;

}

ul#menu ol {
<!-- display: none;  -->
text-align: left;
list-style-type: none;
margin-left: 50px;
padding: 10px 0 0 0;

}

ul#menu li,
ul#menu a {
font-family: verdana, sans-serif;
font-size: 1em;
color: #ffffcc;
<!-- color: #785a3c; -->
}

ul#menu li {
<!-- border-bottom: solid 1px #b9a894; -->
line-height: 15px;
}

ul#menu ol li {
border-bottom: none;
}

ul#menu li {
color: #ffffcc;	

}

ul#menu ol li:before {
<!--content: "- "; -->
}

ul#menu a {
text-decoration: none;
outline: none;
}

ul#menu a:hover {
color: #539dbc;
}

ul#menu a.active {
color: #be5028;
}



<!--urbangreymenu-->

.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: ffffcc;
/*background: #606060 url(arrowstop.gif) no-repeat 8px 6px;*/ 
/*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
margin-left: -30px;
margin-top: 0;
/*text-transform: uppercase;*/
padding: 5px 0 5px 31px; /*31px is left indentation of header text*/

}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #ffffcc;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: ffffcc;
/*background: #E9E9E9;*/
display: block;
/*padding: 5px 0;*/
padding: 0px 0;
line-height: 12px;
padding-left: 18px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #fca;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;

/*background: green; */
}

.urbangreymenu ul li a:active{ /*current link state CSS*/
color: green;

background: green; 
}