/* CSS Document */
	body {
		width:100%;
		background:transparent url(../../images/lines.gif) repeat-y;
		background:transparent url(../../images/blue-strip.gif) repeat-y;				
		text-align:left;
		}

/*Define the styling for Branding / Header area
-----------------------------------------------------------------------*/
	.logo 
	{
		position:relative;/*Required in order to allow the H1 to be absolutely positioned relative to this containing element and not it's root, the body*/
		width:100%;
		height:222px;
		margin-top:32px;
		border-bottom:1px solid #E5F2FF;/*#2e5787*/
		}
	.logo h1 
	{
		position:absolute;
		bottom:0;
		height:223px;
		text-indent:-5000px;
        left:0;
        width:149px;
        background: #002654 url(../css-images/elh-logo-small.gif) bottom right no-repeat;
		border-right:1px solid #2e5787;
		margin-bottom:-1px;
		border-bottom:1px solid #2e5787;
		}
	/*Define styling for the montage image screen top right*/
	.montage 
	{
	    float:right;
	    height:222px;
	    width:271px;
	    border-left:1px solid #E5F2FF;
	    }
/*Requires CSS to specified in full as for some reason ie6 and ie7 will not display when written in shorthand*/
	.defaultMontage 
	{
	    background-color:#002654;
	    background-image:url('../css-images/montage-images/elh.jpg');
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.lowwoodMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/lowwood.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.lancasterMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/lancaster.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.waterheadMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/waterhead.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.storrsMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/storrs.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.wildboarMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/wildboar.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }	
	.beautyMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/beauty.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }
	.marinaMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/marina.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    } 
	    
		.midlandMontage 
	{
	    background-color:#002654;
	    background-image:url(../css-images/montage-images/midland.jpg);
	    background-position:top left;
	    background-repeat:no-repeat;
	    }  	
/* Define background image for the main site to be overridden by themes
---------------------------------------------------------------------------*/
	.Banner {
	    background:#000 url(../css-images/banner.jpg) top right;
	    background-position:87% 0;
	    }
	    
	.lowwoodBanner {
	    background:#000 url(../css-images/lowwood/lowwood-banner.jpg) top left;
	    background-position:150px 0;
	    }
	    
	.lowwoodBeautyBanner {
	    background:#000 url(../css-images/banner.jpg) top right;
	    }
	    
	.lancasterBanner {
	    background:#000 url(../css-images/lancaster/lancaster-banner.jpg) top left;
	    background-position:150px 0;
	    }
	    
	.waterheadBanner {
	    background:#000 url(../css-images/waterhead/waterhead-banner.jpg) top right;
	    }
	    
	.wildboarBanner {
	    background:#000 url(../css-images/wildboar/banner-wildboar.jpg) top left;
	    }
	    
	.storrshallBanner {
	    background:#000 url(../css-images/storrshall/storrshall-banner.jpg) top right;
	    background-position:87% 0;
	    }
	    	
	.partyBanner {
	    background:#000 url(christmas/css-images/party.jpg) top right;
	    }
        .midlandBanner {
	background:#000 url(../css-images/midland/banner.jpg) top left;
	background-position:10% 0;
	}
	    
	.marinaBanner {
	    background:#000 url(../css-images/lowwood/lowwood-banner.jpg) top left;
	    background-position:150px 0;
	    }	

/*Define styling for the breadcrumb in time move this to layout.css
-----------------------------------------------------------------------*/
	 #breadcrumb {
	 	height:47px;
	 	width:100%;
	 	border-bottom:1px solid #E5F2FF;	 	
	 	background:transparent url(../../styles/css-images/breadcrumb-tile.png) top left;	 	
	    }
	
	#indent {
	    padding-left:40px;
	    margin-left:150px;
	    line-height:47px;
	    display:block;
	    height:47px;	 	
	    }

/*Define styling for the mainContent div
-----------------------------------------------------------------------*/
	 #mainContent {
	 	position:relative;/*Required in order for any absolutely positioned elements to be positioned relative to this element*/
		width:100%;
		padding-bottom:64px;/*Add padding to base of Div to provide visual padding between bottom of div and any contained elements, esp' when there is little content*/
		border-bottom:1px solid #E5F2FF;/*was #99c*/
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/
		}
		
	.greyPanel {
		background:transparent url(../../images/conferences/css/grey-subcontent-tile.gif) top right repeat-y;
	    }
		
