/* ----- The Shorehouse Style Sheet (v3.2) ----- */ 

html { 
overflow: scroll;
background-color: #cdcdcd;
}

/* ----- Dimensions ----- */ 
div.container
{
width:820px;
min-height:520px;
margin-left:auto;
margin-right:auto;
border: 3px solid #ffffff;
line-height:100%;

}
/* ----- Dimensions ----- */ 


div.header {
padding:0.5em;
color:white;
background-color: #777777;
clear:left;

}

h1.header {

padding:0;
margin:0;
color:white;
font-size: 14px;
font-family: 'arial', verdana, san-serif;

}




/*----- Header Table -----*/
table.header {

	background-color: #ffffff;
	width: 100%;
}

th.header { 
border: 0px solid #323333;
width:30%;
text-align: left;
}

th.advert { 
border: 0px solid #323333;
text-align: right;
}
/*----- Header Table -----*/


h1
{
color: #000000;
font-size: large;
font-family: 'arial', san-serif, verdana;
}

h2
{
color: #000000;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
font-family: 'arial', san-serif, verdana;
}

h3
{
color: #000000;
font-size: 14px;
font-weight: bold;
font-family: 'arial', san-serif, verdana;
}

h4
{
color: #000000;
font-size: 11px;
font-weight: bold;
font-family: 'arial', san-serif, verdana;
}

/* ----- Page Content ----- */ 
div.left
{
float:left;
width:140px;
margin:0;
padding-top:0.5em;
}
/* ----- Page Content ----- */ 

/* ----- Main Page Content ----- */ 
div.content
{
margin-left:154px;
width:655px;
min-height:350px;
padding:0.2em;
font: small 'arial', san-serif, verdana;
color: #000000;
}
/* ----- Main Page Content ----- */ 


/* ----- Font  ----- */ 
th {
font: 12px 'arial', san-serif, verdana;
}
p, a, div.header
{
font-family: 'arial', san-serif, verdana;
}

span.red {
color: #d62430;
text-decoration: bold;
}

span.road-m {
color: #ffffff;
background-color: #6382da;
text-decoration: bold;

}

span.road-a {
color: #f6fa04;
background-color: #44c040;
text-decoration: bold;

}
/* ----- Font ----- */ 


/* ----- Navbar Menu ----- */ 

#menu
{

width: 12em;
background-color: #cdcdcd;
font: 12px 'arial', san-serif, verdana;
padding: 0;
margin-top: 0.5em;
margin-right: 0em;
margin-bottom: 8em;
margin-left: 0.2em; 
}

#menu li
{
list-style: none;
border: 2px solid #cdcdcd;
}

#menu a
{
color: #000000;
text-decoration: none;
display: block;
border: 1px solid #000000;
padding: 4px 8px;
}

#menu a:hover {background: #777777; color: #ffffff; text-decoration: underline;} 

/* ----- Navbar Menu ----- */ 



/* -----Contact Us List ----- */

#contact {
list-style-type: none;
}
/* -----Contact Us List ----- */




/* -----Links List ----- */

#links li {
margin-left: -40px;
margin-right: 40px;
width:300px;
float:left;
display:inline;
} 

/* -----Links List ----- */


/*----- General Page Hyperlinks -----*/
a {text-decoration: none;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #777777; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: underline;}
a:active {color: #ffffff; text-decoration: underline;}
/*----- General Page Hyperlinks -----*/


/* -----Links List ----- */
#links {
list-style-type: none;
color: #ffffff;
}
/* -----Links List ----- */


/* ----- 404 Page Table ----- */
#p404 td
{
vertical-align: top;
}

/* ----- 404 Page Table ----- */

/*----- Image Float Right -----*/
.img_float_right {
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 5px;
}
/*----- Image Float Right -----*/

/*----- Picture Section (Right of Screen) -----*/

div.pic
{
width: 195px;
float: right;
}

/*----- Picture Section (Right of Screen) -----*/

/*----- Contact Us Map (Right of Screen) -----*/

div.map
{
width: 310px;
float: right;
padding-top: 15px;}

/*----- Contact Us Map (Right of Screen) -----*/



/*----- Table (for Prices)-----*/

table.tariff {

	border: 1px solid #000000;
	width: 65%;
	border-collapse: collapse;
	text-align: center;
}



td {
border: 1px solid #000000;
padding: 4px; 
}
td.blank {
border-left: 1px solid #cdcdcd;
padding: 4px; 
}

td.low {
background-color: #cbf9b2;
border: 1px solid #000000;
padding: 4px; 
}

td.mid {
background-color: #99ccff;
border: 1px solid #000000;
padding: 4px; 
}

td.high {
background-color: #f9b2eb;
border: 1px solid #000000;
padding: 4px; 
}


th.tariff { 
border: 1px solid #000000; 
padding: 4px;
font-weight: bold;

}

th.low { 
border: 1px solid #000000; 
padding: 4px;
font-weight: bold;
background-color: #cbf9b2;
}

th.mid {
border: 1px solid #000000; 
padding: 4px;
font-weight: bold;
background-color: #99ccff;
}

th.high {
border: 1px solid #000000; 
padding: 4px;
font-weight: bold;
background-color: #f9b2eb;
}



span.low { 
background-color: #cbf9b2;
}

span.mid { 
background-color: #99ccff;
}

span.high { 
background-color: #f9b2eb;
}

/*----- Table (for Prices)-----*/


/*----- Table (Apartments)-----*/
td.capacity {
background-color: #8FBC8F;
border: 1px solid #000000;
padding: 4px; 
}

span.capacity { 
background-color: #8FBC8F;
}
/*----- Table (Apartments)-----*/


/*----- Table (Enquiry)-----*/

table.enquiry {

	border: 1px solid #000000;
}

td.enquiry {
border: 0px solid #000000;
}

/*----- Table (Enquiry)-----*/