/* CSS Document */
html{
	 margin:0;
	 padding:0;
	 height:100%;
	 }
body{
     margin:0;
	 padding:0;
	 height:100%;
	 width:100%;
	 background:#ffffff url(../images/blue-strip.gif) repeat-y;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:medium;
	 color: #000033;
	 }
	 
#bodyEvents{
     
	 background:#ffffff url(../images/grey-strip.gif) repeat-y;
	 color: #1F1F1F;
	 }
body.restaurants {
     background-image:none;
	 }
h1 {  
     font-size: 140%;
    letter-spacing:0.1em;	 
}
h2 {  
     font-size: 120%;
     letter-spacing:0.1em;
	 } 
h3 { 
     font-size: 110%;
     letter-spacing:0.1em;

} 
h4 { 
     font-size: 100%;
}
.bold {
     font-weight:bold;
	 }
p { 
     font-size: 90%;
}
li {
    font-size:100%;
    padding:0.75em 0 0.75em 0;
}
a:link {
	text-decoration: underline
}
a:hover {
	color: #FF3333;
	text-decoration: underline;
}
a:active {
	color: #CCCCFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
.rightimage {
    position:relative;    
    float:right;    
    margin-right:0px;
    padding:0 0 20px 40px;    
} 
.rightimage2 { 
    position:relative;    
    float:right;    
    margin-right:0px;    
    clear:both;    
    padding-left:40px;    
}
.rightimageevents {
    position:relative;
	clear:both;    
    float:right;    
    margin-right:0px;
    padding:10px 0 20px 40px;    
}      
.holly {
    background:url(../images/holly-sprig.gif) no-repeat 0 50%;
    padding:5px 0 5px 25px;
    }
.snowflake {
    background:url(../images/snowflake.gif) no-repeat 0 50%;
    padding:5px 0 5px 25px;
    }
.britrail {
    background:url(../images/britrail_logo.gif) no-repeat 0 10%;
    padding:0 0 5px 45px;
    }
.airport {
    background:url(../images/plane_logo.gif) no-repeat 0 10%;
    padding:0 0 5px 45px;
    }
.imagealignright {
    position:relative;    
    float:right;
    padding:0px 0 20px 40px;    
}
.imagealignleft {
    position:relative;    
    float:left;
    padding:0px 40px 20px 0;    
}
.negMargin {
    margin-right:-40px;
}
.redNote {
    color:#FF0000;
    font-weight:bold;
    font-style:italic;
}
.emphasis {
    font-style:italic;
}
.emphasisBold {
    font-style:italic;
    font-weight:bold;
}
.positioncentre {
     text-align:center;
}
.lowwoodstars {
    padding-right:20px;
    background:url(../images/4star.gif) no-repeat 9.5em 50%;
}
.lanstars {
    padding-right:20px;
    background:url(../images/4star1rosette.gif) no-repeat 13em 50%;
}
.waterheadstars {
    padding-right:20px;
    background:url(../images/4star.gif) no-repeat 12em 50%;
}
.wildstars {
    padding-right:20px;
    background:url(../images/3star.gif) no-repeat 16em 50%;
}
.storrsstars {
    padding-right:20px;
    background:url(../images/3star2rosette.gif) no-repeat 9.5em 50%;
}
.description {
    margin: 27px 50px 20px 0;
}
.hotelThumbnails {
    float:left;
	clear:left;
    padding:10px 10px 10px 0;
    border:none;
}
.blueTable {
    width:100%;
    border: 1px solid #003366;
    text-align:center;
    background-color:#DDEEFF;
}
.blueTable td{
    border-right: 1px solid #003366;
    border-top: 1px solid #003366;
}
.blueTable thead{
background-color:#99CCFF;
}
.blueTable tr.bold{
 background-color:#99CCFF;
}
.lodgeTable {
    width:100%;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
}
.lodgeTable td, .lodgeTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.lodgeTable td{
    width:8%;
}
.lodgeTable thead{
    background-color:#99CCFF;
    font-weight:bold;
}
.lodgeTable thead tr td{
    padding:0 5px 0 5px;
}
.lodgeTable tr.color {
    background-color:#B7DBFF;
}
#tableSide {
    width:11%;
	text-align:left;
	background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide2 {
    height:2em;
	width:14%;
    text-align:left;    
    background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide3 {
    width:20%;
	height:2em;
    text-align:left;    
    background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide4 {
    width:11%;
	text-align:left;
	background-color:#B7DBFF;
    padding:2px 5px 2px 5px;
}
#tableTop {
	text-align:center;
	background-color:#99CCFF;
    font-size:medium;
    padding:2px 5px 2px 5px;
}
.lodgeTable2 {
    width:100%;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
	padding-top:20px;
}
.lodgeTable2 td, .lodgeTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.lodgeTable2 td{
    width:10%;
}
.lodgeTable2 thead{
    background-color:#99CCFF;
    font-weight:bold;
}
.lodgeTable2 thead tr td{
    padding:0 5px 0 5px;
}
.lodgeTable2 tr.color {
    background-color:#B7DBFF;
}
.waterTable {
    width:500px;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
}
.waterTable td, .waterTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.waterTable td{
    width:9%;
}
.waterTable thead{
    background-color:#B7DBFF;
    font-weight:bold;
}
.waterTable thead tr td{
    padding:0 5px 0 5px;
}
.waterTable tr.color {
    background-color:#B7DBFF;
}
/*pageHeader*/
#lowwoodHeader, #lancasterHeader, #waterheadHeader, #elhHeader, #storrsHeader, #wildboarHeader, #winterHeader, #eventsHeader, #events2Header, #marinaHeader {
	 width:100%;
	 height:99px;
	 padding:0;
	 text-align:right;
	 border-bottom:1px solid #9999CC;
	 }
#lowwoodHeader {
	 background:url(../images/woods-header.jpg);
	 }
