@charset "utf-8";
/* CSS Document */

html {
    margin: 0 0 1px;
    height: 100%;
    padding: 0;
}

body {
	background-image: url(images/background2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin: 0;
	padding: 0 0 10px;
        z-index: 500;
}

#header img {
	border: 0;
	margin-top: 16px;
	padding: 0;
	width:calc(100vw - (100vw - 100%));
        max-width: 840px;
}

#header p {
	font-size:medium;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#navigation {
        width: 230px;
        height: auto;
        z-index: 1000;
        display: inline-block;
}

#navigation p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	font-style:italic;
	text-align:center;
	color:#FFFFFF;
	background-color:#000099;
	margin-left:30px;
	margin-right:20px;
        margin-top: 20px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	/*width:180px;*/
        width: auto;
	
}

#navigation ul {
    padding-left: 20px;
}
	
#navigation li {
	list-style-type: none;
	height: 45px;
	/*width: 169px;*/
        width: auto;
	background-color: Transparent; 
	background-attachment: scroll; 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	font-style:italic;
	text-align:center;
	padding-top:5px;
	border-style: none; 
	border: 0px;
}

#navigation a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	display:block;
	padding-top:5px;
        margin-left: 20px;
	width:160px;
	height:45px;
        padding-right: 10px;
}

#navigation a:link, #navigation a:visited {
	color: #FFCCFF;
	text-decoration: none;
	background-image:url(images/blank_btn_r2_c2.gif);
	background-repeat:no-repeat;
}

#navigation a:hover {
	color: #FFCC00;
	text-decoration: none; 
	background-image:url(images/blank_btn_r2_c2_f2.gif);
	background-repeat:no-repeat;
}

#navigation a:active {
	color: aqua;
	text-decoration: none; 
	background-image:url(images/blank_btn_r2_c2_f2.gif);
	background-repeat:no-repeat;
}

#nobordertable td {
    border-bottom-style: groove; 
    border-width: 1px;
    border-color: grey;
    margin: 3px 0px;
}

#content, #membersarea, #editlink, #copper {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
/*	font-size:large; */
	font-size:medium;
	width:auto;
        max-width: 100vw;
/*        display: inline-block; */
}

#forumdiv {
    display: inline-block;
    position: relative;
}

#photo_content {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
	font-size:medium;
	width:auto;
	margin:15px;
}

#photo_images {
	text-align:center;
}

textarea {
	font-family: Arial, sans-serif;
	font-style:normal;
	font-size:small;
        white-space: pre-wrap;
}

#forumdiv {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
	font-size:110%;
/*	width:75%; */
        z-index: 500;
}

#content h1, #membersarea h1, #modalcontent h1, #headh1 select {
	font-size: x-large;
	font-weight:bold;
	text-decoration:none;
}

#content h2, #content th {
	font-size: large;
	font-weight:bold;
	text-decoration:none;
}

#content h3 {
        font-size: medium;
	font-weight:bold;
	text-decoration:none;
}

#newscontent h1 {
        font-size: 1.5em;
	font-weight:bold;
	text-decoration:none;
}

#newscontent h2 {
        font-size: 1.25em;
	font-weight:bold;
	text-decoration:none;
}

#newscontent h3 {
        font-size: 1.15em;
	font-weight:bold;
	text-decoration:none;
}

#content hr, #modalcontent hr {
	clear:both;
	float:none;
}

#content a, #editlink a, #forumdiv a {
	color:#330099;
}

#content a:visited, #editlink a:visited, #forumdiv a:visited {
	color:#990066;
}

#forumdiv a {
	padding-left:5px;
	padding-right:5px;
}

#content img, #photo_content img {
	border: 15px solid white;
}

#subnav img, #icon img {
	border: 0px;
}

#note_header p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
	font-size:large; 
	margin-right:15px;
	font-weight:bold;
}

#snippet table p {
	margin:0px;
}

#subhead {
	text-align:right;
}

#datatable table, #datatable2 table {
	background:#CCCCCC;
	border-collapse:collapse;
	border:medium solid #999999;
}

#datatable td {
	white-space:nowrap;
}

#datatable th, #datatable td, #datatable2 th, #datatable2 td  {
	border:groove;
	border-bottom-width:medium;
	padding:3px;
	margin:2px;
}

#datatable textarea, #datatable2 textarea {
	background:#CCCCCC;
}

#eventtable textarea {
	background:#DDD;
}

#eventtable {
	 /*width:100%;
         border:1px;*/
 }
 
#eventtable table, #bookingtable table, #updatetable table {
	background:#EEE;
	border:groove;
        margin-left: auto;
        margin-right: auto;
}

#eventtable td, #eventtable th  {
/*	white-space:nowrap;*/
	vertical-align:top;
        border: 1px solid black;
        padding-left: 5px;
        padding-right: 5px;
}

#eventtable p {
	text-align:center;
}

#neweventtable table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: groove 4px;
    background: #DDD;
}

#neweventtable th, #neweventtable td {
    border: solid 1px;
    padding: 5px;
}

#nobordertable table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: groove 4px;
    background: #DDD;
}

#nobordertable th, #nobordertable td {
    padding: 5px;
    width: auto;
}

#updatetable td, #updatetable th  {
/*	white-space:nowrap;*/
	vertical-align:top;
        border: 0px;
        padding-left: 5px;
        padding-right: 5px;
}

#bookingtable td {
	vertical-align:central;
}

.pseudo_href {
	text-decoration:underline;
        cursor: pointer;
}

