@charset "utf-8";
/***************************/ 
/* Main CSS Style Document */
/***************************/ 
/* Internet Explorer fix for min width*/
* html .minwidthie {
	border-left: 800px solid #DAEBEE; 
	position: relative; 
	float: left; 
	z-index: 1;
}
* html .containerie {
	margin-left:-800px; 
	position:relative; 
	float:left; 
	z-index:2; 
}

/* General settings */
* {
	padding:0;
	margin:0;
}
/* set all the general values */
body {
	text-align: left;
	font-family: verdana, geneva, "trebuchet ms", "lucida sans", helvetica, sans-serif;
	font-size: 1.0em;
	background-color: #DAEBEE;
	color: #000000;
	margin: 0 auto;
	min-width: 800px;
}
a {
	color: #3366FF;
}
a:visited {
	color: #CC6666;
}
h1 {
	font-family: Georgia, "New York", Utopia, serif;
	font-size: 1.9em;
	color: #990000;
	padding: 0px 20px 20px 20px;
}
h2 {
	font-family: Georgia, "New York", Utopia, serif;
	font-size: 1.3em;
	color: #666666;
	padding: 0px 20px 5px 20px;
}
h3 {
	font-family: Georgia, "New York", Utopia, serif;
	font-size: 1em;
	color: #333333;
	padding: 0px 20px 5px 20px;
}
hr {
	border: 0;
	height: 2px;
	color: #FFFFff;
	background-color: #FFFFff;
}
p {
	font-size: 0.8em;
	color: #666666;
	line-height: 1.5em;
	text-align: justify;
	padding: 0px 20px 1em 20px;
}
/* Used to get text under a bullet list to line up correctly when it overflows to a second line */
p.indent {
	text-indent: -20px;
	padding: 0px 20px 0px 40px;
}
table {
	width: 100%;
	text-align: left;
}
.boldtext {
	font-weight: bold;
}
/* these column widths control the size of various tables in the site */
.colwidth5percent {
	width: 5%;
}
.colwidth20percent {
	width: 20%;
}
.colwidth30percent {
	width: 30%;
}
.colwidth40percent {
	width: 40%;
}
.emailaddress {
	color: #339933;
}
.green {
	color: #339900;
}
/* Used to hide the link text under the HHA logo in the footer */
.hidden {
	visibility: hidden;
}
/* this class forces images to be displayed in a block thus preventing the 3 pixel space being automatically added below the image, as with text */
.imgdisplayblock {
	display: block;
}
/* to switch of trailing padding when required */
.notrailingpadding {
	padding: 0px 20px 0px 20px;
}
.smallertext {
	font-size: 0.6em;
}
.textaligncentre {
	text-align: center;
}
/***************/
/* page header */
/***************/
#header {
	padding: 0px 2px 0px 2px;
}
/* enables the header image to automatically resize when the page is reseized */
.elasticheader {
	float: left;
	width: 100%;
}
/* The title text is moved up to overlay with header background image */
#title {
	font-family: Georgia, "New York", Utopia, serif;
	float: left;
	width: 100%;
	margin-top: -38px;
	padding-bottom: 4px;
}
/* The title has its own styling (H1 element saved for main body of pages */
p.title {
	font-size: 1.5em;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
/***********************/
/* navigation section  */
/***********************/
/* navigation section - general items */
#nav{
	text-align: center;
	font-family: Georgia, "New York", Utopia, serif;
	padding: 0px 0px 0px 2px;
	font-size: 0.65em;
    letter-spacing: 0.15em;
}
/* Get all the menu elements to be horizontal. Using this method rather than display:inline enables the width of the elements to be controlled */
#nav li{
	float: left;
}
#nav a {
	text-decoration: none;
	color: #000000;
}
#nav a:hover {
	color: #ffffff;
}
/* the selected menu item should have white text to show up on the red background */
#nav a.activewhitetext {
	color: #FFFFFF;
}
/* this menu item spans two lines so requires special positioning */
#nav .learningnavtext {
	position: relative;
	top: 3px;
}
/* navigation section - classes to control navigation options */

