/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes list-style from lists */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset,img { border: 0; }

/* Left-aligns text in caption and th */
caption,th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

html
{
	text-align: left;
	background-color: #ec2091;
	background: url(images/style-items-2010/background2010.gif) repeat;
	color: #333;
/*	background: url(circle5.jpg) no-repeat;*/
}

body
{
	width: 800px;
	margin: 0 auto; 
	margin-top: 55px;
	font-size: 93%;
    line-height: 1.25em;
	text-align: left;
	font-family: Calibri, Arial, Georgia, Geneva, Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
}

div#branding, div#footer
{
	width: 900px;
}
div#branding2010, div#footer2010
{
	width: 400px;
}

div#branding, div#branding2010
{
	position: absolute;
	top: -10000px;
	height: 105px;
/*	background: url(images/newbranding.gif) no-repeat;*/
	overflow: hidden;
}

div#footer
{
	clear: both;
	height: 70px;
	background-color: white;
	color: #333;
	text-align: center;
	display: none;
}
div#branding h1
{
	margin-left: -10000px;
}

hr
{
	height: 1px;
	width: 75%;
	background-color: #ec2091;
	color: #333;
}

div#footer p, div#footer h3, div#footer h4
{
	margin-bottom: 1.25em;
	margin-left: 75px;
	margin-top: 0pt;
	margin-right: 70px;
}

div#footer h2, div#footer h3
{
	font-size: 125%;
	text-align: center;
}
div#footer h4
{
	font-size: 100%;
	text-align: center;
}
div#footer p
{
	font-size: 1em;
	text-align: left;
}
div#footer ul.links h3, div#footer ul.links a
{
	text-align: left;
}
h3.highlight
{
	font-style:italic;
}
a img.link
{
	border: 2px solid white;
}
a:hover img.link
{
	border: 2px solid blue;
}

img.left
{
	float: left;
	padding: 5px 10px 0 0;
}
img.right, span.right
{
	float: right;
	padding: 5px 0 0 10px;
}
img.centre
{
	text-align: center;
	padding-top: 5px;
}
p.centre
{
	text-align: center;
}
ul.clear li
{
	clear: both;
}

table.diary
{
	width: 99%;
	margin-left: 1px;
	margin-right: 1px;
}
table.diary td
{
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	color: white;
}
table.diary tr.highlight td
{
	font-weight: bold;
}
table.diary tr.alt td
{
	background-color: #FBCFE8;
}
table.diary thead td
{
	padding-bottom: 2px;
}
table.diary tr.month td
{
	font-weight: bold;
	line-height: 1.0;
}

div#menu2010
{
	position: absolute;
	left: 0px;
	top: 10px;
	width: 190px;
	height: 580px;
	background: transparent;
	overflow: hidden;
}

div#menu2010.gallery
{
	position: fixed;
}

div#menu2010 li
{
	background-position: left;
	background-repeat: no-repeat;
}