#lancasterHeader {
	 background-image:url(../images/roses-header.jpg);
     }
#waterheadHeader {
	 background-image:url(../images/bluebells-header.jpg);
     }
#elhHeader {
	 background:url(../images/daffodils-header.jpg) repeat-x;
     }
#storrsHeader {
	 background-image:url(../images/speedwell-header.jpg);
     }
#wildboarHeader {
	 background-image:url(../images/daises-header.jpg);
     }
#winterHeader {
	 background-image:url(../images/winter-header.jpg);
     }
#eventsHeader {
	 background:url(../images/onesimus_topbanner_droplets3.jpg) left repeat;
     }
#marinaHeader {
	 background:url(../images/water.jpg);
	 }
#logo img { 
     border-left:1px solid #9999CC;
	 }

/*search box styling starts here*/
#searchContainer {
	 float:right;
	 width:270px;
     height:99px; 
     border-left :1px solid #9999CC;
     background-color:#fff;
}
#search {
	 float:right;
	 padding:7px 2px 0 0;
	 line-height:160%;
     text-align:left;
	 font-size: 70%;
     font-family: Arial, Helvetica, sans-serif;
	 color:#999999;
}
#search p{
     font-size:100%;
     margin:0;
	 padding:0;
}
#searchImage {
     float:left;
	 margin:3px 5px 20px 0;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.9;
	 opacity: 0.9;
}
#elhlogo {
	 position:absolute;
	 top:65px;
	 right:10px;
	 width:250px;
	 height:29px;
	 background-color:#FFF;
	 }
/*search box styling ends here*/
/*pageHeader end*/


/*side navigation starts here*/
#checkAvailability {
     position:absolute;
     width:150px;
     height:62px;
     z-index:5;
     left:0;
	 top:115px;
	 text-align:center;
}
#menuBar, #menuBarEvents {
     position:absolute;
	 left:0;
	 top:150px;
	 width:150px;
	 margin:0;
	 padding:0;
	 background-color:#002654;
}
#menuBarEvents {
	 background-color:#23272A;
}
#menuBar ul, #menuBarEvents ul {
     margin:0 0 20px 0;
	 padding:0;
	 border-top:1px solid #2E5787; 
}
#menuBarEvents ul {
	 border-top:1px solid #666666; 
}
#menuBar li, #menuBarEvents li {
	 position:relative;
     list-style:none;
	 margin: 0 9px 0 0;
	 padding:0.2em 0 0.2em 0; 
     text-align:right;
	 font-size:93%;
	 border-right:1px solid #2E5787;     
	 border-bottom:1px solid #2E5787;     
}
#menuBarEvents li {
	 border-right:1px solid #666666;     
	 border-bottom:1px solid #666666;     
}
#menuBar li a, #menuBarEvents li a {
     display:block;
	 padding-right:10px;
     margin:0;	 
     text-decoration:none;
	 color:#ffffff;
}
#menuBar li a:visited, #menuBarEvents li a:visited {
     text-decoration: none;
	 color: #99CCFF;
}
#menuBar li a:hover, #menuBarEvents li a:hover {
     color:#55AAFF;
     background-color: #285484;	 
     }
