html, body, #wrap {height: 100%;}

html,body {
margin: 0;
padding: 0;
}

html { height: 100%;}

img {border: none;}

body 
{ 
min-height: 100%;
font-family: verdana, arial, sans-serif;
font-size: 85%;
background-color: #ccc;            
}

* html body {height: 100%;}
* html .box {margin: -2.5em 0 0 0;}
body > #wrap {height: auto; min-height: 100%;}
body .printonly {background: #fff none}


/*CONTAINER*/

#container
{
	
	min-height: 100%;
	padding-bottom: 40px;
	background-color: #ccc;
    color: #000;
    width: 100%;
}

#index #container {padding-bottom: 60px;}
html>body #container {height: auto;}
	
* html #container{height:100%; background-color: #ccc;}  


/*HEADER*/


#header{
	width:100%;
	height:9em;
	background: #fff url(images/headerbg.gif) repeat-y;
	border-bottom:1px solid #fff;
	overflow:hidden;
	color: #000;
	text-align: left;
}

#header:after
  {
    display:block;
    content: " ";
    height:0;
    clear:both;
}
#header img
{
	float: right;
	width: 60px;
	height: 90px;
	margin-top:1em;
	margin-right: 3em;
}

#header h1
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 3em;
	color: #678;                    
	margin: 0.5em;
}
#header h2
 {
	 font-size: 1.5em;
	 font-family: Georgia, "Times New Roman", serif;
	 color: #678;
	 padding-left: 5em;
	 margin-top: -0.5em;
 }
 
/*NAV*/

 .nav {
   height: 1.75em;
   width: 100%;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #678; 
   color: #fff;
   padding-top: .6em;
   padding-bottom: .6em;
   text-align: center;
    border-bottom: 1px solid #fff;  
}

