#logged-in {width: 35em; float:right; text-align: right;  margin: 2em; color: #fff ; font-size: 0.9em; font-weight: bold ;}
#logged-in a {font-weight: normal;  color: #fff;}


	html, body, form, h1, h2, h3, h4, h5, fieldset {margin: 0; padding: 0; border: 0; }
	
body {
text-align:center;
background: #d7d7d7;
font-size: 76%;
font-family: arial,helvetica,sans-serif;
color: #310932;
}


a:link {color:#610e7e}
a:visited {color:#380945}
a:hover, a:focus, a:active {color:#8114a1}


h1 {font-size: 1.6em; letter-spacing: -1px; margin-bottom: 0.5em; color: #8c1b8c}


.clearfix {clear:both; height: 0; }



#page
{  
text-align:left;
background: #fff;
font-size:100%;
 width:63em;
   min-width:63em;
   margin:0 auto;background: url("http://www.hwfonline.org.uk/ee/images/page-shadow.png") bottom left repeat-x #fff;
border:  solid #480b59; border-width: 0  1px;padding-bottom: 4em;

}


ul#tools {float: left; margin:0.5em 0 0 0 ; padding: 0; list-style-type: none; }

ul#tools li {display: inline; text-transform: uppercase;margin-right: 1em; font-weight: normal; font-size: 0.8em;}


li#switch-default {display:none !important;}


#tools a {text-decoration: none; color: #fff;}
#tools a:hover, #tools a:focus, #tools a:active {text-decoration: underline;}




#searchform {float: right; margin: 0.5em 1em  0.5em  0em; width: 39.3em;white-space: nowrap}
#searchform form {float: right; margin: 0; padding: 0; }

#searchform input { font-size: 0.9em ;}
#searchform label {display: none} 
#keywords {border: 1px solid #ccc; padding: 0.2em; color: #333; width: 8em;background: #f8f2f9;}
#searchsubmit {text-transform: uppercase; }



#header {clear: right; margin: 0; padding: 0; background: #8c1c8d url(http://www.hwfonline.org.uk/ee/images/header.png) repeat; height: 135px;}

#logo {margin: 18px 0 0 4em; border: 0 }



ul#nav {margin:0 ; padding:1.2em 1em 2.5em  3em;list-style-type: none;  background: #380945 url(http://www.hwfonline.org.uk/ee/images/nav.png) repeat-x;}

ul#nav li {display: inline; text-transform: uppercase;margin-left: 1em; font-weight: bold; font-size: 1.2em; letter-spacing: -1px;    margin:0  0 0 0;height: 30px; float: none; 
}

#nav a {text-decoration: none; color: #fff;  height: 30px; margin-right: 20px; padding-bottom: 0.5em; }

#nav a:hover, #nav a:focus, #nav a:active 
{color:#ffc; text-decoration: underline }

/* highlight current page */
body#page-home li#nav-home a,
body#page-about li#nav-about a,
body#page-services li#nav-services a,
body#page-news li#nav-news a,
body#page-members li#nav-members a,
body#page-contact li#nav-contact a
{ float: none; background: url(http://www.hwfonline.org.uk/ee/images/tab-left.png) no-repeat left top;  padding:0.8em 0 1em 17px; margin:0;color:#610e7e }

body#page-home li#nav-home span,
body#page-about li#nav-about span,
body#page-services li#nav-services span,
body#page-news li#nav-news span,
body#page-members li#nav-members span,
body#page-contact li#nav-contact span {height: 30px !important; float: none;  width: 17px; background: url(http://www.hwfonline.org.uk/ee/images/tab-right.png) no-repeat left top;padding:0.8em 1em 1em 0;margin-right:10px;}









#content {margin:  0em 4em 0 4em; text-align: left; }
#main {float: left; width: 35em;}
#main img {background: #f8f2f9; border: 1px solid #cbbcd2; padding: 0.8em; margin: 1em 0 }
table.admin img {border: none !important; padding: 0 !important; margin: 0 !important;}

#sidebar {float: right; width: 20em;font-size: 0.9em; margin-left: 2em;}

#sidebar h2 {padding:  0.4em ; margin-top: 1.6em;  font-size: 1.3em; letter-spacing: 1px; font-family:  arial, helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; background: #8c1b8c url(http://www.hwfonline.org.uk/ee/images/nav.png) repeat-x; }


.sidebar-item, ul.subnav {border: 1px dotted #8c1b8c; padding: 0.65em; margin: 0.5em 0; font-size: 1em; line-height: 1.5em; list-style-type: none;  }

ul.subnav li {margin-bottom: 0.5em; padding-bottom: 0.2em; border-bottom: 1px dotted #ccc; font-weight: normal; font-size: 1em; }

#sidebar h3 {font-size: 1.3em; padding: 0; margin: 0 0 0.5em 0 ; letter-spacing: -1px; }

#sidebar p {padding: 0; margin: 0 0 0.5em 0;}

#footer {
font-size:100%;
 width:63em;
   min-width:63em;
   margin:0 auto;
   clear: both;   text-transform: uppercase;  border:  solid #480b59; border-width: 0  1px  1px  1px;
}

#address { font-size: 0.9em; text-align: left;color: #fff; margin: 0; padding: 0.5em 1em 0.5em 4.5em; background: #8c1b8c url(http://www.hwfonline.org.uk/ee/images/nav.png) repeat-x;}
#legal {font-size: 0.9em; text-align: left; color: #fff;  margin: 0; padding: 0.5em 1em 0.5em 4.5em; background: #8c1b8c url(http://www.hwfonline.org.uk/ee/images/header.png) bottom left repeat-x;  }
#legal a {color: #fff; margin-left: 2em; } 

#credit {font-size:100%;
 width:63em;
   min-width:63em;
   margin:2em auto; text-transform: uppercase;  }
  #credit div {font-size: 0.9em; text-align: left; padding: 0.5em 1em 2em 4.5em;} 
#credit a {text-decoration: none; }


#main h2 { font-size: 1.2em; margin: 0.5em 0; border-top: 1px dotted #8c1b8c; padding-top: 0.5em }
body.tighthead  #main h2 {border: none;}

#main h3 {font-size: 1.4em; font-weight: normal;}
#main h4 {color: #333; font-size: 1.2em}
#main h5, #main h6, #main h7 {color: #333; font-size: 1em}

form em {color: #f00;}

#contactform form { font-size: 1em; margin: 2em 0 ; padding: 0.3em; border: 1px dotted #8c1b8c}
#contactform form legend {color: #333; font-size: 1.5em; margin-top: 0.5em ; padding: 0}
#contactform form div.form-row {margin:  0; border-top: 1px dotted #8c1b8c; padding: 0.5em;}
#contactform form p {margin: 0.5em 0;  padding: 0.5em;}

#contactform form div input, #main form div textarea {border: 1px solid #ccc; font-family: arial,helvetica,sans-serif; font-size: 1em;
color: #333;}

#main form div textarea {width: 30em;}

#contactform form label {font-weight: bold; color #333}

.wideform {width: 50em !important;}


ul#sitemap {margin: 0; list-style-type: none; }
ul#sitemap ul {margin: 1em 0 1em 1em ;list-style-type: none;}

ul#sitemap li {font-weight: bold; font-size: 1.1em; margin-bottom: 0.5em; padding: 0.5em 0 0  0; border-top: 1px solid #eeeeee;}
ul#sitemap li ul li {font-weight: normal; font-size: 1em; padding: 0; border: none; }

.entry-date {font-size: 0.8em; text-transform: uppercase;  color: #999;  padding: 0.5em 0; margin: 0 ; font-weight: bold; }

.gallery {border: 1px solid #ccc; padding: 1em; margin: 1em 0 ; background: url("http://www.haringeyrec.org.uk/http://www.hwfonline.org.uk/ee/images/page-bg.png") repeat-x #fff;}
p.file-link a {clear: left; font-weight: bold; text-transform: uppercase; padding: 0.3em 0 0.3em 20px ; margin: 1em 0 ;  font-size: 0.8em; background: url("http://www.haringeyrec.org.uk/http://www.hwfonline.org.uk/ee/images/document.png") no-repeat #fff;}
p.webpage-link a {clear: left; font-weight: bold; text-transform: uppercase; padding: 0.3em 0 0.3em 20px ; margin: 1em 0 ;  font-size: 0.8em; background: url("http://www.haringeyrec.org.uk/http://www.hwfonline.org.uk/ee/images/webpage.png") no-repeat #fff;}
p.image-link a {clear: left; font-weight: bold; text-transform: uppercase; padding: 0.3em 0 0.3em 20px ; margin: 1em 0 ;  font-size: 0.8em; background: url("http://www.haringeyrec.org.uk/http://www.hwfonline.org.uk/ee/images/picture.png") no-repeat #fff;}
p.image-hide a {clear: left; font-weight: bold; text-transform: uppercase; padding: 0.3em 0 0.3em 20px ; margin: 1em 0 ;  font-size: 0.8em; background: url("http://www.haringeyrec.org.uk/http://www.hwfonline.org.uk/ee/images/picture-hide.png") no-repeat #fff;}


.search-result {padding: 1em 0; margin: 1em 0;  }
.search-result h2 {font-size: 1.1em;}
.search-date { font-size: 0.9em; padding: 0; margin: 0; color: #666;}





.instructions {color: #333; background: #ecffa4; font-size: 0.9em; border: 1px solid #ccc; padding: 0.5em; margin: 0.2em 0}

table.admin {background: #f9ffdf; color #333;}

table.data-table td { font-size: 1em; margin: 0.5em ; padding: 0.3em; border-top: 1px dotted #8c1b8c}

.button a {color:#fff; background:#6c0 ; font-size: 1em; font-weight: bold; border: 1px solid #360;padding: 0.3em; margin: 1em 0; display: block; width: 15em;}


.admin-edit {color: #fff;font-size: 0.8em; text-transform: uppercase;}
.admin-edit  a {color: #fff; background: #6c0 ;text-decoration: none; padding: 0.2em; margin: 0 0 0 0.2em;}


.calendar { margin: 0.2em 0 ; padding: 0; 
	border: 1px #333 solid; 
	background: #333; 
}
.calheading { 
	background-color: #27343c; 
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: center; 
}
.calnavleft { 
	background-color: #27343c; 
	font-size: 11px; 
	font-weight: bold; 
	color: #fff; 
	padding: 4px; 
	cursor: pointer; 
}
.calnavright { 
	background-color: #27343c; 
	font-size: 10px; 
	font-weight: bold; 
	color: #fff; 
	text-align: right; 
	padding: 4px; 
	cursor: pointer; 
}
.caldayheading { 
	background-color: #a9b7c5; 
	color: #fff; 
	font-size: 10px; 
	text-align: center; 
	padding: 6px 2px 6px 2px; 
}
.caldaycells { 
	color: #000; 
	background-color: #e4eaf1; 
	font-size: 11px; 
	text-align: center; 
	padding: 4px; 
	border: 1px #E0E5F1 solid; 
	cursor: pointer; 
}
.caldaycellhover { 
	color: #fff; 
	background-color: #6c0; 
	font-size: 11px; 
	text-align: center; 
	padding: 4px; 
	border: 1px #B3BCD4 solid; 
	cursor: pointer; 
}
.caldayselected { 
	background-color: #96c251; 
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: center; 
	border: 1px #fff solid; 
	padding: 3px; 
	cursor: pointer; 
}
.calblanktop { 
	background-color: #fff; 
	padding: 4px; 
}
.calblankbot { 
	background-color: #fff; 
	padding: 4px; 
}