/* 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:''; }

/* LAYOUT */

html
{
	text-align: left;
}

body
{
	width: 900px; 
	margin: 0 auto; 
	margin-top: 175px;
}

div#branding, div#content, div#footer, div#navigation
{
	width: 900px;
}

div#branding
{
	position: absolute;
	top: 0px;
	height: 105px;
	background: url(images/style-items-2009/newbranding.gif) no-repeat;
	overflow: hidden;
}

div#navigation
{
	position: absolute;
	top: 105px;
	height: 70px;
	background: bottom url(images/style-items-2009/newsection-top.gif) no-repeat;
	overflow: hidden;
}

div#content
{
	float: none;
	background: #252F33 url(images/style-items-2009/newsection-centre.gif) repeat-y;
	display: table; 
	height: auto;  
	overflow: hidden; 
}

div#footer
{
	clear: both;
	height: 70px;
	background: top url(images/style-items-2009/newsection-bottom.gif) no-repeat;
}
div#content h2, div#footer h2
{
	margin-top: 0;
	margin-bottom: 0;
}
/*
div#content h3, div#footer h3, div#content h4, div#footer h4
{
	margin-top: 0pt;
	margin-bottom: 1.25em;
}
*/
div#content h3.table, div#footer h3.table
{
	margin-top: 0.25em;
}
div#content li td
{
	padding-bottom: 15px;
}
div#content.links li a
{
	padding-top: 10px;
}

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

div#navigation li a
{
	position: absolute;
	top: 0px;
	height: 30px;
	width: 80px;
	background-repeat:no-repeat;
}
div#navigation li a span.link
{
	display: none;
}
div#navigation #home a
{
	left: 140px;
	background-image: url(images/style-items-2009/newhome_0.gif)
}
div#navigation #news a
{
	left: 260px;
	width: 160px;
	background-image: url(images/style-items-2009/newnews_0.gif)
}
div#navigation #diary a
{
	left: 440px;
	background-image: url(images/style-items-2009/newdiary_0.gif)
}
div#navigation #charity a
{
	left: 560px;
	background-image: url(images/style-items-2009/newcharity_0.gif)
}
div#navigation #links a
{
	left: 700px;
	background-image: url(images/style-items-2009/newlinks_0.gif)
}
div#navigation #home a:hover
{
	background-image: url(images/style-items-2009/newhome_1.gif)
}
div#navigation #news a:hover
{
	background-image: url(images/style-items-2009/newnews_1.gif)
}
div#navigation #diary a:hover
{
	background-image: url(images/style-items-2009/newdiary_1.gif)
}
div#navigation #charity a:hover
{
	background-image: url(images/style-items-2009/newcharity_1.gif)
}
div#navigation #links a:hover
{
	background-image: url(images/style-items-2009/newlinks_1.gif)
}

div#navigation, div#navigation a
{
	background-color: #ec2091;
	color: #ffffff;
}

div#navigation a:hover
{
	background-color: #ec2091;
	color: #000000;
}

div#branding h1
{
	margin-left: -10000px;
}

hr
{
	height: 1px;
	width: 75%;
}

html
{
	background-color: #ec2091;
	color: #333;
}

body
{
	color: #333;
}

div#content
{
	background-color: white;
	color: #333;
}

div#footer
{
	background-color: white;
	color: #333;
}

hr
{
	background-color: #ec2091;
	color: #333;
}

html
{
	text-align: left;
}

body
{
	font-size: 93%;
    line-height: 1.25em;
	text-align: left;
	font-family: Georgia, Geneva, Arial, Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

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

div#content p.last
{
	margin-bottom: 0;
}

div#content h2, div#footer h2, div#content h3, div#footer h3
{
	font-size: 125%;
	text-align: center;
}
div#content h4, div#footer h4
{
	font-size: 100%;
	text-align: center;
}
div#content p, div#footer p
{
	font-size: 1em;
	text-align: left;
}
div#content.links ul, div#content.links a, div#content.links h3, div#content.links p
{
	margin-left: 45px;
	margin-right: 70px;
	margin-top: 0;
	margin-bottom: 0;
}
div#content.links a.normal
{
	margin: 0;
}

div#content ul.links h3, div#footer ul.links h3, div#content ul.links a, div#footer ul.links a
{
	text-align: left;
}
div#content ul.links li
{
	clear: both;
}
div#content.links img
{
	vertical-align: top;
	border-width: 2px;
}
div#content table
{

}
div#footer
{
	text-align: center;
}
div#content p.photo
{
	text-align:center;
}
div#content p.centre
{
	text-align:center;
}
div#content p.bold
{
	font-weight: bold;
}
h3.highlight
{
	font-style:italic;
}

a img.link
{
	border: 2px solid white;
}
a:hover img.link
{
	border: 2px solid blue;
}

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

table.diary
{
	margin-left: 65px;
	margin-right: 60px;
	border: 1px solid black;
}
table.diary tr,table.diary tr td
{
	border: 1px solid black;
}
table.diary td
{
	vertical-align: top;
	padding-bottom: 15px;
	padding-left: 3px;
	padding-right: 3px;
}
table.diary tr.highlight td
{
	font-weight: bold;
}
table.diary tr.alt td
{
	background-color: #FBCFE8;
}
table.diary thead
{
	border-top: 1px solid #ec2091;
	border-bottom: 1px solid #ec2091;
}
table.diary thead td
{
	font-weight: bold;
	padding-bottom: 2px;
	text-align:center;
}

table.diary td
{
	border-left: 1px solid #ec2091;
	border-right: 1px solid #ec2091;
}
span.local, td.local, tr.local td
{
	color: red;
}
span.area, td.area, tr.area td
{
	color: black;
}