/* CSS STYLESHEETS FOR CAMRA-CANTERBURY.ORG.UK

SECTIONS:
	GENERAL
	LAYOUT
		HEADER
		LEFT COL
		RIGHT COL
		CENTRE COL
		FOOTER
	HEADINGS
	LISTS
	TABLES
	FORMS
	MISC
	
*/


/*  *******************
    *     GENERAL     * 
	*******************   */

	body, div, h1, h2, h3, h4, h5, p, a, img, ul, ol, li, form, label, input {
		margin:0;
		padding:0;
	}
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#cccccc;
	}
	p {
		font-size:0.9em;
		margin-bottom:0.3em;
	}
	td, li {
		font-size:0.9em;
	}
	a, a:visited {
		color:#990000;
	}
	a:hover {
		background-color:#CCCCCC;
	}
	img {
		border:0;
	}
	ul, ol {
		list-style-position:inside;
		margin:0;
		padding:0;
		margin-bottom:0.3em;
	}
	li {
		margin:0;
		padding:0;
	}
	.star {
		color:red;
		font-size:1.4em;
		line-height:0.8em;
		vertical-align:bottom;
	}
	.bluestar {
		color:blue;
		font-size:1.4em;
		line-height:0.8em;
		vertical-align:bottom;
	}


/*  *******************
    *     LAYOUT      * 
	*******************   */

	h1 span {
		display:none;
	}
	#masthead {
	}
	#mainbody {
		background-color:#FFFFFF;
		clear:both;
	}
	#leftcol {
		float:left;
		width:14%;
		padding:20px 0 80px 15px;
		font-size:0.8em;
	}
	#rightcol {
		float:right;
		width:19%;
		padding:20px 15px 80px 0;
		font-size:0.8em;
	}
	#centrecol {
		margin: 0 25% 0 20%;
		padding:20px 0 80px 0;
		font-size:0.9em;
	}
	#footer {
		clear:both;
		border-bottom:2px solid #666699;
		border-top:2px solid #666699;
		background-color:#ffffcc;
		padding:5px 15px;
		font-size:0.7em;
	}


/*  *******************
    *     HEADER      * 
	*******************   */

	#logo {
		float:left;
		padding-left:15px;
	}
	#logo img {
		border:0;
		color:#ffffcc;
		background-color:#666699;
	}
	#logo a, #logo a:hover {
		text-decoration:none;
		padding:0;
		background-color:#666699;
	}
	#headers {
		padding-left:100px;
		background-color:#666699;
	}
	h1 {
		color:#ffffcc;
		font-size:32px;
		line-height:36px;
		font-weight:normal;
	}
	h2 {
		color:#ffffcc;
		font-size:24px;
		line-height:28px;
		font-weight:normal;
		padding-left:8px;
	}

	/* begin navbar */
	#navbar ul {
		list-style:none;
		border-top:2px solid #ffffcc;
		margin-top:15px;
		margin-bottom:0;
		padding:5px 0;
	}
	#navbar li {
		display:inline;
	}
	#navbar a {
		text-decoration:none;
		color:#ffffcc;
		font-size:18px;
		font-weight:normal;
		padding:5px 8px;
		margin-right:7px;
	}
	#navbar a:hover {
		color:#666699;
		background-color:#ffffcc;
		border:3px double #666699;
		padding:2px 5px;
	}
	/* end navbar */


/*  *******************
    *    LEFT COL     * 
	*******************   */

	#leftcol div {
		margin-bottom:20px;
	}
	#leftmenu ul {
		list-style:none;
	}
	#leftmenu li {
		margin-bottom:5px;
		list-style-position:outside;
	}
	#leftmenu a {
		width:100%;
		color:#666699;
		background-color:#FFFFCC;
		display:block;
		padding:3px;
		border:1px solid #666699;
		text-decoration:none;
	}
	#leftmenu a:hover {
		color:#ffffcc;
		background-color:#666699;
	}


/*  *******************
    *    RIGHT COL    * 
	*******************   */

	#rightcol {
		min-height:370px;
	}
	#rightcol div {
		margin-bottom:20px;
	}
	#rightcol h3 {
		font-size:1.1em;
		font-weight:bold;
	}


/*  *******************
    *   CENTRE COL    * 
	*******************   */

	#nextmeeting {
		font-size:0.85em;
	}
	#nextmeeting h3 {
		font-size:1em;
		font-weight:bold;
		margin:0 0 3px 0;
		padding:0;
	}
	.mainstory, .secondstory {
		border-top:1px solid #000000;
		margin-top:10px;
		padding-top:10px;
	}
	.mainstory img {
		float:right;
		padding:0 0 10px 10px;
	}
	.smallprint {
		font-size:0.65em;
		font-style:italic;
	}


/*  *******************
    *     FOOTER      * 
	*******************   */

	#disclaimer {
		width:47%;
	}
	#disclaimer p {
	}
	#footertext {
		float:right;
		width:43%;
	}
	#footertext p {
		text-align:right;
	}


/*  *******************
    *     HEADINGS    * 
	*******************   */
	h3 {
		font-size:1.4em;
		font-weight:normal;
		margin-bottom:0.5em;
	}
	h4 {
		font-size:1em;
		font-weight:bold;
		margin-bottom:0.2em;
	}