/* each block controls the background image/colour, and width of the menu item */
li.navhome {
	background: url('../images/listbgd1.jpg') repeat-x; 
	width: 7%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navcollections {
	background: url('../images/listbgd2.jpg') repeat-x;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navhistory {
	background: url('../images/listbgd3.jpg') repeat-x;
	width: 11%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navvenuehire {
	background: url('../images/listbgd1.jpg') repeat-x;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
/* Two lines of text required to line height smaller so it fits in the menu box */
li.navlearning {
	background: url('../images/listbgd2.jpg') repeat-x;
	width: 10%;
	height: 30px;
	border-right: 1px solid #ffffff;
	line-height: 12px;
	padding: 0px 11px 0px 11px;
}
li.navfishing {
	background: url('../images/listbgd3.jpg') repeat-x;
	width: 11%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navvisiting {
	background: url('../images/listbgd1.jpg') repeat-x;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navcontact {
	background: url('../images/listbgd2.jpg') repeat-x;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navlinks {
	background: url('../images/listbgd3.jpg') repeat-x;
	width: 9%;
	line-height: 30px;
}

/* navigation section - classes to control navigation options when they are active */
li.navhomeactive {
	color: #ffffff;
	background-color: #990000;
	width: 7%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navcollectionsactive {
	color: #ffffff;
	background-color: #990000;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navhistoryactive {
	color: #ffffff;
	background-color: #990000;
	width: 11%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navvenuehireactive {
	color: #ffffff;
	background-color: #990000;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navlearningactive {
	color: #ffffff;
	background-color: #990000;
	width: 10%;
	height: 30px;
	border-right: 1px solid #ffffff;
	line-height: 12px;
	padding: 0px 11px 0px 11px;
}
li.navfishingactive {
	color: #ffffff;
	background-color: #990000;
	width: 11%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navvisitingactive {
	color: #ffffff;
	background-color: #990000;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navcontactactive {
	color: #ffffff;
	background-color: #990000;
	width: 12%;
	border-right: 1px solid #ffffff;
	line-height: 30px;
}
li.navlinksactive {
	color: #ffffff;
	background-color: #990000;
	width: 9%;
	line-height: 30px;
}

/********************/
/*   Main Content   */
/********************/
#contentwrapper {
	clear: both;
	width: 100%;
	padding: 2px 0px 0 2px;
}

/*             */
/* Left Column */
/*             */

.colleft {
	background-color: #b4c8cb;
	width: 200px;
	vertical-align: top;
	border-right: 2px solid #ffffff;
}
/* a bit of spacing between images */
.colleftimgholder {
	/* border-bottom: 2px solid #ffffff; - moved to class below */
}
/* Display images in the left column correctly */
.colleft img {
	display: block;
	border-bottom: 2px solid #ffffff;
}

/*               */
/* Middle Column */
/*               */

.colmid{
	width: 197px;
	vertical-align: top;
	border-right: 1px solid #ffffff;
	padding-top: 10px;
}
/* the div to control the whats on picture */
#picwhatson {
	background: url(../images/book.jpg) no-repeat center top;
	text-align: center;
	line-height: 13px;
	letter-spacing: 0.05em;
	height: 45px;
	padding: 12px 0px 0px 0px;
}
#picwhatson a {
	text-decoration: none;
	color: #000000;
}
/* the text on the whats on link has its own formating */
.textwhatsonlarge {
	font-family: Georgia, "New York", Utopia, serif;
	font-weight: bold;
	color: #990000;
}
.textwhatsonsmall {
	font-size: .7em;
}
/* Middle Column Navigation */
#navvertical {
	font-family: Georgia, "New York", Utopia, serif;
	font-size: 1.2em;
	padding: 8px 10px 0px 20px;
}
#navvertical a {
	text-decoration: none;
	color: #000000;
}
#navvertical a:hover {
	text-decoration: none;
	color: #990000;
}
#navvertical li {
	padding: 0px 0px 10px 0px;
}
/* the vertical navigation can have two levels which are further indented and not so dark */
#navverticallevel2a li, #navverticallevel2b li {
	font-size: 0.9em;
	padding: 5px 0px 0px 20px;
}
#navverticallevel2a a, #navverticallevel2b a {
	color: #666666;
}
/* the color of the active vertical menu item should be reddish */
.navverticalactive {
	color: #990000;
}

/*              */
/* Right Column */
/*              */

/* the page headers on the links pages require carefull positioning in their rounded box */
h2.linkspageheaders {
	position: relative;
	top: 12px;
	padding-bottom: 0px;
}
/* the price table footer item requires careful positioning */
p.blueboxfooteroffset{
	position: relative;
	top: 5px;
	line-height: 1em;
}
/* italic text cannot be justified so changed to left aligned. This is due to a bug in IE6 that causes the surrounding box to be 3px too wide */
p.colrightitalics {
	text-align: left;
	font-size: 0.7em;
	font-style: italic; 
	padding: 0px 20px 0px 20px;
}
/* basic right column characteristics */
.colright{
	vertical-align: top;
	padding: 20px 10px 20px 5px;
}
.colrighttable{
	padding: 0px 15px 0px 20px;
}
.colrighttable td{
	color: #666666;
	font-size: 0.8em;
	line-height: 1.5em;
	vertical-align: text-top;
	padding: 5px 5px 0px 0px;
}
/* a Slight change to the bottom padding over the standard 'li' formatting (at the bottom of the file) */
.colrightlist li {
	padding-bottom: 0.5em;
}
/* formatting to control the layout of the sitemap page */
.sitemap{
	font-size: 0.9em;
	line-height: 1.5em;
	vertical-align: top;
	padding: 20px 10px 20px 5px;
	border-right: 1px solid #ffffff;
}
.sitemap li {
	list-style: none;
	margin: 0px 0px 0px 35px;
}
.sitemap li li {
	list-style: disc;
	margin: 0px 0px 0px 35px;
}
.sitemap li li li {
	list-style: circle;
	margin: 0px 0px 0px 35px;
}
.sitemap ul {
	padding-bottom: 1em;
}
.sitemap ul ul {
	padding-bottom: 0.5em;
}
/* The margin forces the border of the table to align with the blue box it is placed in */
.bordered{
	margin: 2px -7px 0px -12px;
}
/* Draws a border around each cell in the table */
.bordered td{
	border: 1px solid #CCCCCC;
	padding: 3px 11px 3px 11px
}
/* Slight adjustement to the padding for the table in the links pages */
.links td{
	padding: 0px 5px 0px 0px;
}
/* position the maps on the finding us page */
.maps{
	padding: 5px 10px 10px 0px;
	display: block;
	float: left;
}
/* position the pink pumpin logo on the weddings page */
.pinkpumpkinlogo{
	padding: 5px 15px 0 20px;
	float: left;
}
/* Right Column - Rounded box for content */
.bordertop {
	background: #e9f3f3 url(../images/bordertop.gif) repeat-x;
}
.borderleft {
	background: url(../images/borderleft.gif) repeat-y;
} 
.borderright {
	background: url(../images/borderright.gif) repeat-y right;
} 
.bordertopleft {
	background: url(../images/bordertopleft.gif) no-repeat;
}
/* The padding forces the first line of text into the correct position in the box */
.bordertopright {
	background: url(../images/bordertopright.gif) no-repeat top right;
	padding-top: 20px;
}
/* Some pages require no padding for the first line of text */
.bordertopright.nopadding {
	padding-top: 0px;
}
.borderbottom {
	background: url(../images/borderbottom.gif) repeat-x;
}
.borderbottomleft {
	background: url(../images/borderbottomleft.gif) no-repeat;
}
/* The height ensures the whole background image is displayed, and the margin leaves space to the next item on the page */
.borderbottomright {
	background: url(../images/borderbottomright.gif) no-repeat bottom right;
	height: 25px;
	margin-bottom: 10px;
}
/* Right Column - Rounded box with blue header and footer for content */
.bordertopblue {
	background: #e9f3f3 url(../images/bordertopblue.gif) repeat-x;
}
.bordertopleftblue {
	background: url(../images/bordertopleftblue.gif) no-repeat;
}
.bordertoprightblue {
	background: url(../images/bordertoprightblue.gif) no-repeat top right;
	padding-top: 7px;
}
.borderbottomblue {
	background: url(../images/borderbottomblue.gif) repeat-x;
}
.borderbottomleftblue {
	background: url(../images/borderbottomleftblue.gif) no-repeat;
}
.borderbottomrightblue {
	background: url(../images/borderbottomrightblue.gif) no-repeat bottom right;
	height: 30px;
	margin-bottom: 10px;
}
/* formatting for the login and registration links */
#loginbox {
	float: right;
	width: 15em;
	padding-right: 10px;
}
#loginbox a{
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#loginbox p{
	position: relative;
	top: 12px;
	padding: 0 0 0 0;	
	text-align: center;
}
/***************/
/*   Footer    */
/***************/
#footer {
	background: url(../images/footerbgd.jpg) repeat-x;
	margin: 0px 2px 0px 2px;
	padding: 0 10px 0 10px;
	border-bottom: 2px solid #CCCCCC;
}
#footer a {
	text-decoration: none;
	color: #666666;
}
#footer a:hover {
	color: #000000;
}
#footer li {
	float: left;
	font-size: 0.6em;
  letter-spacing: 0.15em;
	border-right: 1px solid #ffffff;
	padding: 4px 10px 5px 10px;
}
#footer li.rightside {
	float: right;
	padding: 4px 15px 5px 10px;
	border: none;
}
#footer p {
	font-family: Georgia, "New York", Utopia, serif;
	float: left;
	font-size: 1.0em;
	color: #990000;
	padding: 5px 0 10px 10px;
}
#footer p.tel {
	background: url(../images/phone.gif) no-repeat left;
	float: right;
	padding-left: 40px;
}
#footercontact {
	clear: both;
	padding: 3px 0px 3px 0px;
	text-align: center;
} 
#hhalogo {
	margin: -50px 0px 0px 212px;
	padding-bottom: 10px;
}
#logodefraseeda {
	margin: -99px 0px 50px 212px;
	padding-bottom: 10px;
}
#logodefraseeda.visiting {
	margin: -185px 0px 50px 212px;
	color:#999999;
	font-size:0.6em;
	line-height:1.5em;
	text-align:justify;
	width: 181px;
}
#footer p.charity {
	text-align: center;
	float: none;
	color: #666666;
	font-size: 0.8em;
}