#menuBarEvents li a:hover {
     background-color: #666666;	 
     }
#menuBar p, #menuBarEvents p {
	 margin: 0 9px 1em 0;
	 font-size: 75%;
	 line-height: 180%;
     text-align:right;
	 }
#menuBar a, #menuBarEvents a {
	 padding-right:10px;	 
     text-decoration: underline;
	 color:#fff;
     }
#menuBar a:visited, #menuBarEvents a:visited {
	 color: #99CCFF;
	 }
#menuBar a:hover, #menuBarEvents a:hover {
     color:#55AAFF;	 
     }
/*side navigation end*/

#breadcrumb {
     position:absolute;
	 top: 138px;
	 left: 190px;
	 width:400px;
	 height:52px;
	 z-index:10;
	 font-size:85%;
	 color:#666666;
	 }

/*div containing the main page title*/
#hotelName {
    position:absolute;
	right:0;
	top:100px;
	width:270px;
	text-align:left;
	margin-bottom:56px;
	}
#hotelName h1{
    margin:0;
	padding:34px 0 0 10px;
	border-left: 1px solid #9999CC;
	font-size:16px;
	letter-spacing:2px;
	}
#stars {
   margin-left:10px;
   padding:0;   
	   }
/*page title end*/

/*main content and images for ELH pages starts here*/
#elhContent {
	margin:87px 295px 0 190px;
	}
#elhContent p{
    text-align:justify;

	}
#elhContent select{
     font-size: 85%;
     font-weight: 600; 
     background-color: #D5EAFF;
}
#elhRightStrip {
    float:right;
	width:270px;
	margin:87px 0 0 0;
	text-align:left;
	}
#elhHotelName {
    position:absolute;
	right:0;
	top:100px;
	width:270px;
	height:47px;
    border-left: 1px solid #9999CC;
	}
/*content and images for ELH home page finishes here*/
/*main content area starts here*/
#mainContent {
	margin:87px 40px 0 190px;
	background-color:white;
	
	
	}
#mainContent p{
    text-align:justify;
	line-height: 150%;
	}

/*inner content box with specified width to counter IE bug*/
#innerContainer {
    
	width:100%;
	}
#innerContainer select{
     font-size: 85%;
     font-weight: 600; 
     background-color: #D5EAFF;
}
/*Fix ends here*/

/*main text area within the main content block*/
#content {
	margin:0 255px 0 0;
    text-align:left;
	}
#content h2{
    padding-top:0;
	margin-top:0;
	}
#content ul.pdf {
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    font-size:85%;
}
#content ul.pdf li {
    position:relative;    
    float:left;
    width:150px;
    margin-left:20px;
}
#attractionsContainer {
    width:100%;
 }
#attractionsContainer img{
    position:relative;    
    float:right;
    padding:0;
}
#attractionsContainer form{
    clear:both;
}  
#attractionsContainer p{
    margin:0.5em 250px 2em 0;
}
#attractionsContainer h3{
    clear:both;
    margin: 0 250px 0 0;
    padding:0;
    letter-spacing:0.1em;
    color:#666666;
}
#attractionsContainer h1{
    margin-right:250px;
    letter-spacing:0.1em;
}
#news {
    width:100%;
	padding:20px 0 30px 0;
}
/*inner content box with specified width to counter IE bug*/
#specialoffersContainer {
    clear:both;    
    width:100%;	
}
/*Fix ends here*/
#specialoffers {
    border:2px solid #000000;   
    padding:0 25px 25px 25px;  
}
#specialoffers h4 {
    font-style:italic;
  
}
#specialoffers p {
    font-style:italic;    
 }