div#menu2010 li a
{
	position: absolute;
	top: 0px;
	height: 40px;
	width: 80px;
	background-repeat:no-repeat;
}
div#menu2010 li a span.link
{
	display: none;
}
div#menu2010 #home a
{
	left: 20px;
	top: 0px;
	width: 98px;
	height: 98px;
	background: transparent;
	background-image: url(menu2010/btnHome_norm.png)
	
}
div#menu2010 #done a
{
	left: 14px;
	top: 108px;
	width: 112px;
	height: 112px;
	background: transparent;
	background-image: url(menu2010/btnAboutUs_norm.png)
}
div#menu2010 #diary a
{
	left: 66px;
	top: 185px;
	width: 97px;
	height: 97px;
	background: transparent;
	background-image: url(menu2010/btnDiary_norm.png)
}
div#menu2010 #news a
{
	left: 21px;
	top: 239px;
	width: 98px;
	height: 98px;
	background: transparent;
	background-image: url(menu2010/btnNews_norm.png)
}
div#menu2010 #charity a
{
	left: 28px;
	top: 311px;
	width: 143px;
	height: 143px;
	background: transparent;
	background-image: url(menu2010/btnCharity_norm.png)
}
div#menu2010 #gallery a
{
	left: 5px;
	top: 396px;
	width: 128px;
	height: 120px;
	background: transparent;
	background-image: url(menu2010/btnGallery_norm.png)
}
div#menu2010 #links a
{
	left: 50px;
	top: 480px;
	width: 98px;
	height: 98px;
	background: transparent;
	background-image: url(menu2010/btnLinks_norm.png)
}
div#menu2010 #home a:hover
{
	background-image: url(menu2010/btnHome_over.png)
}
div#menu2010 #done a:hover
{
	background-image: url(menu2010/btnAboutUs_over.png)
}
div#menu2010 #news a:hover
{
	background-image: url(menu2010/btnNews_over.png)
}
div#menu2010 #diary a:hover
{
	background-image: url(menu2010/btnDiary_over.png)
}
div#menu2010 #charity a:hover
{
	background-image: url(menu2010/btnCharity_over.png)
}
div#menu2010 #gallery a:hover
{
	background-image: url(menu2010/btnGallery_over.png)
}
div#menu2010 #links a:hover
{
	background-image: url(menu2010/btnLinks_over.png)
}
div#menu2010.home #home a, div#menu2010.home #home a:hover
{
	background-image: url(menu2010/btnHome_selected.png)
}
div#menu2010.done #done a, div#menu2010.done #done a:hover
{
	background-image: url(menu2010/btnAboutUs_selected.png)
}
div#menu2010.news #news a, div#menu2010.news #news a:hover
{
	background-image: url(menu2010/btnNews_selected.png)
}
div#menu2010.diary #diary a, div#menu2010.diary #diary a:hover
{
	background-image: url(menu2010/btnDiary_selected.png)
}
div#menu2010.charity #charity a, div#menu2010.charity #charity a:hover
{
	background-image: url(menu2010/btnCharity_selected.png)
}
div#menu2010.gallery #gallery a, div#menu2010.gallery #gallery a:hover
{
	background-image: url(menu2010/btnGallery_selected.png)
}
div#menu2010.links #links a, div#menu2010.links #links a:hover
{
	background-image: url(menu2010/btnLinks_selected.png)
}

/* A division in which all the others are centred. It occupies all the screen between the menu and the right-hand-side of the browser window. */

div#content2010
{
	position: absolute;
	top: 0px;
	left: 180px;
	right: 3px;
}

/* MAIN PAGE */

