.socc, .socc-home { margin: 0; padding: 0; font-family: Georgia, serif; }

/* ** BACKGROUND COLOURS ** */
.title, .nav { background-color: #7AA110; }
.pageheader, .localnav { background-color: #A3C250; }
.socc, .socc-home { background-color: #EFEDBB; }

/* ** TEXT COLOURS ** */
.title H1, #home-sections H2 { color: #4d660a; }

a:visited { color: blue; }


/* ** MARGINS AND PADDING FOR HEADINGS ** */
.title, .title H1 { margin: 0; }
.pageheader h2, .content h3, .content-home h3 { margin: 0 0 0 0; }
.title {  padding: 0 0 18px 20px; }
.pageheader { padding: 0 0 7px 20px; }
.content, .content-home { padding: 10px; }
.content {
	margin-left: 15px;
	margin-right: 4em;
}

.content-home {
  padding-right: 186px;
} 

/* ** FONTS ** */
/* .title h1, .pageheader h2 { font-family: Copperplate Gothic Light; } */
.nav, .localnav { 
  font-family: Verdana, sans-serif; 
  font-size: .8em;
}

/* ** FACEBOOK LINK ** */
SPAN.facebook {
    	margin-left: 3em;
    
}
SPAN.facebook A {
  /*  color: #ffffff; */
    text-decoration: none;    
}
SPAN.facebook IMG {
    border-style: none;
    }

/* ** TABLES ** */
TR.gapbefore TD {
	padding-top: 1.5em;  /* doesn't work; nor does margin-top */
/*	font-weight: bold; */
}
TD { padding-right: 1.5em; }

TR.biggapbefore TD {
	padding-top: 2.5em;  
}

table.hire-rates {
    border-collapse:	collapse;
    font-size: smaller;
    margin-top: 0.5em;
}
table.hire-rates thead {
    border:1px solid #7AA110;
}
table.hire-rates th {
    background-color:	#A3C250;
}
table.hire-rates td {
    border:1px dotted #7AA110;
    padding:0 5px 0 5px;
    vertical-align: top;
}

/* PAGE HEADING - TELEPHONE NUMBER */
DIV.title P {
/*	border-top: 1px solid; */
	margin: 2px 0 2px 0;
	font-weight: bold;
}
SPAN.tel {
	margin-left: 3em;
}

/* VISIBLE LOGO */
IMG.visible {
    float: right;
    border: 1px solid #7AA110;
    
}


/* ** ROOM DETAILS ** */
TABLE.room-details TD {
	vertical-align: top;
}

IMG.thumbnail { border: 0; }
SPAN.thumbnail {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
}


/* ** ACTIVITIES ** */
IMG.activity {
  padding: 2em;
  float: right;
}
IMG.activity-foot {
  padding: 1em;
  float: left;
}



/* TERMS & CONDITIONS - LIST */
OL LI {
	margin-bottom: 1em;
}


/* ************************************ */
/*                  
/* NAVIGATION PANELS
/*
/* ************************************ */


/* ** NAVIGATION PANELS - BACKGROUND IMAGES ** */
.title {
  background-image: url("../images/socc-title-bottom.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
}
.pageheader {
  background-image: url("../images/socc-pageheader-bottom.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
}
.footer {
/*  background-image: url("../images/socc-footer-top.gif"); 
  background-position: top left;
  background-repeat: repeat-x; */
  margin-top: 15px;
  border-top: 3px solid #7AA110;
  clear: both; /* prevents floating image decorating content from overlapping the footer */
}

.footer p {
   padding: 10px;   
}
.footer-right {
    float: right;
margin: 0;
padding: 0;    
}

.nav-l {
  background-image: url("../images/socc-nav-left.gif");
  background-position: top left;
  background-repeat: repeat-y;
  margin-bottom: 0;
  padding-bottom: 0;
/*  margin-top: -18px; */
}
.nav-tl {
  background-image: url("../images/socc-nav-top-left.gif");
  background-position: top left;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-bottom: 0;
}
.nav-bl {
  background-image: url("../images/socc-nav-bottom-left.gif");
  background-position: bottom left;
  background-repeat: no-repeat;
}
.localnav-l {
  background-image: url("../images/socc-localnav-left.gif");
  background-position: top left;
  background-repeat: repeat-y;
  margin-top: -7px;
}
.localnav-tl {
  background-image: url("../images/socc-localnav-top-left.gif");
  background-position: top left;
  background-repeat: no-repeat;
}
.localnav-bl {
  background-image: url("../images/socc-localnav-bottom-left.gif");
  background-position: bottom left;
  background-repeat: no-repeat;
}
.localnav-b {
  background-image: url("../images/socc-pageheader-bottom.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
}

/* ** NAVIGATION PANELS - MARGINS AND PADDING ** */
.nav-outer {
	float: right;
	width: 170px; /* fixed width - yeow! */
	margin: -18px 0 10px 10px; /* space round box, so page content is not too close */
	padding-right: 0;
}
.localnav-l { 
  float: right;
  width: 10em;  /* using 15% width gave slight problem in Firefox */
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: -10px; /* cancel out 10px in .nav-outer */
}
/*.nav-l { width: 100%; } */



.nav-bl { 
  padding-top:  0;
  padding-right: 0;
  padding-bottom: 18px;  
  padding-left: 18px; 
} /* ensures border of nav panel is visible */

.localnav-bl { padding:  0 0 7px 7px; } 
/* .nav { margin: 0 0 20px 20px; } */
.nav { padding: 18px 0 18px 0; } /* innermost div of nav panel  */
.localnav { padding: 7px 0 7px 0; } /* innermost div of local nav panel */

/* .localnav-l { margin-right: 1px; } */


/* ** NAVIGATION PANEL - LIST ** */
.nav ul, .localnav ul { padding: 0; margin: 0;}
.nav li, .localnav li {
  list-style-type: none; 
  display: inline-block; 
}
.nav li, .localnav li {  margin: 0 0 0 0; }
.nav li {
  margin-left: -18px; /* not on <a> for IE compliance */
}
.localnav li {
  margin-left: -7px; /* not on <a> for IE compliance */
}
.nav a, .localnav a { 
  margin: 0 4px 0 0;
  text-decoration: none;
  background-position: top left;
  background-repeat: repeat-y;
  text-indent: -7px;
  display: block;  
/*  background-color: red;  TEST */
  -moz-border-radius: 0 50% 50% 0; 
  }
.nav a { 
  padding: 0 10px 0 35px;
  background-image: url("../images/socc-nav-left.gif");
  }
.localnav a { 
  padding: 0  7px 0 20px;
  background-image: url("../images/socc-localnav-left.gif");
}
.nav a:hover {
  background-image: url("../images/socc-nav-left-highlight.gif");
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #91BF13; 
}
.localnav a:hover {
  background-image: url("../images/socc-localnav-left-highlight.gif");
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #E6FF71; 
}

/* ** RIGHT MARGIN DECORATION ** */
.right-decoration {
	margin: 10px; 
 }

/* ** LEFT MARGIN DECORATION ** */
.left-decoration {
  float: left;
  margin-right: 10px;
}


/* ************************************ */
/*                  
/* HOME PAGE SECTIONS 
/*
/* ************************************ */


#home-sections {
	border-spacing: 1.5em 0;
}
#home-sections TD {
  width: 50%; 
  padding: 0 15px 15px 15px;
  border: 0;
  vertical-align: top; 
}
#home-sections TH {
  padding: 0;
  margin: 0;
  vertical-align: bottom; 
}
#home-sections TD.home-section {
  border-width: 1px;
  border-style: solid;
  border-color: #7aa110;
  -moz-border-radius: 10px 10px 0 0;
  padding: 1em;
/*  z-index: 2; */
}

#home-sections H2 {
  margin: 2em 2em 0 2em;
  padding: 0 1em 0 1em;
  background-color: #A3C250;
  border-width: 1px;
  border-style: solid;
  border-color: #7AA110;
  -moz-border-radius: 10px 10px 0 0;
  text-align: center;
  font-family: Verdana,sans-serif;
  font-size: 1.2em;
   text-transform: uppercase;
}


.home-h2 {
/* display:	inline; 
margin-bottom: 0; */
font-size: 1.2em;
}

.home-h2-text {
padding-bottom:	10px;
padding-left: 5px;
padding-right: 10px;
color: #4d660a;
background-color: #A3C250;
font-family: Verdana,sans-serif;
text-transform: uppercase;

}

.home-section {
	margin-top: -15px;
	margin-left: 15px;
	margin-right: 30px;
	padding-left: 5px;
	padding-right: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #7aa110;
background-color: #EFEDBB;
margin-bottom: 1.5em;
}

.content-home #main {
	margin-left: 135px;
}