/* 

    MerseyBuddhists.org style sheet

    Colours:
      #E6DACF light beige
      #806D59 taupe/choco brown
			#4D4237 darker taupe/brown for higher contrast (text only)
      #CFDBE6 pale blue
      #596D80 darker grey-blue
      #fff pure white
			
*/

body {
	background-color: #E6DACF;
	line-height: 1.2em;
	margin: 0; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
	}

p,td,li,address,blockquote,dl {
	color: #4D4237; /* #806D59 or #4D4237 */
	font-family: verdana;
	font-size: 90%;
	}
li {
	padding-bottom: 0.5em;
	}
address {
	margin-top: -1em;
	padding-left: 1em;
	}
dt {
  font-weight: bold;
	}
dd {
  position: relative;
	left: -2em;
	margin-top: 0.25em;
	}
blockquote {
	width: 70%;
	margin-left: auto; margin-right: auto;
	color: #596D80;
	border-top: 1px solid #596D80;
	border-bottom: 1px solid #596D80;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	}

/* Main Container */
div#wholePage {
      width: 90%;
      margin:1em auto;
	text-align: left; /* to compensate for the centering hack */
      max-width: 1024px;
      background: #CFDBE6;
      border: 1px solid #806D59;
      border-bottom: 10px solid #806D59;
      }

/* 'top cell' - just an image in here, no text */
div#logoHeader {
      background: #CFDBE6;
      border-top: 5px solid #806D59;
      border-bottom: 10px solid #806D59;
      padding: 2em 0 0 1.5em;
      }
			
/* Left-hand side of page container, with two sub-containers in it */			
div#navColumn {
      float: left;
      width: 225px;
      margin:0;
      padding:0;
      }

/* The first of the navColumn subcontainers - contains the actual nav links */
div#navColumn-content {
      margin:0.5em; 
      padding: 0.5em 1em;
      font-size: 80%;
      background-color: #596D80;
      text-align: right;
      }
div#navColumn-content h2 {
      font-size: 125%;
      font-family: tahoma;
      font-weight: bold;
      letter-spacing: 0.2em;
      color: #fff;
      }
div#navColumn-content p {
      color: #CFDBE6;
      }
div#navColumn-content a:link,a:visited {
      color: #806D59;
      }
div#navColumn-content a:hover,a:active {
      color: #596D80;
      }

/* Classes for the various states of the nav links - '2' 
   is the small links I'm sure that some of this can be 
   shrunk down by the use of multiple classes, I just 
   haven't got there yet! */
div#navColumn-content .nav-sel { /* Selected main link */
      background-color: #fff;
      border-top: 2px solid #CFDBE6;
      border-bottom: 2px solid #CFDBE6;
      font-weight: bold;
      margin: 0.2em 0 0.2em 0;
      padding-right: 1em;
      }
div#navColumn-content .nav-sel2 { /* Selected small link */
      background-color: #fff;
      border-top: 2px solid #CFDBE6;
      border-bottom: 2px solid #CFDBE6;
      font-weight: normal;
      margin: 0.2em 0 0.2em 0;
      padding-right: 2em;
      font-size: 80%;
      }
div#navColumn-content .nav-unsel {  /* Unselected main link */
      background-color: #CFDBE6;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
      font-weight: bold;
      padding-right: 1em;
      margin: 0.2em 0 0.2em 0;
      }
div#navColumn-content .nav-unsel2 {  /* Unselected small link */
      background-color: #CFDBE6;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
      font-weight: normal;
      padding-right: 2em;
      font-size: 80%;
      margin: 0.2em 0 0.2em 0;
      }
div#navColumn-content .nav-unsel2:hover {
      background-color: #E6DACF;
			}			
div#navColumn-content .nav-unsel:hover {
      background-color: #E6DACF;
			}			
			
/* The second container in the navColumn, for copyright, etc etc */			
div#navColumn-other {
      margin:0.5em; 
      padding: 0.5em 1em;
      font-size: 80%;
      background-color: #596D80;
      text-align: right;
      }
div#navColumn-other p {
      color: #CFDBE6;
      }
div#navColumn-other a:link,a:visited { /* Might want to re-think the links */
      color: #fff;
      }
div#navColumn-other a:hover,a:active {
      color: #596D80;
      background-color: #E6DACF;
      }
div#navColumn-other h2 {
      font-size: 125%;
      font-family: tahoma;
      font-weight: bold;
      letter-spacing: 0.2em;
      color: #fff;
      }