div#main2010
{
	position: relative;
	margin: 0 auto;
	height: 530px;
	width: 590px;
	background: transparent;
	background-image: url(/images/style-items-2010/bg-circle-2010.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}
div#main2010circle
{
	left: 0;
	width: 98%;
	height: 98%;
	z-index: 3;
}
div#main2010circle img
{
	width: 99%;
	height: 99%;
}
div#main2010text
{
	position: absolute;
	width:98%;
	background: transparent;
	background-repeat: no-repeat;
	padding-top: 20%;
	text-align: center;
	z-index: 1;
}
div#main2010text img
{
	width: 30%;
}
div#main2010text h2, div#main2010text h3, div#main2010text h4
{
	text-align: center;
	color: white;
}
div#main2010text h2
{
	font-size: 24pt;
	line-height: normal;
	font-weight: bold;
}
div#main2010text h3
{
	font-size: 18pt;
	line-height: normal;
	font-weight: normal;
}
div#main2010 h2, div#main2010 h3, div#main2010 h4
{
	text-align: center;
	color: white;
}
div#main2010 h2
{
	font-size: 24pt;
	line-height: normal;
	font-weight: bold;
}
div#main2010 h3
{
	font-size: 18pt;
	line-height: normal;
	font-weight: normal;
}
div#main2010 h3 span.bold
{
	font-size: 18pt;
	line-height: normal;
	font-weight: bold;
}
div#nalclink2010
{
	position: absolute;
	top: 20px;
	right: 20px;
}
div#nalclink2010 img
{
	border-width: 0px;
}

/* WHAT WE'VE DONE page */

div#done2010
{
	padding-top: 10px;
	margin: 0 auto;
	height: 576px;
	width: 660px;
	background: transparent;
}
div#aboutus2010
{
	position: relative;
	padding-top: 10px;
	margin: 0 auto;
	height: 597px;
	width: 720px;
	background: transparent;
	background-image:url(images/photos/aboutus-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div#aboutus2010 h2
{
	text-align: center;
	color: white;
	padding: 0;
	margin: 0;
	margin-right: 70px;
	font-size: 150%;
	font-weight: bold;
	
}

div#aboutus2010 img { position: absolute; width: 100%; height: 100%; z-index: 2; }
div#aboutus2010 img#what		{ left: 532px; top: 446px; width: 198px; height: 151px; background-image:url(images/aboutus/aboutus-what.png); }
div#aboutus2010 img#wine		{ left: 364px; top: 029px; width: 138px; height: 184px; background-image:url(images/aboutus/aboutus-winetasting.png);  }
div#aboutus2010 img#meet		{ left: 451px; top: 011px; width: 171px; height: 193px; background-image:url(images/aboutus/aboutus-meet.png); }
div#aboutus2010 img#craft		{ left: 242px; top: 051px; width: 137px; height: 130px; background-image:url(images/aboutus/aboutus-craft.png); }
div#aboutus2010 img#shopping	{ left: 108px; top: 031px; width: 190px; height: 162px; background-image:url(images/aboutus/aboutus-shopping.png); }
div#aboutus2010 img#retreats	{ left: 025px; top: 167px; width: 200px; height: 114px; background-image:url(images/aboutus/aboutus-retreats.png); }
div#aboutus2010 img#adventure	{ left: 016px; top: 085px; width: 249px; height: 130px; background-image:url(images/aboutus/aboutus-adventure.png); }
div#aboutus2010 img#blacktie	{ left: 018px; top: 325px; width: 215px; height: 141px; background-image:url(images/aboutus/aboutus-blacktie.png); }
div#aboutus2010 img#dining		{ left: 200px; top: 356px; width: 140px; height: 231px; background-image:url(images/aboutus/aboutus-diningout.png); }
div#aboutus2010 img#nightsout	{ left: 296px; top: 362px; width: 121px; height: 169px; background-image:url(images/aboutus/aboutus-nightsout.png); }
div#aboutus2010 img#parties		{ left: 451px; top: 011px; width: 171px; height: 193px; background-image:url(images/aboutus/aboutus-parties.png); }
div#aboutus2010 img#theatre		{ left: 116px; top: 348px; width: 185px; height: 187px; background-image:url(images/aboutus/aboutus-theatre.png); }
div#aboutus2010 img#nightsin	{ left: 000px; top: 260px; width: 165px; height: 101px; background-image:url(images/aboutus/aboutus-nightsin.png); }
div#aboutus2010 img#parties		{ left: 391px; top: 365px; width: 129px; height: 165px; background-image:url(images/aboutus/aboutus-parties.png); }
div#aboutus2010 img#fun			{ left: 474px; top: 343px; width: 132px; height: 157px; background-image:url(images/aboutus/aboutus-fun.png); }
div#aboutus2010 img#laughter	{ left: 487px; top: 324px; width: 244px; height: 094px; background-image:url(images/aboutus/aboutus-laughter.png); }
div#aboutus2010 img#friendship	{ left: 486px; top: 271px; width: 245px; height: 103px; background-image:url(images/aboutus/aboutus-friendship.png); }
div#aboutus2010 img#fundraising	{ left: 507px; top: 186px; width: 223px; height: 095px; background-image:url(images/aboutus/aboutus-fundraising.png); }
div#aboutus2010 img#metime		{ left: 484px; top: 106px; width: 211px; height: 106px; background-image:url(images/aboutus/aboutus-metime.png); }


/* DIARY page */

div#diary2010pages
{
	position: relative;
	width: 694px;
	height: 550px;
	margin: 10px auto;
}
div#diary2010-3, div#diary2010-2, div#diary2010-1
{
	position: absolute;
	width: 614px;
	height: 491px;
	background: transparent;
	background-image:url(images/style-items-2010/diaryback.png);
	background-repeat:no-repeat;
	overflow:hidden;
   -moz-box-shadow:  rgba(0,0,0,0.6) -2px -5px 5px -5px;
-webkit-box-shadow:  rgba(0,0,0,0.6) -2px -5px 5px -5px;
        box-shadow:  rgba(0,0,0,0.6) -2px -5px 5px -5px;	
}
div#diary2010-3
{
	left: 60px;
	top: 0px;
}
div#diary2010-2
{
	left: 30px;
	top: 30px;
}
div#diary2010-1
{
	left: 0px;
	top: 60px;
}

div#diary2010-3 table.diary tr.month td, div#diary2010-2 table.diary tr.month td, div#diary2010-1 table.diary tr.month td
{
	text-transform: uppercase;
	font-size: 100%; /* was 120% */
	color: #000099;

}
div#diary2010-3 table.diary tr.month td.month2, div#diary2010-2 table.diary tr.month td.month2, div#diary2010-1 table.diary tr.month td.month2
{
	padding-top: 2px;
}

div#diary2010-3 table.diary td, div#diary2010-2 table.diary td, div#diary2010-1 table.diary td
{
	padding-bottom: 4px;
}

div#diary2010-3 table.diary td a, div#diary2010-2 table.diary td a, div#diary2010-1 table.diary td a
{
	padding-bottom: 4px;
	color: #000099;
}

table.diary tr.vevent td
{
	min-width:18ex;
}

div#diarytext2010
{
	position: absolute;
	left: 294px;
	top: 440px;
	width: 390px;
	padding: 3px 3px 3px 3px;
	background-color: #F79BCF;
	border: 2px solid #3A5C8A;
}
div.diary2010page
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 340px;
	overflow: auto;
}
p.datehead
{
	margin: 2px 2px 2px 2px;
	padding: 2px 12px 2px 0px;
	background-color: #F1C4D8;
	text-align: right;
}

/* NEWS page */

div#news2010top
{
	position: absolute;
	left: 180px;
	top: 35px;
	width: 650px;
	height: 70px;
	background-color: transparent;
	background-image:url(images/style-items-2010/scroll-top.png);
	background-repeat:no-repeat;
	z-index: 3;
}
div#news2010top-all
{
	position: absolute;
	top: 5px;
	left: 180px;
	right: 80px;
	height: 70px;
	z-index: 3;
}
div#news2010top-left
{
	position: absolute;
	left: 0px;
	width: 160px;
	height: 70px;
	background-color: transparent;
	background-image:url(images/style-items-2010/scroll-top-left.png);
	background-repeat:no-repeat;
}
div#news2010top-centre
{
	position: absolute;
	left: 160px;
	right: 82px;
	top: 0px;
	height: 70px;
	background-color: transparent;
	background-image:url(images/style-items-2010/scroll-top-centre.png);
	background-repeat: repeat-x;
	z-index: 3;
}
div#news2010top-right
{
	position: absolute;
	right: 0px;
	width: 82px;
	height: 70px;
	background-color: transparent;
	background-image:url(images/style-items-2010/scroll-top-right.png);
	background-repeat:no-repeat;
	z-index: 3;
}
div#news2010bottom
{
	position: absolute;
	left: 180px;
	top: 620px;
	width: 650px;
	height: 70px;
	background-color: transparent;
	background-image: url(images/style-items-2010/scroll-bottom.png);
	background-repeat: no-repeat;
	z-index: 3;
}
div#news2010bottom-all
{
	position: absolute;
	left: 180px;
/*	top: 536px;*/
	bottom: 10px;
	right: 80px;
	height: 65px;
	z-index: 3;
}
div#news2010bottom-left
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 65px;
	width: 160px;
	background-color: transparent;
	background-image: url(images/style-items-2010/scroll-bottom-left.png);
	background-repeat: no-repeat;
	z-index: 3;
}
div#news2010bottom-centre
{
	position: absolute;
	left: 160px;
	right: 100px;
	top: 0px;
	height: 65px;
	background-color: transparent;
	background-image: url(images/style-items-2010/scroll-bottom-centre.png);
	background-repeat: repeat-x;
	z-index: 3;
}
div#news2010bottom-right
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 65px;
	width: 100px;
	background-color: transparent;
	background-image: url(images/style-items-2010/scroll-bottom-right.png);
	background-repeat: no-repeat;
	z-index: 3;
}
div#news2010
{
	position: absolute;
	top: 100px;
	left: 242px;
	width: 546px;
	height: 525px;
	padding: 0;
	background-image:url(images/style-items-2010/scroll-middle.png);
	background-repeat: repeat-y;
	overflow: auto;
	z-index: 1;
}
div#news2010middle-all
{
	position: absolute;
	top: 70px;
	left: 242px;
	right: 139px;
/*	height: 471px;*/
	bottom: 70px;
	z-index: 1;
}
div#news2010middle-left
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
/*	height: 471px;*/
	bottom: 0px;
	padding: 0;
	background-image:url(images/style-items-2010/scroll-middle-left.png);
	background-repeat: repeat-y;
	overflow: auto;
	z-index: 1;
}
div#news2010middle-centre
{
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
/*	height: 471px;*/
	bottom: 0px;
	padding: 0;
	background-image:url(images/style-items-2010/scroll-middle-centre.png);
	background-repeat: repeat;
	overflow: auto;
	z-index: 1;
}
div#news2010middle-right
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
/*	height: 471px;*/
	bottom: 0px;
	padding: 0;
	background-image:url(images/style-items-2010/scroll-middle-right.png);
	background-repeat: repeat-y;
	overflow: auto;
	z-index: 1;
}
div#news2010 h2, div#news2010 h3, div#news2010 h4, div#news2010 p
{
	padding: 0px 10px 5px 10px;
	color: white;
}
div#news2010 h3
{
	padding-top: 5px;
	font-size: 120%;
	color: black;
}
div#news2010middle-centre h2, div#news2010middle-centre h3, div#news2010middle-centre h4, div#news2010middle-centre p
{
	padding: 0px 10px 8px 10px;
	color: white;
}
div#news2010middle-centre h3
{
	padding-top: 5px;
	font-size: 120%;
	color: black;
}