#specialoffers img {
    float:right;
    margin:0;    
    padding-left:10px;
    border:0;
} 
/*a div for placing content in with p,h1,h2,h3,h4 widths set as above content width and images paushed to the right*/
#newContent {
    width:100%;
}
#newContent p, #newContent h1, #newContent h2, #newContent h3, #newContent h4 {
	margin-right:255px;	
}
#newContent h3 {
    clear:both;	
}
#newContent img.right {
    position:relative;
    float:right;
    margin-right:-40px;
    border:none;
}
#newContent p.rightnote {
    position:relative;
    float:right;
    width:255px;
    margin:147px -255px 0 0;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.rightnote2 {
    position:relative;
    float:right;
    width:255px;
    margin:294px -255px 0 0;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.leftnote {
    position:relative;
    float:left;
    width:255px;
    margin-top:147px;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.leftnote2 {
    position:relative;
    float:left;
    width:255px;
    margin-top:294px;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
/*image area to the right of the content area text block*/
#rightStrip {
    position: relative;
    float:right;
	width:270px;
	margin-right:-40px;
	text-align:left;
	}
#pictures {
    float:right;    
    width:255px;
    padding:0;
	margin:0;
	}
#hotelsImages {
    float:right;    
    width:255px;
    padding:2px 0 2px 0;
	margin:0;
	}
/*images to right of the content area end*/
/*main content area ends here*/

/*page footer starts here*/
#bottomCheckAvailability {
     width:100%;
     height:62px;
     text-align:center;
	 font-style:italic;     
}
#pricesStrapline {    
     font-size:110%;
	 font-weight:bold;
     margin:0 40px 0 190px;
}
#pricesStrapline p#tablenotes {
     font-weight:100;
     font-style:normal;
     text-align:left;
}
#footer {
    clear:both;
	padding-top:36px;
	}
#footerleft {
    position:absolute;
    right:264px;
	width:200px;
	text-align:right;
	}
#footerleftlong {
    position:absolute;
    right:264px;
	width:230px;
	text-align:right;
	}
#thumbnail {
	margin-top:1em;
	border-right:1px solid #9999CC;
	}
#contactDetails {
    margin:0;
	padding:1.4em 0 0 0;
	}
#contactDetails  li{
	 position:relative;
     margin: 0;
	 padding: 0.2em 9px 0.2em 0;
	 list-style:none;
	 text-align:right;
	 font-size: 80%;
     border-top:1px solid #9999CC;
     border-right:0;	 
}  
#footerRight {
     float:right;
	 width:265px;
	 text-align:left;
	 } 
#strapLine {
     padding:0 0 0 10px;
	 margin:0;
	 font-style:italic;
     letter-spacing:0.2em;
	 line-height:1em;
	 }
#address {
     margin: 50px 0 0 0;
	 padding:0.2em 0 0 0.2em;
	 font-size: 80%;
	 border-left:1px solid #9999CC;
	 border-top:1px solid #9999CC;
	 } 
#bottomNavigation {
     clear:both;
	 margin:0 40px 0 190px;
	 padding:10px 0 40px 0;
	 text-align:center;
	 font-size: 80%;
	 }
	  
/*page footer end*/ 
.pvsmall {
     font-size: 75%;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 170%;
     }
.small {
     font-size: 85%;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 130%;
     }
#onesimus {
     clear:both;
	 margin:0 40px 0 190px;
	 padding:60px 0 40px 0;
	 text-align:center;
	 font-size: 100%;
	 }
#gallery {
     padding:0 0 20px 0;
	 text-align:center;
	 font-size: 85%;
	 }
#galleryback {
     padding:0 0 30px 0;
	 text-align:center;
	 font-size: 100%;
	 }
#gallerylink {
     padding:15px 0 5px 15px;
     text-align:center;
	 font-size: 85%;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 170%;
     }
#display {
     padding:15px 0 30px 0;
	 text-align:center;
	 font-size: 85%;
	 }
#pressphoto {
     padding:0 0 30px 0;
	 text-align:center;
	 font-size: 85%;
	 }