/* **** Peter Stibbons Site CSS **** */

@charset "UTF-8";
@import "defines.css";
@import "menus4.css";

*
{
	box-sizing: border-box;
}

body
{
	background-color: white;
	text-align: center;
	font-size: 14px;
	padding: 4px;
	margin: 0;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
}

input, textarea
{
	font-family: Arial, sans-serif;
	font-size: 13px;
}

#main
{
	width: 1024px;
	margin: 10px auto;
}

#logo
{
	background-color: #439ec1;
	height: 80px;
	color: white;
	display: flex;
	justify-content: left;
	align-items: center;
	padding-left: 25px;
	font-size: 55px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	text-shadow: 2px 2px 2px black;
}

/*
#menu
{
	height: 36px;
	text-align: center;
	padding-top: 6px;
}

#menu a, #menu a:visited
{
	font-size: 18px;
	background-color: #076285;
	color: white !important;
	text-decoration: none;
	padding: 2px 10px 3px 10px;
	letter-spacing: 2px;
	border-radius: 3px;
	margin: 0 5px;
}

#menu a:hover
{
	text-decoration: none;
	background-color: #439ec1;
}

.submenublk
{
	margin: 2px 0 0 0;
	background-color: white;
	border: 1px solid #999;
	padding: 6px;
	position: absolute;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	text-align: left;
	z-index: 20;
	border-radius: 10px;
}

.submenu, .submenuc
{
	font-size: 13px;
	font-weight: normal;
	color: white;
	background-color: #076285;
	cursor: pointer;
	padding: 2px 4px !important;
	margin: 2px 0;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
}

.subname
{
	padding: 0 !important;
	margin: 0 !important;
	white-space: nowrap;
}

.submenu a, .submenu a:visited, .submenuc a, .submenuc a:visited
{
	padding: 0 !important;
	color: #381e0b;
	font-size: 13px !important;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

.submenu:hover, .submenuc:hover, .submenu:hover a, .submenuc:hover a
{
	color: white !important;
	background-color: #004265 !important;
}

.subind
{
	display: inline-block;
	font-size: 12px !important;
	margin-left: 20px !important;
}
*/

/* **** 2-Column Content **** */

#content.twocollayout
{
	padding: 10px 10px 10px 20px;
	display: flex;
}

#leftcol
{
	display: inline-block;
	max-width: 800px;
}

#rightcol
{
	display: inline-block;
}

/* **** Content area **** */

#content
{
	background-color: white;
	color: #036;
	text-align: left;
	font-size: 14px;
}

#content p
{
	font-size: 15px;
}

#content h1
{
	color: #05465f;
	font-size: 22px;
	margin: 2px 0 5px 0;
}

#content h1.centered
{
	color: #05465f;
	font-size: 22px;
	margin: 2px 0 5px 0;
	text-align: center;
}

#content h2, #content h2 a
{
	color: black;
	font-size: 19px;
}

.showall
{
	float: right;
	font-size: 15px !important;
}