.nav ul {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
	 
.nav  li {
	 list-style-type: none;
	 display: inline;
	 border-right: 1px  solid #fff;
	 padding: 0 0.8em;
 }
	
.nav  li a { 
	text-decoration: none;
   	color: #fff; 
}

.nav li a:visited {
	color:#f5f5dc;
	background-color: #678;
}
.nav  li a:hover {
	color: #f5f5dc;
	background-color: #678;
}

.nav  li  span{color: #c44; font-weight: bold;}

/*LEFT*/     
 	     	
#left
{
	position: relative;
	width: 250px;
	float: left;
	margin: 3em 0 0 1em;
	padding: 1em;
	display: inline;	
	background: #ccc;

} 

* html #meetings #left {margin: 6em 0 0 1em;} 
* html #programme #left {margin: 6em 0 0 1em;} 

/*CALENDAR ETC*/

.main {
width:175px;
margin-top: 100px;
margin-left:5px;
}

.calendar {
	width: 100%; 
	float: left;
	margin-top: -200px; 
	margin-bottom: 20px;
	}

.month {
background-color:#678;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:#ccc;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #f5f5dc;
padding: 2px;
}

.days #today{
font-weight: bold;
color: #c44;
background:#fff;
}

.clock
{
	margin: 20px 0 0 0px;
	text-align: center;
}

.weather {width: 95%; margin-top: 20px; margin-left: 7px;}

/*CONTENT*/

#content
{
	margin: 1em 0 0 250px;
	padding: 2em 1em;	
	font-size: 14px;
	font-weight: bold;
}
#photostories #content {margin: 1em 0 0 0;}

#content h1
{ 
	font-size: 14px;
    font-style: italic;
	color: #ff0000;
	text-align: center;
}

#content  h2
{
	font-size: 1.2em;
	text-align: left;
	color: #c44;
	padding: 1em 0.5em;
}

#content h3
{
	font-size: 8pt;
    font-style: italic;
    color: #000;
	text-align: center;
}

#content h4
{
	font-size: 8pt;
    font-style: italic;
    color: #000;
	text-align: left;
}

#content p {padding: 0.5em; }
#content p span {font-style: italic;}
#content  a {color:#678;font-weight: bold; } 
#content a:hover {text-decoration: underline; color: #c44; background-color: #f5f5dc;font-weight: bold;}

#content:after
  {
    display:block;
    content: " ";
    height:0;
    clear:both;
}

/*BOX*/

.box
{
	float: right; 
	width: 90%; 
	margin: 0.5em 0 0 0;	
	padding: 0.5em 0;
	overflow: hidden;
}
#meetings .box {margin: -1em 0 0 0;}
#programme .box {margin: -1em 0 0 0;}
#photostories .box {margin: 0 4em 0 0;}


.box img 
{
	float: right;
	width: 300px;
	padding: 10px;
}
#news .box img {float: right; width: 300px; padding: 1em;}
#committee .box img {float: right; width: 300px;margin-top: 1em; padding: 1em;}
#social .box img {float: right; width: 300px;margin-top: 1em; padding: 1em;}    /*Added Easter10  nv*/



#social p {padding-top: 2em; font-style: italic;}

.box img:after
  {
    display:block;
    content: " ";
    height:0;
    clear:both;
}
.box:after
  {
    display:block;
    content: " ";
    height:0;
    clear:both;
}
.box2
{
	margin: 1em 0 0 1em;
	padding: 0.5em;

	color: #000;
 	width: 40%; 
 	height: 40px;
 	text-align: center;
}	

.box3
{
	margin: 0;
	padding: 0.5em;
	background-color: #f5f5dc; 	
}
#photostories .box3 {border: 1px solid #678;}

.box3 img 
{
	float: right;
	width: 300px;
	padding: 10px;
}
.newsitembox
{
    width: 80%;
    background: #ffffff;
    font-size: 1.1em;
    font-family: "Times New Roman", Georgia, serif;
    font-style: italic;
    margin: 0 auto;
    text-align: center;
    border: 10px solid #000;  
}

	
.box img:after
{
    display:block;
    content: " ";
    height:0;
    clear:both;
}
.boxprint
{
	width: 80%; 
	margin: 0 auto;
	padding: 0.5em;
}

.boxprint  .rccontent p span {color: #fff; font-weight: bold;}	   /*This is the Printer Friendly White line*/
.boxprint  .rccontent h2 span {color: #ff0000;}   				   /*Red Heading. Norma experimented with this line 31/12/09*/
.boxprint  .rccontent h2 {color: #000; font-size: 12pt;}          /*Make Headings smaller? 31/12/09*/
   
#moviemaking   .boxprint {padding-top: 3.5em;}
#lesmiserables   .boxprint {padding-top: 3.5em;}

#textbox
{
	clear: both;
	position: relative;
	width: 80%;
	float: left;
	margin-top: 20px;
	text-align: left;

}

/*RCBOX*/

.rcbox {
   background: #f5f5dc url(images/rcgrad.gif) repeat-x top left;
}
.rctop div {
   background: url(images/rctl.gif) no-repeat top left;
}
.rctop {
   background: transparent url(images/rctr.gif) no-repeat top right;
}
.rcbottom div {
   background: url(images/rcbl.gif) no-repeat bottom left;
}
.rcbottom {
   background: transparent url(images/rcbr.gif) no-repeat bottom right;
}

.rctop div, .rctop,
.rcbottom div, .rcbottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.rccontent {overflow: hidden; font-weight: bold; margin: 4em 1em;}

#montage img {float: right;width: 400px; margin-top: 0em;}


#links .rccontent a {background: transparent;}
#photostories .rcbox {background: #f5f5dc;}
#photostories .rccontent {overflow: hidden; font-weight: bold; margin: 1em;}

#programme .rccontent p a:link {color:#678;font-weight: bold;}
#programme .rccontent p a:visited {text-decoration: underline; color: #678; font-weight: bold;}  
#programme .rccontent p a:hover {text-decoration: none; color: #c44; font-weight: bold;}


/*.COL*/


.col
{
	width: 40%;
	margin: 0;
	padding: 0;
	float:left;
	
}
.col  ul 
{
	list-style-type: none;
	background-color: transparent;
}

.col ul li
 {
	 margin: 0.5em;
	 padding: 0.5em ;
	 background-color: #fff;
	 color: #000;
	 border: 1px solid #678;
	 font-weight: bold;
	}
	 
.col ul li a {background-color: #fff; color: #c44;}
.col ul li a:hover {background-color: #fff;}

.col:after
{ 
	display: block;
	content: "";
	height: 0;
	clear: both;
}
 

/*DL*/

dl
 {
	 margin: 0;
	 padding:0;
 }
 
dt
 {
	 margin: 0 0 0 10px;
	 padding: 0;
	 font-weight: bold;
 }
 
 dd
 {
	 margin: 0.5em 0 0.5em 0.5em;
	 padding-left: 1em ;
	 color: #000;
 }
 
 dt span {color: #c44; font-weight: bold;}
 dd span {color:#c44; font-weight: bold;}
 dd em { color: #00008b;}
 
 dl a {color: #c44; text-decoration: underline;}

.underline
{	text-decoration: underline; }

.red
{color: #FF0000;}

#news dt {color: #678; font-weight: bold;}
#news dt span {color: #c44;}
#news dd {padding: 0 0 0 5px;}
#news dd span {color: #678;}

/*FOOTER*/

 
 #footer  {
	clear:both;
	width: 100%;
	height: 40px;
	background-color:#678;
	font-size:.75em;
	color:#fff;
	position: relative;
	margin-top:-40px;
	text-align: right;
}

 #footer a {color:#fff;font-weight: bold; } 
 #footer a:hover { color: #f5f5dc; background-color: #678;font-weight: bold;}
 #footer p {padding: 0.5em 0 0 0;}

#index  #footer {height: 60px; margin-top: -60px;}
#tracker {float: left; width:41px; height: 38px;}
	
.wsg
{
	
	width:200px;
	float: left;
	background-color: #678;
	padding-top: 5px;
}

.wsg img
{
	width: 88px;
	height: 31px;
	border: 0 none;
}
/*.CLEARFIX*/

.clearfix {display: inline-block;}

clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}




div,p {margin-top: 0;}

/* Hide from Mac IE5 \*/
* html #header img {margin-top: 1.3em;}

* html #content { height: 1%; margin-top: 4em;}
/* Stop hiding */