html {
	background:#4d4a4b url(floralbg4.jpg); 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:85%; 
	text-decoration:none;
}

body {
	margin:0 auto; 
	padding:10px;
	width:960px;  	
}

/* Headers */
h1 {font-size:210%; font-weight:normal; font-style:italic; color:#49001f;clear:left;padding:30px 0 10px 0;margin:0 0 10px 0; letter-spacing:-0.03em;border-bottom:3px groove #49001f;}
h2 {font-size:150%; font-weight:normal; font-style:italic; color:#49001f;}
h3 {font-size:140%; font-weight:bold;}

h1, h2, h3, h4, .header, .footer, #menu {font-family: Georgia,"Times New Roman",Times,serif;}
h2, h3, h4 {margin:30px 0 10px 0;letter-spacing:-0.03em;}

/* The header and footer blocks */
.header {
	display:block;
	background:#ff90ab url(ecdbanner.png) no-repeat top center; 
	color:#ffffff; 
	text-align:center; 
	padding:90px 0 1px 0;
}

.footer {
	display:block; 
	background:#ff90ab; 
	color:#171616; 
	text-align:center; 
	padding:5px;
}

.header a, .footer a {
	color:#fff;
	text-decoration: none;
}

.header a:hover, .footer a:hover {
	text-decoration:underline;
}

.header p, .footer p {
	margin: 5px;
	font-weight:normal;
	color: #fff;
	font-size:120%;
}

/* Three columns */
#container {
	line-height: 1.5em;
	display:block; 
	background:#ffdbdf; /*url(flower.gif) no-repeat bottom right; #ffccd1*/
	padding:0px 40px 10px 40px;
	color:#2d2a2b;
}

#left {
	float:left; 
	position:relative; 
	width:960px;
	margin:0 0 0 -40px;
	display:inline;
}

#right {
	float: right; 
	position: relative; 
	width:210px; 
	display:inline;
}


#container a, #container a:visited { 
	text-decoration:none; 
	color:#8a0600; 
}

#container a:hover {
	color:#8a0600;
	text-decoration:underline;
 }

#menu {
	width:100%;
	padding:5px 0px 0px 0px;
	text-align: center;	
	background-color:#49001f;
	font-variant:small-caps;
}

#menu a, #menu a:visited {
	text-align:center; 
	text-decoration:none; 
	font-weight:bold;
	color:#ffdbdf; 
	display:inline; 
	width:8em; 
	height:1.2em; 
	padding:4px 16px;
}

#menu a:hover {
	color:#000;
	text-decoration:none; 
	background-color:#ffdbdf;
}

#box {
	text-align:center; 
	color:#ffdbdf;
	background-color:#171616; 
	border:5px solid #4b1330; 
	display:block;
	margin:100px 0px 15px 15px; 
	padding:15px;
}



/* Content */
p {margin:0 0 15px 0;}

.clear {
	clear:both;
}

/* simple gallery to start off with - default in b */
/* new version for test */

#gallery {width:728px; height:380px; padding:10px; border:1px solid #333; background: #888; position:relative; margin-bottom:20px;}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

/* lightbox gallery test */
#gallerylb ul {list-style:none; padding:0; margin:0; width:600px;  position:relative; float:left;}
#gallerylb ul li {display:inline; width:72px; height:72px; float:left; margin:0 0 5px 5px;}
#gallerylb ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallerylb ul li a span {display:none;}
#gallerylb ul li a img {display:block; width:70px; height:70px; border:0;}


/*  Colour Palette //
 
Colour1 
	#4d4a4b -- Background Dark grey
Colour2
	#ff90ab -- Pastel pink 
Colour3
	#49001f -- Deep red
Colour4
	#171616 -- Dark grey 
Colour5
	#4b1330 -- Box red
Colour6
	#ffdbdf -- Pale pink
 */

