/* This file has the styles in for the whole website */
	/* Padding and margin are set to 0 at the start to 
equalise IE and Netscape, Mozilla style browsers */
* {
	padding: 0;
	margin: 0;
}

/* general style for the website main body */
body,td {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 1em;
}

/* Div id styles for setting the styles of blocks of the website */
#PageBody {
	min-width: 640px;
	
}

#LeftCol {
	vertical-align: top;
	padding-top:6em;
	margin: 0;
	float: left;
	width: 25%;
	background-color: #669933;
}

#CentralBody {
	float: right;
	width: 70%;
	padding: 5px;
	color: #669933;
}

#Header {
	position: relative;
	left: 25%;
	vertical-align: top;
	width: 70%;

}

#Footer {
	width: 100%;
	clear: both;
	background-image: url(http://localhost/snowdoniaretreat/images/lotus.jpg) no-repeat;
	background-position: right;
}

#box{
	float: right;
	font-style: italic;
	font-weight: bold;
	background-color:  #9999CC;
	padding: 1em;
	width: 202px;
	font-size: 1em;
	margin-right: 0em;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
/* Setting up styles for the standard tags of html to look as you want them to */
h1 {
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 3em;
	font-family: "times new roman", serif;
	color: #669933;
}
h3{
	padding-top: 0.5em;
	font-size: 1.2em;
	}

p {
	margin-top: 15px;
	margin-bottom: 15px;
}
p.byheading {
	margin-top: 5px;
	}


ul a:link,ul a:visited,ul a:active {
	/* This is the style for list of links eg left hand menu */
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
 
ul a:hover { /* When the mouse hovers over a link in list */
	text-decoration: underline;
	color: #000000;
}
li {  /* general styleing of bullets */
	list-style-position: inside;
}


#LeftCol li { /* list style for left column goes here */
	list-style: none;
	margin-left: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

dl { /* put any styles needed for definition list here */
	
}

dt { /* The definition term style is here */
	font-weight: bold;
}

dd { /* The definition description style goes here */
	
}

table, tr, td {
	background-color: transparent;
	color: #0000cd;
	padding:0.25em;
	}



/* Classes of styles set up for use with any html tag */
	/* Picture styles first */
.imgRight {
	float: right;
	padding-left: 20px;
	padding-top: 5px;
	clear: right;
}

.imgCenter {
	float: none;
	text-align: center;
	padding-bottom: 1em;
}

.imgLeft {
	float: left;
	padding-right: 20px;
	padding-top: 5px;
}

.footnote {
	font-size: 0.75em;
	text-align: center;
}