body{
	font-family: Arial,helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #FFFFB3;
	background-image: url(http://www.cirencester.co.uk/images/cirencesterbg.gif);
	scrollbar-face-color: yellow;
}

a{
color:#008800;
text-decoration:none;
}

a:hover {
color:#008800;
text-decoration:underline;
}

a:visited {
color:#008800;
text-decoration:none;
}

a:active {
color:#008800;
}

p{
font-size:12px;
text-align:left;
}

td {
font-size:12px;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 90%;
 color:#000000;
 text-align:center;
}

h2{
background-color:#008800;
 font-size: 100%;
 height:auto;
 color:#FFFFCC;
 padding:2px;
}

h3{
 font-size: 100%;
 color: #FFFFCC;
 background-color:#008800;
 padding:2px;
}

h4{
 font-size: 90%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 90%;
 color: #334d55;
}

/***********************************************/
/* Menu                                        */
/***********************************************/

.mainmenu{
width: 151px; /*width of menu*/
float:left;
}

.mainmenu .headerbar{
font: bold 12px Arial;
color: #FFFFAA;
background: #009933;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 5px; /*header text is indented 5px*/
}

.mainmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.mainmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.mainmenu ul li a{
color: #009933;
background-color:#FFFFAA;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.mainmenu ul li a:visited{
color: #009933;
}

.mainmenu ul li a:hover{ /*hover state CSS*/
color:#000000;
background-color:#FFFFAA;
}

#menufooter {
width:150px;
font-size:9px;
}

/***********************************************/
/* End of menu                                 */
/***********************************************/


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px 5px 5px;
	border-bottom: 0px solid #cccccc;
	width: 100%;
	background-color: #669933;
}

#navBar{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: #FFFFCC;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  float:right;
	width: 75%;
	margin: 0px 0px 10px 0px;
	padding: 2% 3% 0 0;
	
}

.CirencesterEvent {
border:#2A7F00;
border-style:dashed;
border-width:1px;
padding:5px;
margin-bottom:5px;
text-align:left;
}

.CirencesterEvent .indented {
padding-left:70px;
}

.vevent .dstart{
font-weight:bold;

.indented {
padding-left:70px;
}

.sponsors {
	margin-bottom: 5px;
	width : 330px;
	overflow: hidden;
	
}
.sponsors img.ml {
margin-right: 3px;
overflow: hidden;
border:0px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************** .text styles ***************/

.smallgrey{
	font-size: 80%;
	color:#BBBBBB;
}

.feature h3{
	padding: 10px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #669933;
	font-size:100%;
}

.feature img{
	padding: 3px 3px 3px 3px;
	border: 3px double #669933;
	margin: 0 5px 5px 0;
}

.feature a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: underline;
}

/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 5px 0px 0px 10px;
	font-size: 80%;
	text-align:justify;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story img{
	padding: 3px 3px 3px 3px;
	border: 1px solid #669933;
	margin: 0 3px 3px 3px;
}

.story h3{
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #669933;
	font-size:120%;
}

.story h4{
	padding: 0px 0px 0px 5px;
	text-align: left;
	border: 1px dotted #669933;
	font-size:100%;
	font-weight:bold;
	font-style:italic;
	text-shadow:#666666;
}

.story a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: underline;
}
	
.storyenhanced{
	clear: both;
	padding: 0px 10px 15px 8px;
	font-size: 80%;
	text-align:justify;
	background-color:#FFFFCC;
	border: 2px solid #000000;
}

.storyenhanced p{
	padding: 0px 10px 10px 10px;
}

.storyenhanced h3{
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #669933;
	font-size:120%;
}

.storyenhanced img{
	padding: 0px 5px 0px 0px;
}

.outline{
	clear: both;
	padding: 5px 10px 15px 8px;
	background-color:#FDFFEE;
	border: 2px solid #669933;
}

/* New css for content */

#dedicatedpage_wrapper {
width:980px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

#dedicatedpage_header {
width:960px;
height:20px;
}

#dedicatedpage_footer {
width:960px;
height:20px;
background-color:#FFFFFF;
}

#dedicatedpage_menu {
width:152px;
float:left;
}

#dedicatedpage_maincontent {
width:800px;
margin-left:auto;
margin-right:auto;
float:right;
}

#dedicatedpage_maincontent h2 {
background-color:#FFFFCC;
color:#000000;
width:100%;
}

#dedicatedpage_righthandcontactdetailsbox {
width:300px;
float:right;
padding-left:20px;
}

#dedicatedpage_lefthandtextbox {
width:450px;
float:left;
}

.textjustified {
text-align:justify;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
