body {
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
#container
{
width: 750px;
margin: 10px auto;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color: #0099cc; /*text colour for body text*/
border: 1px solid blue;
border-color:#0099cc
}
#top
{
padding: .7em;
background-color: #0099cc; /*coloured bar across the top*/
border-bottom: 0px solid gray;
}
.thumbnail
{
float: left;
width: 680px;
padding: 0px;
border: 0px solid #999;
}

#footer
{
clear: both;
margin: 0;
padding: 0.2em;
color: #cc0000;
background-color: #0099cc;  /**#0099cc**/
border-top: 0px solid gray;
font-size: 75%;
}

h2 
{
line-height: 100%; /*This is the template for chichester band 3.7.08*/
font-size: 160%;
color:#cc0000;
p.small line-height: ;
}
h3 
{
line-height: 110%; /*heading on index page - business and community website*/
font-size: 85%;
color:#0033ff;
p.small line-height: ;
}

.floatrighthorz
{
float: right;
margin: 0 0 0px 0px;
clear: right;
}
#active:hover li {display: block;}
#active li {display: none; }



}

#top h1
{
padding: .7em;
margin: 0;
color:#ffed39; /*southwater village playgroup*/
font-size: 200%;
line-height: 50%;
}
#leftnav
{
float: left;
width: 140px;
margin: 0;
padding: 0.1em;
max-width: 140px;
}

#rightnav
{
float: right;
width: 140px;
margin: 0;
padding: 0.1em;
max-width: 140px;
}

#content  /*not using this*/
{
margin-left: 140px;
border-left: 1px solid gray;
margin-right: 145px;
border-right: 1px solid gray;
padding: 0.5em;
h1 color:#cccccc;
}
/*****/

#contentstandard  /* using this one*/
{
margin-left: 40px;
margin-right: 40px; 
border-left: 0px solid blue;
padding: 0.5em;
max-width: 36em;
h1 color: #cccccc;
}



#navcontainertest { margin-left: 3px; }/**width from left edge of container**/

#navcontainertest ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: .65em;
letter-spacing: .5px;
font-weight: bold;
}

#navcontainertest li { margin: 0 0 1px 0; }

#navcontainertest a
{
display: block;
padding: 5px 10px;
width: 210px;
color: #0033ff; /* original colour 0066ff*/ 
background-color: #ffed39;
text-decoration: none;
font-weight: bold;
}

#navcontainertest a:hover
{
color: #fff;
background-color: #dddddd;/**hover colour of first level nav boxes**/
text-decoration: none;
}

#navcontainertest ul ul li { margin: 0 0 1px 0; }

#navcontainertest ul ul a
{
display: block;
padding: 5px 10px;
width: 210px;
color: #fff;
font-size: 1.2em;
letter-spacing: .5px;
font-weight: bold;
background-color: #003399;/**background colour for second level nav boxes*/
text-decoration: none;
}

#navcontainertest ul ul a:hover
{
color: #fff;
background-color: #69C;/*background of second level nav box on hover*/
text-decoration: none;
}


/***end of LEFT TEST nav bar****/

/******** using this as the horizontal nav bar ****/
#navcontainer
{
width: 100%;
float: left;
background-color: #cc0000;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0% 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .75em;
letter-spacing: .5px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.0em 7px;
background-color: #cc0000; /*box colour for nav bar*/
color: #ffffff; /* 0066ff font colour for text in horizontal nav bar*/
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#navcontainer ul li a:hover
{
background-color: #0099cc; /*background colour of box for nav bar */
color: #FFFFFF;
}



/***end of horizontal nav bar****/

/****GENERAL CLASSES****/

.floatright {
	float:right;
}

.floatcentre {
	display:block;
	margin-left:auto;
	margin-right:auto;
}