/* CHARITY page */

div#charity2010
{
	position: relative;
	width: 738px;
	height: 560px;
	margin: 1px auto;
}
div#charity2010current
{
	position: absolute;
	left: 15px;
	top: 0px;
	width: 748px;
	height: 515px;
	background: transparent;
	background-image: url(images/style-items-2010/bigheart.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	text-align: center;
	padding: 70px 0px 0px 0px;
}
div#charity2010previous1
{
	position: absolute;
	left: 20px;
	top: 400px;
	width: 214px;
	height: 142px;
	background: transparent;
	background-image: url(/images/style-items-2010/smallheart.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 50px;
}
div#charity2010previous2
{
	position: absolute;
	right: 0px;
	top: 400px;
	width: 214px;
	height: 142px;
	background: transparent;
	background-image: url(/images/style-items-2010/smallheart.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 50px;
	display: none;
}
div#charity2010current h2, div#charity2010current h3, div#charity2010current h4
{
	text-align: center;
	color: white;
}
div#charity2010current h2
{
	font-size: 24pt;
	line-height: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 120px;
}
div#charity2010current h3, div#charity2010previous1 h3, div#charity2010previous2 h3
{
	color: white;
	font-size: 18pt;
	line-height: normal;
	font-weight: normal;
}
div#charity2010current h3
{
	padding-left: 60px;
	padding-right: 60px;
}
div#charity2010link
{
	position: absolute;
	left: 470px;
	top: 30px;
}
div#charity2010link img
{
	border: 2px solid #3A5C8A;
}
/* GALLERY pages */

div#gallery2010
{
	position: absolute;
	top: 20px;
	left: 180px;
	right: 50px;
}
div#gallery2010instruction
{
	position: absolute;
	top: 0px;
	left: 180px;
	right: 50px;
}
div#gallery2010instruction h2
{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: white;
text-shadow : #000 1px 1px 2px;	
	
}
div#gallery2010 ul.year li
{
	width: 100%;
	margin: 5px 0 5px;
	padding-left: 5px;
	font-weight: bold;
}
div.gallery2010year
{
	background-color: #FBCFE8;
	width: 100%;
	margin-bottom: 5px;
}

div#gallery2010 ul.year ul.section li
{
	width: 100%;
	background: transparent;
	display: inline;
	padding-bottom: 30px;
	font-weight: normal;
}

div#gallery2010 ul.year ul.section li div.galleryimage2010
{
	width: 100%;
	background: transparent;
	display: inline;
}
div#gallery2010 img
{
	border: 2px solid #3A5C8A;
	margin-left: 10px;
	margin-bottom: 30px;
}
div.galleryimage2010
{
	position: relative;
}
div.galleryimage2010 div.caption
{
	position: absolute;
	left: 0px;
	top: -15px;
	font-size: 80%;
	margin-left: 10px;
	min-width: 230px;
	line-height: 110%;
}

/* LINKS page */

div#links li a
{
	position: absolute;
	top: 0px;
	height: 40px;
	width: 80px;
	background-repeat:no-repeat;
}
div#links #stourbridgecom a
{
	left: 715px;
	top: 260px;
}
div#links #villager a
{
	left: 695px;
	top: 388px;
}
div#links #bestof a
{
	left: 714px;
	top: 140px;
}
div#links #aboutmyarea a
{
	left: 795px;
	top: 195px;
}
div#links #stourbridgenews a
{
	left: 695px;
	top: 470px;
}
div#links #netmums a
{
	left: 695px;
	top: 535px;
}
div#links #barnardos a
{
	left: 200px;
	top: 10px;
}
div#links #lichfield a
{
	left: 200px;
	top: 135px;
}
div#links #wrekin a
{
	left: 200px;
	top: 236px;
}
div#links #nlc a
{
	left: 426px;
	top: 320px;
}
div#links #lci a
{
	left: 145px;
	top: 300px;
}
div#links #roundtable a
{
	left: 556px;
	top: 132px;
}
div#links #facebook a
{
	left: 472px;
	top: 510px;
}

/* Misc */

div#imageload2010
{
	position: absolute;
	left: -1000px;
}

/* Stop Firefox putting a dotted line underneath the abbr tags */
abbr { border-bottom-width: 0 }