/*
 * This CSS file handles the on-screen layout of the elements
 * Margin/Border shorthand selector reads "top right bottom left"
 */

/***************************************************************************
 Body and main container
***************************************************************************/
body { 
    /* <border-width> || <border-style> || <colour> */
    border: 0 solid navy;
    margin: 0px;
    padding: 0px;
    
    /* 
     * Hack for <= IE6/Windows
     * This in inherited on all sub elements so we need to
     * reset the text align back to left on the contained DIV
     */
    text-align: center;
    height: auto;
}

div#container {
    width: 80%;    
    margin: 0px auto 0px auto;
    height: auto; 
    border: 6px solid #999999;
    
    /* Reset for <= IE6/Win hack above */
    text-align: left;
}

/***************************************************************************
 Header and branding
***************************************************************************/
div#header {    
    height: 11em;
    width: 100%;
    border-right: 0;
}

div#header img {
    width: 100%; 
    /* 
       Note this is the same height as the DIV. The reason is that in 
       FireFox setting the IMG to 100% of the DIV didnt work
    */
    height: 11em;
}

/***************************************************************************
 Top navigation menu
***************************************************************************/

div#mainnavigation {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    border-top: 2px #999966 solid;
    border-bottom: 2px #999966 solid;
}

ul#navlist {
    margin: 0;
    padding: 0;
}

ul#navlist li {
    display: inline; 
}

ul#navlist li a {
    padding: 0.3em 12px;   
    float: left;
    border-right: 1px solid #94B473;
}

/***************************************************************************
 Main content - general (applies to all pages)
***************************************************************************/

div#content {
    margin-top: 2.25em;   
}

div#content h2 {
    padding-top: 1.0em;
    padding-left: 0.5em;
}

div#content p {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

div#content h3 {
    padding-left: 1.5em;    
}

/***************************************************************************
 Home page
***************************************************************************/

.featureimage {
    float: right;
    margin-right: 2em;
    margin-left: 2em; 
}

.featureimagecaption {
    margin-top: 0.5em;
}

/***************************************************************************
 Facilities page
***************************************************************************/
div#ourfacilites {
    /* Hack ensures that the facilities table is centred on the page for <= IE6/Windows */
    text-align: center;
}

table#facilitieslist {
    width: 80%;
    margin: 1em auto;    	
	border-collapse: collapse;
}

table#facilitieslist th, td {
    /* Makes each of the two columns take up 50% of the table width */
    width: 50%;
}

p#facilitiessummary {
    margin-right: 4em;    
}

/***************************************************************************
 Gallery Page
***************************************************************************/

div#gallerycontent {
    /* Centre the gallery content div on the page */     
	margin: 0 auto 0 auto;
	
	/* Centre the gallery content div for <= IE6 (hack) */
	text-align: center;
}

div#gallery1 {	
	/* Centre the actual flash gallery inside the gallery div*/
	width: 80%;
	margin: 0 auto 0 auto;
	
	/* Centre the gallery for <= IE6 (hack) */
	text-align: center; 
}

/***************************************************************************
 Rates Page
***************************************************************************/

div#ourrates {
    /* Hack ensures that the rates table is centred on the page for <= IE6/Windows */
    text-align: center;
}

table#rates {
	width: 55%;
	
	/* White border*/
	border: 1px solid #FFFFFF;
	margin: 1em auto;
	border-collapse: collapse;
}

table#rates caption {
	padding: 0 0 1em 0;
	margin: 0;
	caption-side: top;
}	

table#rates td {    
    border: 1px solid #FFFFFF;
	padding: .3em 1em;
}				

table#rates th {
    border: 1px solid #FFFFFF;
	padding: .3em 1em;
}

.ratedisclaimer {
    margin-top: 2em;    
    margin-right: 6em;
}

/* 24/04/10 New latest availability info */
div#latestavail {
    /* Hack ensures that the latest availability is 
    centred on the page for <= IE6/Windows */
    text-align: center;
}

/* End 24/04/10 New latest availability info */

/***************************************************************************
 Location Page
***************************************************************************/

div#centredmap {
    /* Hack ensures that the facilities table is centred on the page for <= IE6/Windows */
    text-align: center;
}

div#googlemap {
    width: 70%;
    margin: 0px auto 0px auto; 
    height: 450px;        
    border: 1px blue solid; 
}

/***************************************************************************
 Contact Page
***************************************************************************/

ul#contactlist {
    margin-left: 3em;
}

/***************************************************************************
 Feedback Page
***************************************************************************/
.nobr {
    display: none;
}

/***************************************************************************
 Footer
***************************************************************************/

div#footer p {
    padding-right: 2em;
    padding-bottom: 0.5em;
    clear: both;
}