h1		{ 
			font-family: Verdana; 
			font-size: 16pt; 
			color: #000066; 
			font-weight: bold }
h2		{ 
			font-family: Verdana; 
			font-size: 14pt; 
			color: #000066; 
			font-weight: bold }
h3		{ 
			font-family: Verdana; 
			font-size: 12pt; 
			color: #000066; 
			font-weight: bold }
body	{ 
			font-family: Verdana; 
			font-size: 12pt; 
			margin: 4px; 
			color: #000066;
			background-color: #000066; }
#container {
	margin: 0 auto;
	padding-right: 2em;
	background-color: white;
	width: 960px;
}
body.private	{ background-color: #000066; } 
body.private #container {
	margin: 0 auto;
	padding-right: 2em;
	background-color: #EBEBEB;
	width: 960px;
}

@media only screen and (max-width: 960px) {
/* Style adjustments for viewports under 960px */
  body.private #container {
	background-color: #EBEBEB;
  }
  #container {
	width: 100%;
  }
  body.popup	{ background-color: #CCCCCC; }
}


table	{ 
			width: 100%; 
			margin: 0; }
table td		{ 
			border: 0px; 
			vertical-align: top; 
			font-family: Verdana, Arial, Helvetica, sans-serif; }
td.member, td.lbl		{ 
			text-align: right; 
			vertical-align: top; 
			font-size: 75%; 
			padding: 0px 10px 3px 3px; }
td.number	{ text-align: right; }
td#title { 
			height: 75px; 
			vertical-align: middle; 
			font: bold 150% Verdana, Arial, Helvetica, sans-serif; }
td#subtitle 	{ 
			height: 50px; 
			text-align: left; 
			vertical-align: middle; 
			font-weight: bold; 
			font-size: 125%; } 
td#navigator	{ 
			width: 170px; 
			text-align: center; 
			font: 115% bold Verdana, Arial, Helvetica, sans-serif; }
td#footer, td#copyright	{ 
			height: 75px; 
			text-align: center; 
			vertical-align: bottom; 
			font-size: 85%; }
td#bannerleft { vertical-align: middle; }
td#bannerright { vertical-align: middle; }

table.skema	{ 
			border-top: 1px solid #000066; 
			border-left: 1px solid #000066; 
			width: 80%; }
table.iframeskema	{ 
			border-top: 1px solid #000066; 
			border-left: 1px solid #000066; 
			width: 100%; }
table.skema th, table.iframeskema th	{ 
			text-align: center; 
			font: 115% bold Verdana, Arial, Helvetica, sans-serif; }
table.skema td, table.skema th, table.iframeskema td, table.iframeskema th	{ 
			border-right: 1px solid #000066; 
			border-bottom: 1px solid #000066; 
			padding: 3px 3px 3px 3px; }
table.skema td.hangar, table.iframeskema td.hangar { vertical-align: middle; }

/* calendar class styles */
table.calendar 	{
			border: 0px solid #000066;
			width: 700px; }
table.calendar tr.past, table.calendar tr.past a:link { 
			color: gray; }
table.calendar th { 
			padding: 30px 8px 8px 8px;
			border-bottom: 1px solid #000066; 
			text-align: left;
			font-family: Verdana; 
			font-size: 14pt; 
			color: #000066; 
			font-weight: bold }
table.calendar td {
			border-bottom: 1px solid #000066;
			vertical-align: top; }
table.calendar td.note {
			font-style: italic;
			font-size: 90%;
			border: 0; }			

table.blank td	{ border: 0px; }
			
table#list		{ 
			border: 1px solid #000066; 
			width: 550px; }
table#list th	{ 
			text-align: center; 
			font: 115% bold Verdana, Arial, Helvetica, sans-serif; }
table#list td	{ 
			border-top: 1px solid #000066; 
			padding: 3px 3px 3px 3px; 
			text-align: left; }
table#list td.number	{ 
			font-weight: bold; 
			font-size: 110%; 
			text-align: center; 
			padding: 3px 3px 3px 3px; }
			
			
table#frqlist		{ 
			border-left: 1px solid #000066; 
			border-bottom: 1px solid #000066; 
			width: 95%; }
table#frqlist th	{ 
			padding-left: 5px; 
			border-top: 1px solid #000066; 
			border-right: none; 
			font-weight: bold; 
			font-size: 110%; 
			text-align: left; }
table#frqlist td	{ 
			border-right: 1px solid #000066; 
			border-top: 1px solid #000066; 
			padding: 3px 3px 3px 3px; 
			text-align: left; }
table#frqlist td.number	{ 
			border-top: 1px solid #000066; 
			border-right: none; font-weight: bold; font-size: 110%; text-align: center; }
table#picturebanner	{ 
			cellspacing: "2"; cellpadding: "2"; 
			width: "95%"; }
table#picturebanner td	{ vertical-align: middle; }

/* table bookings */
table.booking { 
			border-top: 1px solid navy; 
			border-right: 1px solid navy;
			border-left: 1px solid navy;
			border-bottom: 1px solid navy;
			width: 80%;
			}
table.booking th		{ 
			border-top: 0px solid navy; 
			border-right: 0px solid navy;
			border-left: 0px solid navy;
			border-bottom: 0px solid navy;
			vertical-align: top; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 80%; 
			padding: 10px 0px 5px 2px;
			vertical-align: middle;
			text-align: left;
			}
