/*

	Project APE Styles

	CONTENTS ----------

		1.over all styles
		2.Headings
		3.Text
		4.Links
		5.images
		6.layout
		7.header
		8.menu
			8a.Sub menu
		9.Footer
		10.Links Page
		11.Comp Page
		12.Simple Image Gallery

    -------------------

	COLOURS ----------

		Text #000

    -------------------

*/
/* 1.overall styles
---------------------------------------------------------------------- */



/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

HTML { overflow: scroll; }
body { text-align:center; font:12px Verdana, Tahoma, sans-serif; line-height:18px; background-color:#e5e0d6 }

.padding { padding-bottom:10px; }


/* 2.Headings
---------------------------------------------------------------------- */


H1 { color:#000; line-height:20px; margin:0 0 10px 0; font-size:16px; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; }

h2 { color:#000; line-height:20px; margin:0 0 10px 0;  font-size:12px; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; }

H3 { color:#5e8022; font-size:12px; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; margin-bottom:10px; }

H4 { color:#000; line-height:20px; padding:0 5px; margin:0 0 10px 0;  background-color:#ccc; font-size:12px; font-family:Tahoma, Verdana, sans-serif; font-weight:bold; }
H5 { }
H6 { }




/* 3.Text
---------------------------------------------------------------------- */


p { text-align:left; color:#000000; margin-bottom:10px; }

OL { color:#000; line-height:15px; margin-bottom:10px; padding-left:20px; }
UL {  color:#000; line-height:15px; list-style-type:circle; margin-bottom:10px; }

/* need font size to stop ie empty div bug */
#hr { height:1px; background-color:#8c7448; margin-bottom:10px; line-height:1px; padding:0; font-size:0; }
.clear { clear:both; }

.small { font-size:11px; }
.date { font-size:11px; color:#666666;}


/* 4.Links
---------------------------------------------------------------------- */

a:link, a:visited { color:#000; text-decoration:none; border:0; }

a:hover, a:active { text-decoration: none; border:0; color:#8c7448; }


a:link.highlighted, a:visited.highlighted { color:#666; text-decoration: none; border:0; padding:0; background-color:#fff; display:block; }

a:hover.highlighted, a:active.highlighted { color:#fff; text-decoration: none; border:0; padding:0; background-color:#97af4d; display:block; }

.pdfLink { background:url(/images/pdf.png) no-repeat left; line-height:34px; padding-left:35px; }


a.button { width:460px; padding:10px; margin-bottom:10px; background-color:#e5e0d6; display:block; color:#000000; font-weight:bold; font-size:14px; }
a.button:hover { background-color:#8c7448; color:#e5e0d6; }

/* 5.images
---------------------------------------------------------------------- */



/* 6.Layout
---------------------------------------------------------------------- */

.container { width:800px; margin:0 auto; position:relative; text-align:left; background-color:#FFFFFF; padding:0 20px;}
.header {width:800px; margin-bottom:20px; position:relative; height:289px; background-image:url(/images/bannerBk.jpg); background-repeat:repeat-x; }


.leftWrap { float:left; display:inline; margin-right:20px; width:300px; }
.leftWrap div.links p { margin:3px 0; }
.rightWrap { float:left; display:inline; width:480px; }

.wrap { width:760px; }

.Wrap a, .rightWrap a { font-weight:bold; }


.line { height:1px; background-color:#000000; clear:both; margin-bottom:10px;}


/* 7.header
---------------------------------------------------------------------- */

.logo { position:absolute; top:0; right:0; border:0;}


/* 8.menu
---------------------------------------------------------------------- */

.menu { position:absolute; top:260px; left:10px; color:#FFFFFF; }
.menu a {color:#FFFFFF; margin:0 5px; text-decoration:none}
.menu a:hover { color:#FFFFFF; text-decoration:underline; }

/* 8a.Sub menu
---------------------------------------------------------------------- */
.menuDate { width:80px; }
.links ul { background-color:#e5e0d6; padding:10px; }
.links li { list-style:none; line-height:20px; font-weight:normal; margin-bottom:2px; border-bottom:1px #FFFFFF solid; }
.links li a { text-decoration:none; display:block; padding:2px; margin-bottom:2px; }
.links li a:hover { background-color:#8c7448; color:#e5e0d6; }

/* 9.footer
---------------------------------------------------------------------- */

.footer {border-top: #000000 5px solid; padding-top:10px; font-size:11px; }
.footerLogos { float:right; display:inline;}
.partnerLogo { margin-left:10px; border:0; }

.footer a { text-decoration:none; }
.footer a:hover { background-color:#8b6d39;}
.footerLogos a:hover { background-color:#fff; }

/* 10.Links Page
---------------------------------------------------------------------- */

.link { width:760px; text-align:center; margin-bottom:20px; }
.link p { text-align:center}
.link img { text-align:center;}


/* 11.Comp Page
---------------------------------------------------------------------- */


.compImg { margin-right:10px; }


/* 12. Simple image Gallery 
---------------------------------------------------------------------- */

/* main link style - needed to make :active work correctly in IE */
#album a, #album a:visited, #album a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:800px; 
height:600px; 
background:url(/images/holland-england/img1.jpg) no-repeat;
margin:0 auto 0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:525px 0 0 0; 
list-style-type:none; 
position:relative; 
width:800px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-align:center; 
width:100px; 
height:100px; 
margin:2px;
background-repeat:no-repeat;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;

}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#d5eff0;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}