#content a, #content a:visited
{
	color: #05465f;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover
{
	color: #6a490a;
	text-decoration: underline;
}

li
{
	margin: 4px 0;
}

.dslist li
{
	margin: 10px 0;
}


/* **** Logos **** */

#fplogos
{
	text-align: center;
}

.fplogo
{
	margin: 10px;
	height: 150px;
	overflow: hidden;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* **** Copyright area **** */

#footer
{
	display: flex;
	justify-content: space-around;
	background-color: #076285;
	padding: 4px;
}

.footer
{
	font-size: 14px;
	color: white;
}

.footer a, #copyright a:visited
{
	color: #ffc;
	text-decoration: none;
}

.footer a:hover
{
	color: #fc0;
	text-decoration: none;
}

/* **** Page Images **** */

.imgl
{
	float: left;
	padding: 0 10px 10px 0;
}

.imgr
{
	float: right;
	padding: 0 0 10px 10px;
}

.img
{
	padding: 5px;
}

.imgb, .imgbt
{
	padding: 10px;
	background-color: white;
	margin: 10px;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #999;
}

.imglb, .imglbt
{
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #999;
	font-size: 10px;
	text-align: center;
}

.imgrb, .imgrbt
{
	float: right;
	padding: 10px;
	margin: 0 5px 10px 10px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #999;
	font-size: 10px;
	text-align: center;
}

.imgcb, .imgcbt
{
	padding: 10px;
	margin: 0 auto;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 2px 2px 4px #999;
	font-size: 10px;
	text-align: center;
}

.imglbt, .imgrbt, .imgcbt, .imgbt
{
	padding: 10px 10px 2px 10px;
}

/* **** Links Pages **** */

.link
{
	margin-bottom: 15px;
}

.linkcontainer
{
	background-color: #f8f8f8;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	padding-bottom: 5px;
	margin: 0 15px 10px 10px;
	border-radius: 10px;
}

.linktitle
{
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	background-color: #439ec1;
	padding: 3px;
}

.linktitle a, .linktitle a:visited
{
	font-weight: normal !important;
	color: white !important;
	font-size: 17px;
	text-decoration: none;
}

.linktitle a:hover
{
	color: #f60;
	text-decoration: underline;
}

.linkpages
{
	display: none;
	float: right;
	border: 1px solid black;
	padding: 2px;
	background-color: #0c6b0b;
	color: white;
}

.linkpages a, .linkpages a:visited
{
	font-weight: bold;
	color: yellow;
	text-decoration: none;
}

.linkpages a:hover
{
	color: white;
	text-decoration: underline;
}

.linktext
{
	margin: 3px 10px 0 20px;
	text-align: justify;
}

.website
{
	font-style: italic;
	margin: 5px 0 0 35px;
}

.website a, .website a:visited
{
	font-style: normal;
	font-weight: bold;
	color: blue;
	text-decoration: none;
}

.website a:hover
{
	color: #080;
	text-decoration: underline;
}

/* **** FAQs **** */

.faqq
{
	font-size: 15px;
	font-weight: bold;
	color: #080;
	margin: 0 0 5px 0;
}

.faqa
{
	font-size: 13px;
	color: #040;
	margin: 0 0 15px 30px;
}

/* **** Upcoming Events Box (Home page) **** */

.eventbox
{
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
}

.eventbox h2
{
	margin: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3788a8;
	color: white !important;
	height: 30px;
	font-size: 20px !important;
}

.eventboxinner.evhome
{
}

.event
{
	background-color: white;
	margin: 10px;
	border-radius: 4px !important;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.event:hover
{
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.event.evhome
{
	margin: 12px 10px !important;
}

.evtitle
{
	background-color: #3788a8;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	padding: 4px 8px !important;
	color: white;
}

.evdate.evhome
{
	text-align: center !important;
	color: #333 !important;
	background-color: #eee;
	padding: 2px 0;
	font-size: 13px;
}

.evloc
{
	font-size: 12px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.evtext
{
	padding: 0 5px;
}

.evtext p
{
	margin-top: 0 !important;
	font-size: 13px;
}

.evtext p+p
{
	margin-top: 10px;
}

img.evpicture
{
	margin: 0 auto 5px auto !important;
	padding: 0 !important;
	width: 200px !important;
}

/* **** Diary **** */

/* ********** Diary List Table/Divs ********* */

.diarymain
{
	border: 0;
}

.diarylist
{
	background-color: transparent;
	border: 0;
	width: 100%;
}

.diarylist th
{
	padding: 10px 0 0 0;
}

.diarylist th .diaryheader
{
	text-align: center;
	background-color: #076285;
	padding: 2px 0;
	margin: 0;
	font-size: 16px;
	color: white;
}

.diarylist td
{
	background-color: #dbecf3;
	padding: 8px;
	font-size: 15px;
}

.diarylist td p
{
	margin: 2px 0;
	font-size: 15px !important;
}

.diarylist td p+p
{
	margin: 8px 0 2px 0;
}

.linkstbl
{
	width: 100%;
}

.rhbox
{
	margin: 0 0 20px 10px;
	padding: 10px;
	background-color: #f4f4f4;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.diaryh3
{
	text-align: center;
	font-size: 18px;
	background-color: #076285;
	color: white;
	padding: 4px 8px;
	margin-top: 0;
}

.diaryh3 a
{
	color: white !important;
}

.diaryh3 a:hover
{
	color: yellow !important;
	text-decoration: none;
}

.diarymemlogo
{
	background-color: white;
	padding: 5px;
	border: 1px solid #777;
	float: left;
	margin: 2px 10px 10px 0;
}

.rhmonth
{
	text-align: center;
	margin: 10px 0 3px 0;
	font-size: 15px;
	font-weight: bold;
	color: #036;
}

.rhentry
{
	padding: 8px;
	background-color: #dbecf3;
	margin-bottom: 5px;
}

.rhsgtitle
{
	text-align: center;
	border-radius: 5px;
	background-color: #bcf;
	border-right: 1px solid #778;
	border-bottom: 1px solid #778;
	padding: 2px 0;
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 13px;
}

.rhetitle
{
	margin: 1px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	color: #036;
}

.rhedate
{
	font-size: 15px;
	font-style: italic;
	margin: 0 0 0 20px;
	color: #333;
}

.rheinfo
{
	font-size: 12px;
	margin: 0 0 5px 20px;
}

.rhsginfo
{
	font-size: 12px;
	margin: 0 0 20px 20px;
}

/* ********** Member List Table ********* */

.memlist td
{
	background-color: #dbecf3;
	padding: 8px;
	font-size: 14px;
	line-height: 1.8em;
}

.memlogo
{
	background-color: white;
	padding: 5px;
	box-shadow: inset 1px 1px 3px rgba(30, 30, 90, 0.5);
}

/* **** Cookie Law: Push-down bar and table **** */

/* **** Cookie Push-down bar **** */

#cklbox
{
	box-sizing: border-box;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	background-color: #d00;
	background-color: #333;
	box-shadow: 0 2px 4px #555;
	display: none;
	position: fixed;
	text-align: left;
	justify-content: space-between;
	font-size: 16px;
	z-index: 999;
	width: calc(100% - 2px);
	left: 0;
	top: 0;
	color: white;
	padding: 5px 20px;
	font-weight: normal;
}

#cklmsg a, #cklmsg a:visited
{
	color: yellow;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

#cklbox a:hover
{
	text-decoration: underline;
}

#cklhide
{
	display: inline-flex;
	min-width: 80px !important;
	justify-content: center;
	align-items: center;
	margin: 3px 25px 0 60px;
	font-weight: bold;
	padding: 4px;
	border-radius: 2px;
	font-size: 20px;
	background-color: #f0d800;
	cursor: pointer;
	color: black;
}

#cklhide:hover
{
	background-color: yellow;
}

table.ckl th
{
	background-color: #5077b1;
	color: white;
	border-radius: 5px;
	border-right: 1px solid #400;
	border-bottom: 1px solid #400;
	padding: 2px 5px;
}

table.ckl td
{
	background-color: #fcfffc;
	border-radius: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 5px;
}

table.ckl tr:hover td
{
	background-color: #f0fff0;
}

/* **** Popup Tooltip **** */

#popuptooltip
{
	text-align: left;
	border: 1px solid black;
	border-radius: 7px;
	font-size: 11px;
	padding: 8px;
	background-color: #ffe;
	color: black;
	z-index: 1000;
	box-shadow: 3px 3px 3px #222;
}

/* **** Site Update Message **** */

#siteupdate
{
	color: red;
	border-radius: 2px;
	padding: 3px 8px;
	margin: 5px;
	font-size: 11px;
	background-color: #fefcea;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

#siteupdatebold
{
	font-weight: bold;
}

#siteupdate
{
	background-color: #ff0;
	color: red;
	font-weight: bold;
	border: red solid 2px;
	border-radius: 2px;
	padding: 3px;
	font-size: 13px;
	letter-spacing: normal;
}

#sitemsg
{
	color: white;
	padding: 3px 8px;
	background-color: #09384b;
	font-size: 15px;
	margin-bottom: 5px;
}

#oldbrowser
{
	padding: 10px;
	border: 2px solid red;
	text-align: left;
	background: url("/dlib/images/browsers/warning.png") no-repeat yellow 5px 5px;
	margin: 5px 0;
}

#oldbrowser .browser
{
	float: right;
	width: 50px;
	text-align: right;
	padding-right: 10px;
}

#oldbrowser .message
{
	font-size: 16px;
	margin: 3px 0 0 100px;
	color: #400;
}

#oldbrowser a, #oldbrowser a img
{
	border: none;
}

/* **** Misc **** */

.errormessage
{
	border: 1px solid red;
	padding: 0 5px 5px 5px;
	background-color: #ffc;
	color: red;
}

/* **** Clearfix **** */

.clearfix:after
{
	content: "";
	display: table;
	clear: both;
}