* {
margin: 0px;
padding: 0px;}

body {
background-color: #fff;
color: #000;
max-width: 1024px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#allpage {
}
/* Top Header */

div.hgsheader {
width: 100%;
color: #fff;
background-color: #060;
padding-top: 2px;
padding-bottom: 2px;}

div#headerleft {
width: 180px;
float: left;
}

div#headercentre {
text-align: center;
font-size: 10px;
margin-left: 180px;
margin-right: 180px;
}

div#headercentre em {
font-size: 12pt;
font-weight: bold;
font-style: normal;}

div#headerright {
width: 180px;
float: right;
text-align: right;
padding-top: 10px;
padding-right: 5px;
font-size: 7pt;}

div#headerright a {
color: #cfc;
text-decoration: none;}

div#headerright a:hover {
text-decoration: underline}

/* Directory Header */

div.directory {
background-color: #ffc;
font-size: 7pt;
padding-top: 7px;
padding-bottom: 6px;
padding-left: 3px;
border-bottom: 1px #060 solid;
border-left: 1px #060 solid;
border-right: 1px #060 solid;}

div.directory ul {
list-style-type:none}
div.directory ul li {
display: inline;
color: #060;}

ul.dirlist li a{
font-weight: bold;
color: #600;}
ul.dirlist li.dirheading a{
color: #060;
font-weight: bold;}

ul.dirlist a{
text-decoration: none;}

ul.dirlist a:hover{
text-decoration: underline;}

/* Left Column */

div.leftcolumn {
width: 180px;
float: left;
}

/* Main Menu */

div.mainmenu{
margin-left: 1px;}

div.mainmenu ul {
list-style-type:none;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}

div.mainmenu ul li {
line-height: 14px;
}

div.mainmenu a{
background-image: url(images/button-menu3.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 14px;
vertical-align: text-top;
margin-bottom: 4px;
display: block;
color: #060;
font-size: 11px;
line-height: 14px;
font-weight: bold;
text-decoration: none;
text-align: left;}

div.mainmenu a:hover {
text-decoration: underline;}

/* box1 */

div.box1 {
margin-top: +4px;
border: 1px #060 solid;}

div.box1header {
background-color: #060;
color: #cfc;
text-align: center;
font-size: 11px;
font-weight: bold;
letter-spacing: +1px;
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
border-left: 1px #060 solid;
border-right: 1px #060 solid;
padding: 1px;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}

div.box1main {
background-color: #fff;
color: #000;
font-size: 10px;
border: 1px #060 solid;
margin-left: 1px;
margin-bottom: 1px;
margin-right: 1px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: normal;
font-style: normal;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}

.box1main li{
margin-bottom: 1px;}

.box1main a{
text-decoration: none;
list-style-type: none;
font-size: 10px;
line-height: 10px;
color: #060;
}

#weblinks a:hover {
text-decoration: underline;}

/* Right Column */

div.rightcolumn {
width: 320px;
float: right;
}

div.box2 {
border: 1px #600 solid;
margin-bottom: 4px;
}

div.box2header {
color: #600;
font-size: 11px;
font-weight: bold;
letter-spacing: +1px;
background-color: #cfc;
border: 1px #600 solid;
padding: 1px;
margin: 1px;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}

div.box2main {
background-color: #fff;
color: #000;
font-size: 10px;
border: 1px #600 solid;
padding-bottom: 4px;
font-weight: normal;
font-style: normal;
margin: 1px;
padding-top: 4px;
text-align: left;
padding-left: 4px;
padding-right: 4px;
}

.box2 a{
text-decoration: none;
color: #060;}

.box2 a:hover{
text-decoration: underline;}

#ra div.box2header{
background-image: url(images/ralogo2.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #efffef;
padding-left: 105px;
vertical-align: text-top;
margin-bottom: 1px;
display: block;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;}

#ra ul{
padding-top: 4px;
padding-bottom: 2px;}

#ra li{
text-align: left;
list-style-type: disc;
list-style-position: inside;
display: list-item;
vertical-align: middle;
line-height: 14px;
padding-left: 8px;
font-weight: bold;}

.raname {
font-size: 1.1em;}

#ra em{
font-size: 1.1em;
font-weight: bold;}

input.joinranow{
margin-top: 6px;
margin-left: 35px;
max-width:120px;
width:120px;
overflow: visible;}

#saferteam div.box2header{
background-image: url(images/saferneighbourhoods2.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 81px;
vertical-align: text-top;
margin-bottom: 1px;
display: block;
text-align: center;
padding-bottom: 4px;
padding-top: 4px;
background-color: #ccf;
letter-spacing: normal;}

#sntcontact {
font-size: 9px;
color: #060;
text-decoration: underline;}

b.alert{
color: #600;
}

b.tip {
color: #060;
}

ul.sntnews {
list-style-position:inside;
}


ul.sntnews li{
text-align: left;
list-style-type: disc;
list-style-position: inside;
display: list-item;
vertical-align: middle;
line-height: 14px;
padding-left: 8px;
}



#gallery div.box2header{
background-image: url(images/awdusk.jpg);
background-repeat: no-repeat;
background-position: right center;
vertical-align: text-top;
margin-bottom: 1px;
display: block;
text-align: center;
color: #060;
padding-right: 185px;
padding-top: 5px;
padding-bottom: 5px;}

