﻿body  
{
    background:transparent url(../../images/lines.gif) repeat-y;
    background:transparent url(../../images/blue-strip.gif) repeat-y;
    
    
}

#mainContent 
{
   background:transparent url(../css-images/grey-subcontent-tile.gif)  top right repeat-y;
   min-width:760px; 
}
#content h1{
	font-size:0.75em;/* 12px */
	line-height:2em;/* 24px */
	display:inline;/* Convert the h1 from a block level element to an inline element in order for the p tag to wrap h1 */
	padding-bottom:1.333em;
	margin-top:-0.5em;/* Zero out the negative top margin specified in typography css */
	font-style:italic;
}

#content h2.lowwood,
#content h2.lancaster,
#content h2.waterhead,
#content h2.wildboar,
#content h2.storrs,
#content h2.midland {
	font-size:0.75em;/* 12px */
	line-height:2em;/* 24px */
	padding-bottom:0em;
	padding-left:129px;/* Add padding to left to give space for hotel thumbnail */
	font-weight:normal;
	clear:both;
	
}
/* Define styling for the hotel thumbnail images 
*******************************************************/
.thumbnail 
{
float:left;
clear:both;
margin-top:-1em;/* 16px - pushes image down from top of line height to top of text height*/
}

/* Define styling for the text that follows the H2 tags 
*******************************************************/
#content p.description2 {
	margin-left:129px;/* Add padding to left to give space for hotel thumbnail */
	padding-bottom:0px;/* Zero out the bottom padding specified in typography css */
}
/* Define styling for the text that follows the H1 tag 
*******************************************************/
#content p.introduction {
	display:inline;/* Convert the p from a block level element to an inline element in order for the p tag to wrap h1 */
}

.collapsePanel {
	width: 100%;
	height:0px;
	overflow:hidden;
	margin-bottom:1em;/* 16px */
	background-color:White;
}

.collapsePanel img 
{
    margin-top:0.5em;
}

.collapsePanelHeader, .collapsePanelHeader2{	
	height:3em;/* 48px */
	vertical-align:middle;
	padding:0; 
	cursor: pointer;
	margin-left:129px;
	margin-top:0;
	font-size:80%;/* 10px */
	color:#333333;
}
.collapsePanelHeader2{
	margin-left:0px;
	margin-top:0;
}
.expandImage{		
	vertical-align:middle;
	padding: 0;
}