/* The 'main section' container - it has one subcontainer */			
div#mainColumn {
      margin:0 0 0 225px; padding:1em;
      background: #CFDBE6;
      border-left: 2px solid #806D59;
      }

/* The 'main section' subcontainer */
div#mainColumn-content {
      margin: 0; 
      padding: 0.5em 1em;
      font-size: 90%;
      background-color: #E6DACF;
      border: 1px solid #806D59;
      }
div#mainColumn-content h2 {
      font-family: tahoma;
      font-size: 150%;
      color: #ffffff;
      background-color: #596D80;
      padding-right: 1em;
      line-height: 2em;
      text-align: right;
      letter-spacing: 0.2em;
      }			
 div#mainColumn-content h3 {
      font-family: tahoma;
      font-size: 120%;
			width: 66%;
      color: #596D80;
      background-color: #CFDBE6;
      padding-left: 1em;
      line-height: 1.5em;
      letter-spacing: 0.2em;
      border-top: 2px solid #806D59;
      border-left: 3px solid #806D59;
      } 			
div#mainColumn-content p {
      text-align: justify;
      }			
div#mainColumn-content a:link,a:visited {
			color: #596D80;
      }			
div#mainColumn-content a:hover,a:active {
			color: #596D80;
			background-color: #CFDBE6;
			text-decoration: overline underline;
      }
.tables {
      width: 90%;
			margin-left: auto;
      margin-right: auto;
      }
div#mainColumn-content td {
      padding: 0.1em;
			background-color: #E6DACF;
			vertical-align: top;
			}
			
/* Styles for Events page */

div#mainColumn-content .event {
			padding: 0 0.5em 0 0.5em;
			margin-bottom: 1em;
			line-height: 1.3em;
			font-size: 90%;
			background-color: #fff;
      border: 1px solid #806D59;
			border-bottom: none;
			}
		html>body #mainColumn-content .event {
		      border-bottom: 1px solid #806D59;
					} /* IE6 hack - IE messes up the bottom border */
div#mainColumn-content p {
			text-align: left;
			}		
div#mainColumn-content h4,h5 {
      font-family: verdana;
			font-size: 100%;
			}			
		div#mainColumn-content h4 {
		      background-color: #596D80;
					padding: 0.3em;
					margin-bottom: -0.5em;
					color: #fff;
					}			
		div#mainColumn-content h5 {
  		    color: #596D80;
					margin: -0.5em 0 -0.75em 0;
					}
div#mainColumn-content .tagline {
      color: #596D80;
			margin-left: 3em;
			margin-right: 3em;
			}			
div#mainColumn-content .event-cell {
      padding: 0.1em;
			background-color: #fff;
			vertical-align: top;
			font-size: 75%;
			}
		html>body #mainColumn-content .event-cell {
    		  font-size: 90%;
					} /* Firefox will read this, IE6 won't... the table in IE6
					     doesn't seem to inherit the div font-size value
							 This well-known hack from chrispoole.com - thanks */

.tables2 {
      width: 90%;
			margin-left: auto;
      margin-right: auto;
      }
div#mainColumn-content .showEventFoot {
      background-color: #806D59;
			color: #fff;
			font-weight: bold;
			margin: 0 -0.6em -1.2em -0.6em;
			padding: 0.2em 0.5em 0.2em 0.5em;
			text-decoration: underline;
			/*  Apparent hack for IE5.0 and IE5.5 - not sure!!! 
			cursor: hand;
			voice-family: ""}"";
      voice-family:inherit; */ 
      cursor: pointer;
      }

div#mainColumn-content .switch {			
			text-align:right; 
			margin-top:-0.8em;
			font-size:75%;
			border-bottom: none;
			}
div#mainColumn-content .short {
			margin-top: 0.5em;
			}			
			
/*  Updates styles for index page */

div#updates {
			border: 2px dotted #806D59;
			padding: 0.5em;
			margin: 0.5em;
			background-color: #fff;
			}

div#updates p {
			font-size: 75%;
			}
			
div#updates h3 {
			border: 0;
			background-color: #E6DACF;
			color: #596D80}
			
/* Part of the hack to get even columns 
   - thanks well-styled.com */
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
			
			
/* Written for MerseyBuddhists (www.MerseyBuddhists.org.uk)
   by Alasdair Gordon-Finlayson */