/*Define styling for the menubar
-----------------------------------------------------------------------*/
	#menuBar {
		z-index:12;
		float:left;
	 	width:150px;
		margin-top:-1px;/*was 78px*/
	 	border-top:1px solid #2e5787; 
		background-color:transparent;
		}
		
	#menuBar li {
	 	margin-right:9px;
	 	border-right:1px solid #2E5787;     
	 	border-bottom:1px solid #2E5787; 
	 	padding-left:10px;    
		}
		
	/*Define the styles for list items that contain images*/
	#menuBar li.button {
		border:none;
		margin-top:1em;
		}
		
	/*Remove border from around the linked images*/
	#menuBar li.button img{
		border:none;
		}
		
	#menuBar li a {
     	display:block;
		background-color:#002654;
		}
		
	#menuBar li a, #menuBar li span {
	    margin-left:-10px;
	    padding-left:10px;
		}
		
	#menuBar li a:hover {
     	background-color: #285484;	 
     	}
     	
	#menuBarEvents li a:hover {
     	background-color: #666666;	 
     	}
		
	#checkAvailability {
		position:absolute;
		top:0;
		left:0px;
		width:150px;
		height:31px;
		padding-top:16px;
		z-index:5;
	    text-align:center;
		}
		
    /*non-link generated for the side menu*/
    .AspNet-Menu-NonLink {
        display:block;
        color:#55aaff;
        padding-left:20px;
        background-color: #001c3e;
        border-left:4px solid #55aaff;
        font-weight:bold;
        }
        
/*Define styling for the subcontent area division
-----------------------------------------------------------------------*/	
	#subcontent {	
		float:right;
		padding:0 0 96px 1px;
		margin-top:-1px;
		width:271px;
		background-color:transparent;
		}
			
	#subcontent h2 {
	    margin-left:1px;
		padding-left:13px;
		padding-right:12px;
		border-bottom:none;
		border-top:none;
		background-color:#EBE9EE
		}
		
	#subcontent h2.title {
		position:absolute;
		top:0;
		padding-top:0;
		height:50px;
		border:none;
		background-color:transparent;
		line-height:50px;
		}
		
	#subcontent p {
		padding-right:13px;
		padding-left:13px;
		}
		
	#subcontent input {
		width:234px;
		}
		
	#subcontent input[name="submit"] {
		width:auto;
		margin-left:13px;
		}
		
	#subcontent img {
		padding:0;
	    margin:0;
		}
	
	#subcontent li img.right {
	    margin-left:13px;
		}
		
	#subcontent img.subImage {
		border-top:1px solid #E5F2FF;
		}
			
	#subcontent #map img,
	#subcontent #map+h2+img,
	#subcontent #map+h2 {
		border-top:none;
		}
		
	#subcontent #map+h2+img {
		border-bottom:1px solid #FFF;
		}
		
	#subcontent ul {
		list-style:none;
		margin-right:13px;
		}
		
	#subcontent li {
		/*border-top:1px solid #fff;*/
		padding-left:13px;
		}
	#subcontent li p{
		/*border-top:1px solid #fff;*/
		padding-left:0;
		}
/*	#subcontent li:hover {
		background-color:#D5D5D5;
		}*/
		
	#subcontent li a {
		display:block;
		}
		
	#subcontent input#submit {
		margin-bottom:1.5em;
		}
		
/*Define styling for the content div
-----------------------------------------------------------------------*/
	#content {		
		padding:29px 40px 32px 40px;
		background-color:transparent;/*set to white in order to cover the blue strip attributed to the body should the menubar be removed*/		
		overflow:hidden;	
		}

/*Define styling for the introduction text block and image at the top of the content div 
-----------------------------------------------------------------------*/
	#intro, .intro {		
		margin:-6px 0 16px 0;
	margin-top:16px;
		padding:10px 10px 32px 20px;
		border:1px solid #E5F2FF;
		background-color:#F6FBFF;
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/		
		}
		
	#intro img.introImage {
	    position:relative; /*IE6 requires position:relative in order to display the image*/
		float:right;
		margin:0 0 6px 12px;
		/*width:221px;
		height:222px;*/
		border:1px solid #E5F2FF;
		padding:10px;
		background-color:#FFF;
		}

/*Define styling for the divs within the Venue area on within the content div
-----------------------------------------------------------------------*/
	#venues {
		margin-bottom:2em;/* 32px */
		}
				
	#venues li {
		display:block;
		height:1%;/* IE6 requires this in order for it to clear the flaoted images */
		border:1px solid #E5F2FF;
		margin-top:1.937em;/* 31px should be 32px but is set at 31px to take into account the ipx border */				
		padding:1em 16px 0.937em 16px;
		position:relative;
		overflow:hidden;
		}
				
	#venues li img {
		float:right;
		border:none;
		padding:0 0 1em 16px;
		}
		