table.booking td		{ 
			border-top: 0px solid navy; 
			border-right: 0px solid navy;
			border-left: 0px solid navy;
			border-bottom: 0px solid navy;
			vertical-align: top; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 2px;
			vertical-align: middle;
			text-align: left;
			}
table.booking tr.toprow	td {
			border-top: 1px solid navy;
			}
table.booking tr.weekend{
			background-color: silver;
			}
table.booking td.rightbar	{
			border-right: 1px solid navy;
			width: 25px;
			}
table.booking td.center {
			text-align: center;
			}

/* calendar styles for the next event on the index page */
/* events */
ul.events {list-style: none; }
ul.events span.calSheet {
    float: left;
    display: inline;
    margin-left: -37px; }
ul.events li {
    zoom: 1;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    line-height: 1.181818em; }
ul.events a { text-decoration: none; }
ul.events li strong.eventTitle {
    display: block;
    font-size: 15px;
    line-height: 1.181818em; }
ul.events a:hover strong.eventTitle {
    color: #0187c5;
    text-decoration: underline; }
ul.events li small.location {
    display: block;
    font-size: 11px;
    margin: 1px 0 4px 0; }
ul.events li p.info {
    font-size: 10px;
    color: #696969; }
ul.events a.comments:hover { text-decoration: underline; }
ul.events li.past span.calSheet {
	filter: alpha(opacity=60);
 	-moz-opacity: 0.6;
    opacity: 0.6; }
/* calSheet */
span.calSheet {
    display: block;
    text-align: center;
    float: left;
    margin: -8px 0 0 -33px;
    margin: 0px 6px 0 -148px;
	 margin-left: -48px;
	 width: 25px;
    height: 42px;
    font-family: "Helvetica", "Arial", sans-serif;
	 font-weight: bold; }
span.calSheet span {
    display: block;
    float: left;
    width: 100%;
    font-weight: bold;
    line-height: 1em; }
span.calSheet span.month {
    background: #D51007;
    border: 1px solid #D51007;
	 height: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1em;
    font-size: 9px;
	 margin: 3px 0 0 0; }
span.calSheet span.day {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    color: #000;
    line-height: 1.4em;
    letter-spacing: -0.1em;
	 font-size: 14px; }
p.info {
    margin-top: 5px;
    color: #696969; }

/* Div styles */
div#copyright	{ font-size: 85%; }
div.ill	{ 
			width: 320px; 
			padding: 3px 2px; 
			margin: 1px 7px; 
			font: italic 80% Verdana, Helvetica, sans-serif; 
			text-align: center; }
div.ill_left 	{ 
			float: left; 
			width: 340px; 
			padding: 3px 2px; 
			margin: 1px 7px; 
			font: italic 80% Verdana, Helvetica, sans-serif; 
			text-align: center; }
div.ill_right	{ 
			float: right; 
			width: 340px; 
			padding: 3px 2px; 
			margin: 1px 7px; 
			font: italic 80% Verdana, Helvetica, sans-serif; 
			text-align: center; }
div.ill_right img { 
			width: 320px; 
			height: 240px; 
			padding: 10px; }
div.ill_right_front { 
			float: right; 
			width: 340px; 
			padding: 3px 2px; 
			margin: 1px 7px; 
			font: 80% Verdana, Helvetica, sans-serif; 
			text-align: left; }
div.ill_right_front img { 
			width: 320px; 
			padding: 10px; }
div#bannerleftarrow	{ visibility: hidden; }
div.planenotes {
			margin-left: 10%; 
			margin-right: 10%; }
div.history	{
			margin-left: 5%; 
			margin-right: 10%; }
div.author	{ 
			font: italic 75% Verdana, Helvetica, sans-serif; 
			color: gray; }
div.col-one {
	/* col-one */
    float: left;
    width: 500px;
    margin-right: 1em;
  }
div.col-two {
    /* col-two */
    float: left;
    width: 350px;
    margin-left: 1em;
    clear: none;
  }

@media only screen and (max-width: 1100px) {
	 /* Small screens */
	 div.col-two {
	 	margin-left: 156px;
	 }
}

			
input:focus { background: yellow; }
button 	{
			font-family: Verdana; 
			font-size: 11px; 
			color: #000066; 
			background-color: #cccccc; 
			border-width: 1px 2px 2px 1px; 
			border-color: #330099; 
			padding-left: 5px; 
			padding-right: 5px; 
			cursor: hand; }
hr			{ color: navy; }
.displaybox {
			width: 250px;
			background-color: gray;
			border: 2px solid navy;
			border-radius: 25px;
			padding: 10px;
			font: 24px normal verdana, helvetica, arial, sans-serif;
			color: white;
			text-align: center;
			text-decoration: blink;
			position: fixed;
			z-index: 99;
			left: 500px;
			top: 500 px;
			}
.photobox {
			width: 150px;
			background-color: gray;
			border: 2px solid navy;
			padding: 10px;
			font: 12px normal verdana, helvetica, arial, sans-serif;
			color: white;
			text-align: center;
			position: absolute;
			z-index: 99;
			}
.pict	{	border-radius: 4px; }