/* Stylesheet: rpc_general Modified On 2014-05-28 11:32:09 */
/* Read Parish Council - General Stylesheet excluding home page (see home.css) */
@charset "utf-8";
/*Global Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* End Global Reset*/

h1,h2,h3,h4,h5,h6 {
             font-family: Arial, Helvetica, sans-serif;
             font-weight: bold;
             color: #1D3C4E;
             padding-left: 60px;
             padding-right: 60px;
}
h2 {
              font-size: 100%;
              padding-top: 5px;
              padding-bottom: 10px;
}
h3 {
	font-size: 90%;
}
h4 {
	font-size: 80%;
}
#rpc_body {
	background-color: #FFFFFF;
	background-image: url(http://www.readparishcouncil.org.uk/uploads/images/rpc_template_images/rpc_background_gradient);
	background-repeat: repeat-x;
}
#rpc_masthead {
	position: relative;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
}
#searchbox {
              position: absolute;
              margin-top: -90px;
              margin-left: 845px;
}
#rpc_wrapper {
	background-color: #FFFFFF;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
              margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#rpc_navigation {
	display: block;
	background-color: transparent;
	height: 36px;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
}
#rpc_navbar {
	display: block;
	background-image: url(../../uploads/images/rpc_template_images/rpc_navigation_background.png);
	repeat-x: repeat;
	height: 36px;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 36px;
}
#rpc_maincontent {
	width: 840px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0 10px 5px #F2F5F7;
	-moz-box-shadow:0 10px 5px #F2F5F7;
	box-shadow:0px 0 10px 5px #F2F5F7;
	margin-bottom: 20px;
	margin-top: 20px;
}
#rpc_maincontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 100%;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 40px;
	color: #FFFFFF;
	background-color: #1D3C4E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#rpc_maincontent p {
	padding-right: 65px;
	padding-left: 65px;
	padding-bottom: 20px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #1D3C4E;
	text-align: justify;
}
#rpc_maincontent a:link {
	color: #880000;
	text-decoration: none;
}
#rpc_maincontent a:visited {
	color: #880000;
}
#rpc_maincontent a:hover {
	text-decoration: underline;
}
#rpc_maincontent ol, ul {
	margin-left: 70px;
	margin-right: 70px;
}
#rpc_maincontent li {
	list-style-position: outside;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #1D3C4E;
	text-align: justify;
	padding-bottom: 15px;
}
#rpc_footer {
	background-color: #1D3C4E;
	height: 120px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#rpc_footer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #DEDEE5;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	padding:100px;
}
#rpc_footer_menu {
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#rpc_footer_menu p {
	color: #DEDEE5
}
#rpc_footer_menu a:link {
	text-decoration: none;
}
#rpc_footer_menu a:visited {
	text-decoration: none;
	color: #DEDEE5;
}
#rpc_footer_menu a:hover {
	text-decoration: underline;
}
#rpc_photo_gallery {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.rpc_committee {
              width: 700px;
              margin-right: auto;
              margin-Left: auto;
              margin-bottom: 40px;
              font-size: 90%;
              font-family: Arial, Helvetica, sans-serif;
              border: 1px solid #393C63;
}
.rpc_committee table{
              border-collapse: collapse;
              width: 700px;
              -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rpc_committee td {
              color: #1D3C4E;
              padding: 10px;
              border: 0;
}
.rpc_committee tr {
              border: 1px solid #1D3C4E;
              width: 700px;
}
.rpc_committee tr:nth-child(even) {
              background-color: #F7F9F8;
}
.NewsSummary {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
	color: #1D3C4E;
	padding-bottom: 5px;
}
.NewsSummaryLink {
              font-weight: bold;
	padding-bottom: 5px;
}
#rpc_maincontent .NewsSummarySummary p {
              padding: 0px;
              width: 650px;
}
.NewsSummaryMorelink {
             	padding-bottom: 10px;
}
.NewsSummaryMorelink a {
	font-size: 80%;
	font-weight: bold;
	color: #880000;
	text-decoration: none;
}
.NewsSummaryMorelink a:hover {
	text-decoration: underline;
}
#NewsPostDetailDate {
	font-size: 100%;
	font-weight: bold;
             font-family: Georgia, "Times New Roman", Times, serif;
	color: #1D3C4E;
	padding-right: 65px;
              padding-left: 65px;
              padding-bottom: 15px;
}
#NewsPostDetailTitle {
              font-size: 100%;
              font-family: Georgia, "Times New Roman", Times, serif;
	color: #880000;
	padding-left: 65px;
              padding-right: 65px;
	padding-bottom: 20px;
}
#NewsPostDetailContent {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
#NewsPostDetailReturnLink {
              padding-bottom: 20px;
}
#NewsPostDetailReturnLink a {
	font-size: 90%;
	font-weight: bold;
	color: #88000;
	text-decoration: none;
	padding-left: 65px;
}
#NewsPostDetailReturnLink a:hover {
	text-decoration: underline;
}
.calendar-event {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
              margin-bottom: 20px;
}
.calendar-returnlink {
              font-size: 90%;
	font-weight: bold;
	color: #88000;
	text-decoration: none;
}
.calendar-date-from {
	color: #880000;
	font-size: 90%;
	font-weight: bold;
             padding-bottom: 5px;
}
.calendar-summary {
             color: #880000;
	font-size: 90%;
	font-weight: bold;
             padding-bottom: 10px;
}
#rpc_maincontent .calendar-details p {
              padding-left: 0px;
              padding-right: 0px;
              width: 650px;
}
.rpc_pdf_archive {
              width: 350px;
	margin-right: auto;
	margin-left: auto;
             margin-bottom: 20px;
}
.rpc_pdf_archive td {
             font-family: Arial, Helvetica, sans-serif;
             font-weight: bold;
             font-size: 90%;
             padding: 8px;
}
.rpc_agenda h4{
             font-family: Arial, Helvetica, sans-serif;
             font-weight: bold;
             font-size: 90%;
             padding: 5px;
}
.googlemap {
             width: 600px;
             height: 600px;
             margin-bottom: 20px;
             margin-right: auto;
             margin-left: auto;
}
.boldred {
             text-transform: uppercase;
             color: #880000;
             font-size: 100%;
}
#panel {
              display: none;
	background: #CFD8E2;
              color: #1D3C4E;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 70%;
              font-weight: bold;
	width: 906px;
	height: 56px;
	margin: 0 auto;
              border: 3px solid #7E909A;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#cookietext {
             width: 784px;
             float: left;
}
#cookietext p{
             padding-top: 6px;
             padding-left: 8px;
}
#cookiebtn {
             width: 116px;
             float: right;
}
#cookiebtn img {
             padding-top: 11px;
             padding-right: 8px;
}
#login {
        margin: 0 auto 0 auto;
        width: 350px;
        padding-top: 10px;
        padding-left: 15px;
        border: 1px solid #1D3C4E;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}
