@charset "utf-8";
/* Use Arial font */
* {font-family: Arial; }

p {font-size: medium; }

/* set block content for html5 elements except nav */
header, footer,  article, aside, section, body {
	display: block; }

/* styles for top accessability bar and club banner */
/* hsl shade from http://www.w3.org/TR/css3-color/ dont work  in old IE so */
/* used RGB from http://www.tayloredmktg.com/rgb/#BL */
/* outer box used to be able to control min size preventing rhnav over main on small windows */
#body { position: relative;
	min-width: 975px; }

#masthead {
/*	background-color: hsl(210,75%,65%); */
	background-color: #6495ed;
	padding-bottom: 1px;
	margin: 0px; }

/* styles to hide/see auto-reader skip link */
#skip a{
	color: #6495ed;
	text-decoration: none;
	font-size: xx-small; }

#skip a:hover {
	color: black;
	background-color:silver;  }
#skip a:focus {
	color: black;
	background-color:silver;  }

.fontlogo	{
	float: right;
	border: none;
	Vertical-align: bottom; }
	
#club {
	color: white;
	Overflow: hidden;
/*	background-color: hsl(210,75%,65%); */
	background-color: #6495ed;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 22px;
	text-align: center; }
.clubname {
	font-size: 175%;
	margin: 0px; 
	color: white;
	text-decoration: none; }
.logo	{
	float: right;
	border: none;
	width: 133px;
	height: 85px;
	Vertical-align: middle; }

/* nav menu bar, note block element style stops the active pseudostyle working as we want */
.menublock	{
	background: black;
	height: 25px;
	padding: 2px; }

ul#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px; }
ul#menu li {
	display: inline;
	padding: 2px; }
ul#menu li a {
	color: white;
	background-color: black;
	text-decoration: none;
	text-align: center; }

ul#menu li a:focus {
	color: black;
	background-color: white; }
ul#menu li a:hover {
	color: black;
	background-color: silver; }
ul#menu li a:active {
	color: blue;
	background-color: white; }

/* rh aside link bar */
.rhnav {
	float: right;
	position: static;
	background: #f0f8ff;
	min-width: 10%;
	max-width: 20%;
	padding-left: 2%; }

/* main section text */
.maintext {
	float: left;
	width: 70%;
	overflow: hidden;
	min-width: 700px;
	padding-right: 2%;
	margin-right: 1%;
	Margin-left: 3%;
	border-right: solid 1px black;
	 }

#bbox	{
	float: left;
	margin: 10px; }

/* general footer */
.footer {
	clear: both;
	width: 70%;
	text-align: center;
	font-size: xx-small;
	padding: 15px; }
.footer p { font-size: xx-small; }

/* style for picture thumbnails */
/* landscape */	
.thumbs {
	border-style: solid;
	border-width: 2px;
	border-color: #6495ed; }
/* portrait */
.thumbsport {
	border-style: solid;
	border-width: 2px;
	border-color: #6495ed; }
/* style for specific pics */
#site {
	width: 690px;
	height: 95px;
	border-style: solid;
	border-width: 2px;
	border-color: #6495ed;
	display: block;
	margin-left: auto;
	margin-right: auto; }

#home {
	width: 678px;
	height: 370px;
	display: block;
	margin-left: auto;
	margin-right: auto; }

/* style for contacts */
.contacts p {
	font-size: 95%;
	font-weight: normal;
	margin: 0; }

/* styles for meeting and event lists */
.datelist {
	border-style: solid;
	border-width: 2px;
	border-collapse: collapse;
	border-color: black;
	padding: 5px; }
.daterow {
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-color: #6495ed;
	padding: 5px; }

.daterow p {
	font-size: 90%;
	font-weight: normal;
	margin: 0; }

.cancelled {
	text-decoration: line-through;
	color: red; }
.past {
	color: grey; }

/* format for our weather mini-dashboard */
/* centre tables */
#minidash table { 
	width: 360;
	margin: auto; }
#meteovect {
	width: 415px;
	height: 400;
	display: block;
	margin-left: auto;
	margin-right: auto; }

.meteograph { 
	width: 815px;
	height: 420px;
	display: block;
	margin-left: auto;
	margin-right: auto; }

/* format for text from metar sites */
.metar {
	margin: 0px;
	overflow: hidden;
	width: 660px;
	height: 275px; }

/* general centring */
.centered {
	text-align: center; }
/* general bold */
.bold {
	font-weight: bold; }

/* style for video thumbnails */
.videodesc {
	float: left; }

.videos {
	float: left;
	margin-right: 5px;
	border-style: solid;
	border-width: 2px;
	boarder-color: #6495ed; }

/* style for video player window */
.vga {
	border-style: groove;
	border-width: thick;
	width: 640px;
	height: 480px; }

/* style for consistant behavior of return at end of videos */
#vreturn {
	clear: both;
	text-align: center; }

/* footer in video pages */
#vfooter {
	clear: both;
	text-align: center;
	font-size: xx-small;
	padding: 15px; }

#vfooter p { font-size: xx-small; }
/* footer for our weather graphs */
#wfooter p { font-size: xx-small; }