/*
light green     #f7ffef - not used
mid green       #93cc8d (not good- not used)
dark green      #2A8C27 = menu separatorcolor, body text, class screenTop

pale blue       #dce9f0 = menu offbgcolor, table_header background-color, screenTop font colour
mid turquoise   #5c8394 = menu onbgcolor, menu bordercolor, link hover
dark turquoise  #3c6374 = h3-h6, screenTop bottom-border, class turq, class footer, table_header color, sub_heading 

light grey      #aaaaaa = mainTable bottom-border
mid grey        #515151 = menu text offcolor, link, visited, diary color 
*/

body, p {
  font-family:tahoma, verdana, sans-serif;
  color: #2a8c27;
  font-size:medium;
  font-weight:normal;
  padding: 0;
}
body {
  background-color:#FFFFFF;
  margin: 0;
}
p {background-color:transparent;}

.bg_image {background: #fff url(images/moseley_village_drawing_background.jpg) repeat-y 50% 0;}

h1, h2, h3, h4, h5, h6 {
  color:#3c6374;
}
h4 {
  margin-top:5px;
  margin-bottom:0px;
  padding-top:15px;
  padding-bottom:8px;
}

A:link, A:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #515151;
  border: 0px solid;
}
A:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #5c8394
}
A:active {
}
img, table, table tr, table td, a img {border:0px;} 

.screenTop {
  background-color:#2A8C27; 
  color:#dce9f0; 
  border-bottom:#3c6374 2px solid;
}