.recordnav {
	text-align:center;
}

.include_photo1, .include_photo2 {
/*	width:530px; 
	display:block;*/
	max-width:430px;
/*	max-width: 50%;*/
	border:thin;
	border-style:solid;
	border-color:#000099;
        margin: 10px;
}

.include_photo1 {
	float:right;
	/*margin-right:20px;
	margin-left:10px;
	margin-bottom:10px; xxx*/
}

.include_photo2 {
	float:left;
	/*margin-right:0px;
	margin-bottom:10px;*/
}

.photo_float {
	/*width:410px;*/
	float:none;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	vertical-align:top;
}

.include_photo1 img, .include_photo2 img, .photo_float img {
	/*display:block;
	margin: 10px;*/
	width:400px;
        max-width: 80vw;
	/*width:100%;*/
}

.include_photo1 p, .include_photo2 p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:normal;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	/*margin-right:10px;*/
	margin-bottom:8px;
	margin-top:3px;
}

.input3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

form.search div {
	padding:5px;
	background:#CCCCCC;
	padding-bottom:7px;
}

/*form.search label.fixedwidth {*/
form label.fixedwidth {
	display:block;
	float:left;
	/*width:500px;  - only if over 600px*/
	float:left;
}

form br {
	clear:left;
}

form .buttonarea input, .button1 input {
/*	background:navy;
	color:white;
	font-weight:bold;
	padding:5px;
	border:1px solid white;
*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	font-style:italic;
	padding-top:0px;
	color: #FFFFFF;
	background-image:url(images/btn180bg.gif);
	background-repeat:no-repeat;
	background-position: 0px 7px;
	background-color:transparent; 
	width:180px;
	height:45px;
	border-style: none; 
	border: 0px; 
	cursor: pointer;	
	
}

.button2 input, .blue_button button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	font-style:italic;
	padding-top:0px;
	color: #FFFFFF;
	background-image:url(/images/btn90bg.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	background-color:transparent; 
	width:90px;
	height:25px;
	border-style: none; 
	border: 0px; 
	cursor: pointer;	
}

form div.buttonarea {
	text-align:center;
	background-color:transparent;
}

form fieldset {
	border: 2px solid navy;
	padding: 10px;
}

form label {
    margin-right: 10px;
}

form legend {
	font-size: 80%;
	color: navy;
	padding: 5px;
}


/* Position the items on the page */

#subnav {
	position:relative;
	width:169px;
	background-image: none;
	background-color: Transparent; 
	background-attachment: scroll; 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:45px;
        display: none;
}

#subnav a {
	height: auto;
        padding-bottom: 10px;
}

#subnav a:link, #subnav a:visited  {
	background-image:none;
	font-size:small;
	color: #33C;
	text-decoration:underline;
}

#header, #navigation, #content, #forumdiv, #copper {
	position:relative;
}

#header {
	top: 0px;
}

#navigation {
/*	top: 10px;*/
}

#content, #copper {
/*	top: -600px;
	left: 220px; */
        padding: 20px;
        z-index: 500;
}

#forumdiv {
        max-width: 100vw;
        padding: 20px;
}

#photo_content {
	position:absolute;
	top: 130px;
}

#modalcontent {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style:italic;
	font-size:medium;
	width: 100%;
	/*margin-right:50px;*/
	position:absolute;
	top: 50px;
	/*left: 50px;*/
	
}

#footer {
	clear:both;
	padding-top:10px;
}

#footer p {
	font-size:x-small;
	text-align:center;
}

footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 11px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.entry-content img {
	max-width: 95%; /* Fluid images for posts, comments, and widgets */
        height: auto;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.entry-content {
	/*margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;*/
	margin: 0 0 24px 24px;
	line-height: normal;
}

/* Buttons */
.menu-toggle {
        margin-left: 50px;
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	/*font-size: 11px;
	font-size: 0.785714286rem;*/
        font-size: large;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
/*	position: absolute; xxx*/
        position: relative;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Navigation Menu */
.main-navigation div
{
	display: none;

}
.main-navigation ul.nav-menu.toggled-on,
#navigation div.toggled-on,
.toggled-on,
.menu-toggle {
	display: block;
        height: auto;
}



/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) and (min-device-width: 600px){

        #content, #forumdiv, #copper {
                position: relative;
                top: -1100px;
                left: 240px;
                margin-right: 240px;
                padding: 0px 20px 0px 0px;
                min-height: 1000px;
        }
        
        #nobordertable td {
            border-bottom-style: none; 
            border-width: inherit; 
        }

        #forumdiv {
            width: stretch;
            width: -webkit-fill-available;
            width: -moz-available;
        }

        form.search div {
                width:750px;
        }

        form div img {
                margin-left: 500px;
        }
	
        /*form.search label.fixedwidth {*/
        form label.fixedwidth {
                width:500px;
        }

        form label.fixedwidth_small {
                width:200px;
        }

        .no_wrap {
            white-space: nowrap;
        }

        /* Navigation Menu */

        #navigation {
            height: 1100px;
        }
        .main-navigation ul.nav-menu.toggled-on,
        #navigation div {
                display: block;
        }

	.main-navigation ul.nav-menu,
        .main-navigation div {
		/*border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;*/
		/*display: inline-block !important; xxxx*/
		text-align: left;
		/*padding-left: 30px;
		width: 100%;*/
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		/*font-size: 22px;
		font-size: 1.571428571rem;*/
		font-size: x-large;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}