/*  *******************
    *      LISTS      * 
	*******************   */

	.mainstory ul {
		margin-bottom:15px;
	}

	/* begin block menu */
	.blockmenu {
		font-size:1.4em;
		margin:20px 0;
	}
	.blockmenu ul {
		list-style:none;
	}
	.blockmenu li {
		margin-bottom:8px;
	}
	.blockmenu a {
		width:300px;
		color:#ffffcc;
		background-color:#003366;
		display:block;
		text-decoration:none;
		padding:5px 8px;
	}
	.blockmenu a:hover {
		color:#ff0000;
	}
	/* end blockmenu */

	/* begin pub lists */
	.locgroup {
		margin:0;
	}
	.locgroup h4 {
		margin:4px 0 4px 0;
		color:#003366;
		line-height:1.2em;
	}
	.locgroup ul {
		list-style:none;
	}
	.locgroup li {
		margin:4px 0 4px 20px;
		line-height:1.2em;
	}
	.locgroup a, .publist a {
		color:black;
		text-decoration:none;
	}
	/* end pub lists */


/*  *******************
    *     TABLES      * 
	*******************   */

	table, th, td {
		border:0;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
		margin:15px 0;
	}
	tr {
		vertical-align:top;
	}
	th {
		text-align:left;
		background-color:#003366;
		color:#ffffcc;
		padding:3px 0 3px 3px;
	}
	td {
		padding:4px 0;
	}
	td.tablerightcol {
		text-align:right;
	}
	td.tablecentrecol {
		text-align:center;
	}


/*  *******************
    *      FORMS      * 
	*******************   */

	form {
		margin:10px 0;
	}
	fieldset {
		margin:0 0 5px 0;
	}
	legend {
		color:#666699;
		font-weight:bold;
	}
	label {
		float:left;
		margin:0 5px 0 0;
		text-align:right;
		width:100px;
		background-color:#DDDDDD;
		font-size:0.8em;
		padding:3px;
	}
	.formrow {
		margin:5px 0;
	}
	.formrowlast {
		text-align:center;
	}

	/* begin loginform */
	#loginform {
		padding:3px 7px;
		border:2px solid #666699;
		background-color:#FFFFCC;
	}
	#loginform form, #loginform .formrow, #loginform label  {
		padding:0;
		margin:0;
	}
	#loginform form {
		text-align:right;
	}
	#loginform .formrow {
		float:left;
	}
	#loginform .formrowlast {
		clear:both;
	}
	#loginform label {
		background-color:#ffffcc;
		width:60px;
		float:left;
		text-align:right;
		margin-right:3px;
	}
	#loginform h3 {
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:3px;
	}
	#loginform p {
		text-align:center;
	}
	#loginform a {
		text-decoration:none;
	}
	/* end loginform */


/*  *******************
    *      MISC      * 
	*******************   */
	
	.listset {
		border-top:1px solid black;
		padding-top:10px;
		margin-top:20px;
	}
	.brewlistset {
		border-top:1px solid black;
		padding-top:10px;
		margin-top:20px;
		clear:left;
	}
	.brewlistset .listsetimg {
		float:left;
		margin-right:2em;
		margin-bottom:1em;
	}

	/* begin contacts */
	.contact {
		border-top:1px solid black;
		margin-top:10px;
		padding-top:10px;
	}
	.contact p {
		margin:0;
		padding:0;
	}
	.contactname {
		font-weight:bold;
	}
	.contactinfo {
		font-style:italic;
	}
	/* end contacts */
	
	/* begin back link */
	#backlink {
		text-align:right;
		border-top:1px solid black;
		margin-top:20px;
		padding-top:10px;
	}
	/* end back link */
	
	/* begin gallery */
	.thumbs a {
		margin:0 3px;
	}
	#gallery {
		text-align:center;
	}
	.gallery {
		text-align:center;
	}
	.picset {
		border-top:1px solid black;
		padding-top:10px;
		margin-top:20px;
	}
	.picset table {
		width:auto;
	}
	.picset td {
		width:110px;
		height:110px;
		vertical-align:middle;
		text-align:center;
	}
	.picset h4 a {
		color:#000000;
		text-decoration:none;
	}
	.picset p, .picset img {
		text-align:center;
	}
	/* end gallery */
	
	/* begin diary class */
	table.diary {
		font-size:1.2em;
	}
	.diary td {
		padding-bottom:1em;
	}
	/* end diary class */
	
	/* begin sitemap */
	.sitemap ul, .sitemap li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.sitemap {
		line-height:1.42em;
	}
	.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
		background:transparent 0px 0px no-repeat;
		width: 24px;
		height: 18px;
		display: block;
		float: left;
		margin-left: 1em;
	}
	.sitemap span.vert {background-image: url(../pics/icons/map_vert.gif);}
	.sitemap span.last {background-image: url(../pics/icons/map_last.gif);}
	.sitemap span.midd {background-image: url(../pics/icons/map_midd.gif);}
	/* end sitemap */
	
	/* Welcome block */
	#welcome-txt{ margin: 0 0 20px 0;}
	#welcome-pic{ }
	
	/* end Welcome block */
	
/*  *******************
    *     NEWS        * 
	*******************   */
	.news_item_summary{ text-align:left; vertical-align:top; width: 95%; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-top: 20px; padding-bottom: 10px; padding-top: 10px;}
	.news_item_detail{text-align:left; vertical-align:top; width: 95%; border-bottom:1px solid #000000; margin-top: 20px; padding-bottom: 10px; padding-top: 10px;}