.bold_red  {color: #F00; font-weight: bold;}
.turq {color:#3c6374}
.bold_turq {color:#3c6374; font-weight: bold; }
.bold_grey {color:#515151; font-weight: bold; }
.sub {font-size:smaller; font-weight:normal;} /* dont change colour, just smaller size than parent */ 
.credit {color:#515151; font-size:small; font-weight:normal;}
.none {display:none;}

.frontpagelink {font-size:small; font-weight:normal;}
A.frontpagelink:link, A.frontpagelink:visited { color: #515151; font-weight:normal; text-decoration:none}
A.frontpagelink:hover {color: #5c8394; font-weight:normal; text-decoration:underline}

.h4_link {font-weight:bold;}
A.h4_link:link, A.h4_link:visited { color: #3c6374; font-weight:bold; text-decoration:none}
A.h4_link:hover {color: #515151; text-decoration:underline}

.headline {zfont-size:large; zcolor:#3c6374; font-weight: bold;}
.sub_heading{font-size:small; color:#3c6374; font-weight:normal;}
.cdt_footer {font-size:x-small; color:#3c6374; font-weight:normal;border:0px;border-top:#aaaaaa 1px solid;}
A.cdt_footer:link, A.cdt_footer:visited { color: #515151; font-weight:normal; }
A.cdt_footer:hover {color: #5c8394; font-weight:normal;}

.quotation {
  display:block;
  padding:10px;
  margin:5px;
  background-color:#dce9f0;
  color: #3c6374;
  font-family:"times new roman";
}

.block_list {
  padding:0px;
  margin:0px;
/*  border:1px solid red; */
}
.block_list ul {
  display: inline; /* must be inline */
  list-style:none;
  padding:0px;
  margin:0px;
/*  border:1px solid blue; */
}
.block_list ul li {
  list-style: none; 
  display: inline; /* must be inline */
  margin: 0px; 
  padding: 0px;
  padding-right:25px;
/*  border:1px solid green; */
  color: #3c6374;
  font-size:small;
  white-space: nowrap;   
}

/*TABLE {font-family: arial,sans-serif} */

.table_header, TH {color: #3c6374; background-color:#DCE9F0; border-bottom:#aaa 2px solid;}
.diary {font-size:small; color:#515151;border-bottom:#aaa 1px solid;}
.diary_highlight {font-size:small; color: #2A8C27; background-color:#dce9f0;border-bottom:#aaa 1px solid;}
.diary_edit {font-size:medium; color: #2A8C27; background-color:#dce9f0; border-bottom:#aaa 1px solid;
  border-top:#aaa 1px solid; border-right:#aaa 1px solid;border-left:#aaa 1px solid;}
.top_border   {border-top:#aaaaaa 1px solid;}
.bottom_border  {border-bottom:#aaaaaa 1px solid;}
.side_borders {border-left:#aaaaaa 1px solid;border-right:#aaaaaa 1px solid;}
.column_borders tr td {border-left:#aaaaaa 1px solid;border-right:#aaaaaa 1px solid;}
.row_border_top tr td {border-top:#aaaaaa 1px solid;}
.row_border_bottom tr td {border-bottom:#aaaaaa 1px solid;}
table#vol_roles td {border-bottom:#aaaaaa 1px solid; vertical-align:top;}
table#vol_roles td p {margin-top:1px;}
.diary_mark_item {background-color:#dce9f0;}

/* organisation database styles */
.org_list {font-size:small; color:#515151; font-weight: normal; border:0px solid;}

/* pale blue on mid turquise */
.org_col1 {color:#dce9f0; background-color:#5c8394;}
A.org_col1:link, A.org_col1:visited {color:#dce9f0;}
A.org_col1:hover, A.org_col1:active {color:#515151;}
.org_col1b {background-color:#FFFFFF;border:3px #5c8394 solid;}

/* mid grey on pale blue */
.org_col2 {color:#515151;background-color:#dce9f0;}
.org_col2b {color:#515151;background-color:#FFFFFF;border:3px #dce9f0 solid;}

/* as org_col2 with border and padding */
/* block changes the width to 100% but inline is wrong if the text wraps to a second line or there is a forced break. */
.boxed {color:#515151;background-color:#dce9f0;border:1px solid #515151;margin:0px;padding:5px;display:block} 
.full_width {display:block;}
.center, .centre, .central  {text-align:center;}

.clrLeft { clear:left; }
.clrRight { clear:right; }
.clrBoth { clear:both; }

ul {padding-left:25px;}

div#contact_us h4 {
  margin-top:9px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
}


div#padded  {
  margin: 15px; /* all-round margin, as body has 0 for margins */
}

div#regular_events span.day {
  margin-top:40px;
  margin-bottom:4px; 
  display:block;
  width:99%;
  padding:3px;
  font-weight:bold;
  font-size:18px;
  color: #3c6374; background-color:#DCE9F0; border-bottom:#aaa 3px solid;
}
div#regular_events h4 {
  margin-top:7px;
  margin-bottom:4px;
  padding-top:15px;
  padding-bottom:0px;
  font-size:16px;
  display:block;
  float:left;
  border-bottom:1px dotted #AAAAAA;
}
div#regular_events p {
  clear:left;
  margin-top:2px;
  margin-bottom:10px;
}
/*===============================================================*/
/* used in menu_data.php when javascript is disabled 
/*===============================================================*/
ul.navigation {
  width:250px;
  font-size:small; 
  margin: 0px 0px 5px 2px; 
  padding:0px;
  list-style:none;
  list-style-type: none;
  border:1px solid #2A8C27;
  background-color:#fff;
  clear:left;
  text-align:left;
  overflow:visible;
}
ul.navigation div.showmenu {
  margin:10px 0px 20px; /* space above and below a sub-menu */
}
ul.navigation li {
  margin: 0px 0px 0px 0px; /* left space infront of menu blocks */ 
  padding:0px;
  float: none;  /* left for horizontal, none for vertical */
}  
ul.navigation li.menu_title {
  margin:0px;
  padding:2px 5px;
  color:#515151;
  background-color:#DCE9F0;
  font-weight:bold;
}
ul.navigation li a {
  display: block; 
  color: #515151;
  font-weight:normal;
  text-decoration:none;
//  background-color: rgb(230,255,212);
  margin: 0px 0px 2px 0px; /* bottom is space between menu items */
  padding: 1px 1px 2px 5px;
  border:none;
}   
ul.navigation li.current_page a, ul.navigation li a:hover {
  color:#FFFFFF;
  background-color:#5c8394;
}
ul.navigation li.current_page a:hover {
  cursor:default; /* pointer not hand */
}

/*===============================================================*/
/* div.img-box is the surrounding box with caption 
/*===============================================================*/
div.img-box {
  margin: 5px 15px 5px 5px; /* right increased to 12 until body/table/div sorted out */ 
  padding: 0px 0px 0px 0px;
  border: none;
}
div.img-box.warning {background-color:red;}

div.img-box p { /* the caption underneath the image */
  text-align: center;
  clear:left;
  color:#515151; 
  font-size: small;
  margin:0px 10px 7px 4px;
  padding:5px 0px 0px 0px;
  border: none;
}
div.img-box.warning p {
  color:white;
}
a.big_pic {
  display:block;
  cursor:hand;
}
a.big_pic div.img-box p {
  text-decoration:none; /* Safari still has underline here */
  font-weight: normal;
  }
a.big_pic:hover div.img-box p {
  color:#5c8394;
  text-decoration:underline;
  }

.img-shadow {
  float:left; 
  background: url(images/button/shadowalpha.png) no-repeat bottom right !important;
  background: url(images/button/shadow.gif) no-repeat bottom right;
  margin: 10px 1px 0 10px !important;
  margin: 10px 1px 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 

/* ------------- bigplan styles  -------------- */
.bigplan {
  color:rgb(80,53,42); /* grey-brown */
}
.bigplan h4 {
  color:rgb(114,182,3); /* lime green */
}
.bigplan a {
  color:rgb(114,182,3); /* lime green */
}
.bigplan a:hover {
  color:rgb(48,24,12); /* dark brown */
}