#gallery em{
font-size: 1.4em;
font-weight: bold;
font-style: normal;
}

#gallery img{
padding-top 0;
padding-bottom 0;
margin-top 0;
margin-bottom 0;
}

#galleryhighlight{
font-size: 9px;
color: #060;
}

#gallery p{
padding-top:2px;}

/* Centre Column */

div.pagecentre {
margin-left: 180px;
margin-right: 320px;
font-size: 10px;
border-left: 1px #060 solid;
border-right: 1px #060 solid;}

#hgsintro {
color: #060;
font-weight: bold;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 4px;
padding-right: 4px;}

img#centenarylogo {
float: left;
padding-bottom: 8px;}

em.centenary {
font-size: 12px;
letter-spacing: normal;
line-height: 20px;
font-style: normal;}

a.centenary {
color: #060;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
letter-spacing: normal;
}

div#fpeventsheader {
background-color: #eeeeee;
color: #006600;
font-size: 10px;
vertical-align: text-top;
display: block;
text-align: center;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
border-bottom: 2px #060 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#fpeventsheader a {
text-decoration: none;
color: #26808c;
}

div#fpeventsheader a:hover,
div#fpeventsheader a:focus {
text-decoration: underline;
}

div#newsheader {
#background-color: #600;
#color: #cfc;
background-color: #060;
color: #cfc;
text-align: center;
font-weight: bold;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
padding-left: 2px;
padding-right: 2px;}

div.newsarea {
padding-left: 6px;
padding-right: 6px;}

div.newsitem {
background-color: #fff;
color: #000;
font-size: 10px;
padding-bottom: 4px;
background-image: url(images/lightgreenbullet.gif);
background-repeat: no-repeat;
background-position: left center;
vertical-align: text-top;
display: block;
text-align: left;
padding-right: 2px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 30px;
border-bottom: 2px #060 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;}

.newsitem h2 {
font-size: 12px;
color: #060;}

.newsitem a {
text-decoration: none;
color: #060;}

.newsitem a:hover {
text-decoration: underline;}

.newsitem b {
color: #060; }

/* Twitter */

#tweetsheader2 {
font-size: 11px;
}

#tweetsheader a {
color: #060;
text-decoration: underline;}

.tweetcreatedat {
font-style: italic;
color #030303}

.tweetbullit {
font-weight: bold;
color: #060;}

/* Newsitem Logos */

div.hortsoc {
background-image: url(images/horticulturalsoclogo.gif);
}

div.centenary {
background-image: url(images/centenarylogosmall.gif);
}

div.freechurch {
background-image: url(images/freechurchsmall.gif);
}

div.hgstrust {
background-image: url(images/hgstrustlogosmall.gif);
}

div.ra {
background-image: url(images/ralogosmall.gif);
}

div.hbschool {
background-image: url(images/hbschoolsmall.gif);
}

div.stjudes {
background-image: url(images/stjudeslogosmall.gif);
}

div.nlhospice {
background-image: url(images/nlhlogosmall.gif);
}

div.gstheatre {
background-image: url(images/gstlogosmall.gif);
}

div.traidcraft {
background-image: url(images/traidcraft.gif);
}

div.fha {
background-image: url(images/fhalogosmall.gif);
}

div.fireworks {
background-image: url(images/fireworks2.gif);
}

div.proms {
background-image: url(images/promslogosmall.gif);
}

div.snt {
background-image: url(images/saferneighbourhoods.gif);
}

div.hgopera {
background-image: url(images/hgsoperalogo.gif);
}

div.institute {
background-image: url(images/institutelogosmall.gif);
}

div.gallery {
background-image: url(images/gallerylogosmall.gif);
}

div.savethechildren {
background-image: url(images/savethechildren.gif);
}

div.twitter {
background-image: url(images/twitter.gif);
}

div.dhbf {
background-image: url(images/dhbflogosmall.gif);
}

div.ljcc {
background-image: url(images/ljcclogosmall.gif);
}