/*Define styling map used for the Google maps API
-----------------------------------------------------------------------*/
	#map {
		border-top:1px solid #99c;
		border-bottom:1px solid #99c;
		width:271px;
		height:222px;
		}
		
	#content div#map {
		border:1px solid #99c;
		width:100%;
		height:444px;
		}
			
	#map.doubleHeight {
		height:574px;
		}
		
   	#map div.mapinfo {
		width:205px;
		}
		
	#map div.mapinfo p, #map div.mapinfo h3 {
		width:205px;
		padding-right:0;
		padding-left:0;
		}

/*Define styling for the navigation strip that sits at the top of the page
-----------------------------------------------------------------------*/
	#siteNavigation {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		margin:0;
		padding:0;
		background:#001c3e;
		height:31px;
		border-bottom:1px solid #2e5787;
		}
		
	#siteNavigation li{
		float:right;
		display:block;
		padding:0 15px;
		background-color:transparent;
		}	
/*Define the styling for the footer 
-----------------------------------------------------------------------*/	
	#footer {
    	clear:both;
    	padding-top:32px;
		background-color:#fff;/*Provide a white background colour to mask the blue tiling strip attributed to the body element*/
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/
	    }
	    
	#footerleft {
		position:absolute;
   		right:270px;
		width:200px;
		}
		
	#footerRight {
		float:right;
		width:271px;
		}
		
	#address {
		padding-left:11px;
		}
		
	#thumbnail {
		margin-top:0.625em;/*10px*/
		margin-top:0.437em;/*10px*/
		height:48px;
		width:48px;
		border-right:1px solid #E5F2FF;
	    }
	    
	#contactDetails{
		margin-top:1px;
		}
	#contactDetails  li{
		position:relative;
		margin-top:-1px;
		padding: 0.2em 9px 0.2em 0;
     	border-top:1px solid #E5F2FF; 
		}
		
	#strapLine {
     	padding:0 0 0 10px;
	    }
	    
	#address {
     	margin-top: 40px;
	 	padding:0.2em 0 0 9px;	 	
	 	border-left:1px solid #E5F2FF;
	 	border-top:1px solid #E5F2FF;
	    }
	     
/*Define the styling for the bottom navigation toolbar 
-----------------------------------------------------------------------*/
	ul#bottomNavigation {
		clear:both;
		padding:2em 0 0.7em 0;
		}
			
	ul#bottomNavigation li {
		display:inline;
		padding:0 5px;
		margin:1em 0 1em 0;
		border-left:1px solid #000;
		}
		
	ul#bottomNavigation li:first-child {
		border-left:none;
		} 	
	
/*Define the styling for the legal note at the foot of the page  
-----------------------------------------------------------------------*/
	#legal {	
		padding:8px 40px 16px 40px;
		border-top:1px solid #DDDDEE;
		background-color:#F0EEF2;
		}		

/* styling for a microformats hcard giving contact details
-----------------------------------------------------------------------------------------------------*/	
	.vcard {
     	padding-top:1em;
		}
		
/* styling for the special offers box 
-----------------------------------------------------------------------------------------------------*/	
	#specialoffers {
		border:2px solid #000;
		padding:1em 32px 1em 32px;
		overflow:hidden;
		margin-bottom:36px;
		margin-top:12px;
		}
		
	#specialoffers img {
		float:right;
		margin-left:32px;
		}
	
	.clear {
		clear:both;
	    }
	    
	.left {
		float:left;
		margin-top:0.833em;
		margin-right:1em;
	    }
	    
	.right {
		float:right;
		margin-top:0.833em;
		margin-left:1em;
	    }
	    
	.hide {
	    display:none;
	    }
	    
	/*styling for the star images to right of the hotel name
-----------------------------------------------------------------------*/
	#content img.stars {
		padding:0 0 0 0.5em;
		margin:0;
		border:none;
		vertical-align:middle;
	    }
	
	/* Phone icon next to telephone numbers on packages page */
	.phone {
	    margin-left:0px;
	    padding-left:25px;
	    background:url(../css-images/phone_small.gif) no-repeat 0 20%;
	    }
	
	#bottomCheckAvailability {
        clear:left;
        padding: 40px 0 0 0;
        width:100%;
        height:62px;
        text-align:center;
	    font-style:italic;     
        }
   /*  Photo gallery thumbnail styling   */
    .gallery {
		
		}
		
	.gallery li 	{
	    float:left;
	 	padding:0 24px 24px 0;  
		}
	.gallery img 	{
	    border:1px solid #002654;
	    }