/***************************************************************************/
/*   Styles to help users with Adobe Contribute - all in the right column  */
/***************************************************************************/
.colright strong {
	font-weight: bold;
}
.colright em{
	font-style: italic;
}
.colright ul li {
	list-style: disc outside;
	margin: 0px 0px 0px 35px;
	color: #666666;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: justify;
	padding-right: 15px;
}
.colright ol li {
	list-style: decimal outside;
	margin: 0px 0px 0px 40px;
	color: #666666;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: justify;
	padding-right: 15px;
}
.colright blockquote {
	padding-left: 2em;
}
/* end of Adobe contribute styling */

/**************************************************/
/*   PHP Registration and Administration Sections */
/**************************************************/

#registration {
	color: #666666;
	margin: 5px 0px 0px 20px;
	font-size: 0.8em;
}
#registration li {
	font-size: 1em;
}
#registration p {
	padding: 0 20px 10px 0;
	font-size: 1em;
}
#registration p.errmsg {
	color: #990000;
	padding: 0 20px 10px 0;
}
#registration p.logout {
	float: right;
	padding: 0 20px 10px 0;
}
#registration p.msgtext {
	font-style: italic;
	font-size: 0.9em;
}
#formbutton1 {
	clear: left;
	color: #333333;
	font-weight: bold;
	padding: 0 0 0 9em;
}
#formbutton1 input {
	width: auto;
}
#formbutton2 {
	clear: left;
	color: #333333;
	font-weight: bold;
}
a.administration {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
dl {
	clear: left;
}
dl.radio{
	padding-top: 15px;
}
dt {
	float: left;
	width: 9em;
	padding: 3px 0 0px 0;
}
dt.radio {
	padding: 0px 0 0px 0;
}
dt.passwordfield {
	padding: 0px 0 0px 0;
	line-height: 1em;
}
dd {
	float: left;
	padding: 0 0 5px 0;
}
fieldset {
	clear: left;
	margin: 0px 20px 20px 0px;
	padding: 10px 0px 10px 10px;
	border: 1px solid #666666;
}
form {
	padding-top: 10px;
}
input, select{
	padding: 2px 0 2px 0;
	width: 15em;
}
input.radio {
	width: 4em;
}
legend {
	color: #666666
}
.button {
	background: url('../images/listbgd1.jpg') repeat-x;
	padding: 5px 10px 5px 10px;
}
.email {
	padding: 5px 0 5px 0;
	width: 17em;
}
.password {
	padding: 5px 0 5px 0;
	width: 17em;
}
.name {
	padding: 5px 0 5px 0;
	width: 17em;
}
.pwdtext {
	font-size: 0.8em;
}