#login span {
        font-family: verdana, arial, sans-serif;
        font-size: 80%;
        color: #1D3C4E;
        display: block;
        width: 300px;
        padding-bottom: 4px;
        padding-top: 12px;
}
#login img {
        padding-top: 12px;
        padding-bottom: 12px;
}
#login p {
        padding-left: 0px;
        padding-right: 15px;
        padding-top: 15px;
}
.rpc_planningapps {
              width: 700px;
              margin-right: auto;
              margin-Left: auto;
              margin-bottom: 40px;
              font-size: 90%;
              font-family: Arial, Helvetica, sans-serif;
              /* border: 1px solid #393C63;*/
}
.rpc_planningapps table{
              margin-top: 30px;
              border-collapse: collapse;
              width: 700px;
              -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rpc_planningapps td {
              color: #1D3C4E;
              padding: 10px;
              border: 0;
}
.rpc_planningapps tr {
              border: 1px solid #1D3C4E;
              width: 700px;
}
.rpc_planningapps h3 {
              padding: 5px 0 5px 0;
}
/* Stylesheet: rpc_mainmenu_horizontal Modified On 2013-04-04 14:36:59 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
        width: 1100px;
        height: 36px;
/* IE6 Hack 
	height: 1%;
	width: auto;*/
/* one border at the top */
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
/*	padding-top: 10px;*/
/* keeps the first menu item off the left side */
	/*padding-left: 10px;*/
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	/*border-top: 2px solid #2C3806;
	border-right: 2px solid #2C3806;
	border-bottom: 2px solid#2C3806;
	border-left: 2px solid #2C3806;*/
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	/*margin-top: 1px;*/
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding-right: 0px;
              padding-top: 2px;
              letter-spacing: 2px;
        /*background: url(http://www.readparishcouncil.org.uk/tmp/cache/uploads/images/goc_template_images/goc_navseperator.jpg) no-repeat  right;*/
}

