﻿
body {background-color: #F2F2F2 }

p, h1, h2, h3, h4, h5, h6, ul, li, .credit, .caption {
	font-family: Calibri;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	color: black;
}

p {
	font-size: small;
	text-align: left;
}


h1 {
	font-size: x-large;
	text-align: center;
}

h2 {
	font-size: small;
	text-align: center;
	font-style:italic;
}

h3 {
	font-size: medium;
	text-align: center;
	line-height: 90%;
}

h4 {
	font-size: large;
	text-align: center;
}

h5 {
	font-size: small;
	text-align: center;
}

h6 {
	font-size: x-small;
	text-align: center;
}

ul {
	font-weight: normal;
	font-size: small;
	text-align: left;
}

li {
	font-weight: normal;
	font-size:small;
}

.adrot {
	width:53%;
}

.caption {
	font-size: x-small;
	font-style: italic;
	text-align: center;
}

.credit {
	font-size: x-small;
	font-style: italic;
	text-align: right;
}

.page {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
		
.phonebutton, .mbutton {display:none;}

.Menu {
	position:absolute;
	top:5%;
	left:0;
	width:8%;
	text-align:center;
	margin:0;
}

.logo {
	position:absolute;
	top:0;
	left:94%;
	width:6%;
	margin:0;
}

.pageheader {
	position:absolute;
	top:0;
	left:8%;
	width:86%;
	margin:0;
}

.pagecontent {
	position:absolute;
	top:2em;
	left:8%;
	width:86%;
	margin:0;
}

.membergallery {
	width:60%;
	margin-left:20%;
	}

.membergallery>i {
	font-size:small;
	font-style:italic;
	margin-bottom:4pt;
	font-weight:bold;
}

.membergallery>p {
	margin-left:1em;
	margin-bottom:8pt;
	font-weight:bold;
}

.clubcalendaritem>i {
	font-size:small;
	font-style:italic;
	margin-bottom:4pt;
	font-weight:bold;
}

.clubcalendaritem>p {
	margin-left:1em;
	margin-bottom:8pt;
	font-weight:bold; 
}

.clubcalendaritem>img {
	width:24pt;
	height:auto;
}

.genericcalendaritem {
	display:inline;
}

.genericcalendaritem>i {
	font-size:small;
	font-style:italic;
	margin-bottom:4pt;
	font-weight:bold;
}

.genericcalendaritem>p {
	margin-left:1em;
	margin-bottom:8pt;
	font-weight:bold;
}

.genericcalendaritem>img {
	width:24pt;
	height:auto;
}

.signs1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

.signs2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

.signs3 {
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:3em;
	margin-right:3em;
}

.signs3 li {
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:1em;
	padding-right:2em;
	margin-left:3em;
}

.signbox {
	border:1px black solid;
	padding-top:1em;
	}
}

.dark {
	width:4%;
}

.light {
	width:4%;
	background-color:white;
	vertical-align:top;
	text-align:left;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.crossword {
	border-collapse: collapse;
	width:75%;
	margin:auto;
	
}

.light b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-small;
	font-weight:normal;
	vertical-align:super;
	text-align:left
}

.light i {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-style:normal;
	font-weight:bold;
	vertical-align:bottom;
	text-align:right;
	color:red;
	display:none;
}

.row {
	height:.7em;
}
		
.spacer {
	height:0;
}
		
.clue {
	height:.7em;
}
		
.cluecell {
	border-bottom:1px solid #C0C0C0;
	vertical-align:top;
}

.cluecell p {
	font-size:x-small
}

.puzzlebuttons {
	position:absolute;
	right:5%;
	width:200px;
	top:0;
}

.puzzlebuttons input {
	width:100%;
	font-family:Calibri;
	font-size:medium;
	font-weight:bold;
}
		