#primary-nav li {
        background: url(../../uploads/images/rpc_template_images/rpc_navigation_seperator.png) no-repeat  right;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width:150px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
        color: #1D3C4E;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 70%;
/* make sure we keep the font normal */
	font-weight: bold;
/* set default link colors */
	color: #1D3C4E;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 10px 20px 12px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
              text-transform: uppercase;
}
ul#primary-nav li a:hover {
/* kind of obvious */
        color: #880000;
        background-color: transparent;
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #880000;
}
ul#primary-nav li a.menuactive {
	color: #880000;
/* bold to set it off from non active */
	font-weight: bold;
/* set your image here */
	/*background:  url(../../uploads/ngrey/nav.png) repeat-x left 0px;*/
}
ul#primary-nav li a.menuactive:hover {
	color: #1D3C4E;
/* keep it the same */
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	/*background:  url(../../uploads/ngrey/parent.png) no-repeat 98% center;*/
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	/*background:  url(../../uploads/ngrey/parent.gif) no-repeat 98% center;*/
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
	color: #1D3C4E;
	/*border-top: 1px solid #1D3C4E;
	border-right: 1px solid #1D3C4E;
	border-left:1px solid #1D3C4E;*/
}
ul#primary-nav li ul {
	background: #F5F2F7;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #1D3C4E;
	border-bottom: 1px solid #1D3C4E;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	/*background:  url(../../uploads/ngrey/darknav.png) repeat-x left center;
	color: #000*/
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/* Stylesheet: rpc_contact_form Modified On 2012-04-23 13:32:36 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
              padding-top: 2em;
	margin-bottom: 1em;
	border: 1px solid #1D3C4E;
             padding-bottom: 2.0em;
              -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #1D3C4E;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height:15em;
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #1D3C4E;
	margin-bottom: 0.5em
             -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.captcha input {
	width: 196px;
              height: 1.5em;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 1em;
}
.contactform {
             width: 700px;
             margin-right: auto;
             margin-left: auto;
             font-family: Arial, Helvetica, sans-serif;
             font-size: 90%;
}
.contactform input {
              height: 1.5em;
	border: 1px solid #1D3C4E;
              -moz-box-shadow: 3px 3px 1px #EEEEEE;
              -webkit-box-shadow: 3px 3px 1px #EEEEEE;
              box-shadow: 3px 3px 1px #EEEEEE;
              -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.contactform input.checkbox {
	border: none;
}
.contactform label {
              line-height: 1.5em;
	display: block;
	float: left;
	width: 160px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
              height: 15em;
	background-color: #F7F9F8;
	border: 1px solid #1D3C4E;
              -moz-box-shadow: 3px 3px 1px #EEEEEE;
              -webkit-box-shadow: 3px 3px 1px #EEEEEE;
              box-shadow: 3px 3px 1px #EEEEEE;
              -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.formbuilderform .message {
            	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: rpc_events_calendar Modified On 2012-03-14 21:42:28 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/* make all links red */
.calendar tr td a
{
  color: #880000;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  width: 708px;
  margin-right: auto;
  margin-left: auto;
  border-collapse:    collapse;
  border: 1px solid #1D3C4E;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #1D3C4E;
  border: 1px solid #1D3C4E;
  padding: 3px;
  width: 100px;
}

#cal-calendar td {
  border: 1px solid #1D3C4E;
  vertical-align: top;
  padding: 3px;
  height: 100px;
  width: 100px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: #F7F9F8;
}

#cal-calendar .calendar-day
{
  background-color: #D3DBDE;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #D3DBDE;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
.calendar-month {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #1D3C4E;
  padding-bottom: 8px;
}