/* 0 BASIC TAGS */
body {
	min-height: 100%;
	height: 100%;
	border: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 10pt;
	padding: 1px;
	color: #00823A;
	margin: 0;
	text-align: center;
	background-color: #00823A;
}

html, body, form { height: 100%; }

#maincontentcenter {
	width: 100%;
	max-width: 100%;
	background-color: #ffffff;
	color: #00823A;
	height: auto;
	min-height: 100%;
	margin-right: 5px;
	margin-left: 5px;
}

#maincontentleft {
	width: 240px;
	min-width: 240px;
	background-color: #00823A;
	color: #00823A;
	height: 95%;
	min-height: 95%;
}

#maincontentright {
	width: 240px;
	min-width: 240px;
	background-color: #00823A;
	color: #00823A;
	height: 95%;
	min-height: 95%;
}

.pagehdr {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	padding: 2px;
	padding-left: 5px;
	font-size: 16pt;
	text-align: left;
}

table {
	font-size: 1em;
}

h1, h2, h4 {
	margin: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	text-transform: none;
	font-size: 14pt;
}

h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 16pt;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #005232;
	height: 1px;
	margin: 4px 0;
}

a {
	color: #013220;
}


a:visited {

}

a:hover {
	text-decoration: underline;
	color: #DBB94F;
}

	a:active {
	}


img {
	border-width: 0;
}

.btn {
	background-color: #00823A;
	border-radius: 3px;
	border: none;
	color: white;
	padding: 6px 10px;
	font-size: 16px;
	cursor: pointer;
	width: 80px;
}

.navbtn_small {
	background-color: #00823A;
	border-radius: 2px;
	border: none;
	color: white;
	padding: 4px 4px;
	margin: 0px 1px;
	font-size: 10px;
	cursor: pointer;
}
/* 1 HEADER */

.header {
	display:flex;
	background-image: url(Images/header.gif);
	background-repeat:repeat-x;
	justify-content:center;
	margin: 2px auto 5px auto;
	padding-top:5px;
}

h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 45px;
	font-size: 11px;
}

.menua {
	position: absolute;
	right: 37px;
	top: 13px;
	text-transform: uppercase;
	font-size: 11px;
	z-index:999;
}

.nav {
	position: relative;
	text-align:center;
	top: 0px;
	text-transform: uppercase;
	font-size: 11px;
}

.menua a:visited, .nav a:visited {

}

/* 1.1 SHIM */

.shim {
	display: none;
}

.newstitle
{
	font-family:Times New Roman;
	text-transform: uppercase;
	font-size: 16px;
}


/* 2 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px;
}

.pagesemiwide {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1100px;
}

.pagewide {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1200px;
}

h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}

.panel {
	padding: 5px;
	border-left: #000000 1px outset;
	border-right: #000000 1px outset;
	border-bottom: #000000 1px outset;
	color: #000000;
	background-color: #ffffff;
	vertical-align: top;
}

.panel_title {
	height: 20px;
	border-top: #000000 1px outset;
	border-left: #000000 1px outset;
	border-right: #000000 1px outset;
	background-color: #363636;
	color: #ffffff;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(Images/green_chrome_sm.jpg);
	background-repeat: repeat-x;
}

.panel_title_icon {
	display: none !important;
}

.calendar {
	min-height: 600px;
	max-height: 720px;
}

.calendarDay {
	height: 18px;
	border-top: #000000 1px outset;
	border-left: #000000 1px outset;
	border-right: #000000 1px outset;
	background-color: #363636;
	color: #013220;
	background-image: url(Images/green_chrome_lt.jpg);
	background-repeat: repeat-x;
	font-size: 10pt;
}

.calendarHeader {
	height: 36px;
	max-height: 36px;
	background-color: #363636;
	color: #090096;
	background-image: url(Images/green_chrome_lt_lg.jpg);
	background-repeat: repeat-x;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 12pt;
}

.caption_small {
	background-color: #DBB94F;
	border-radius: 2px;
	border: none;
	font-weight: bold;
	color: white;
	padding: 6px 8px;
	font-size: 12px;
	cursor: pointer;
}

.albumcaption {
	display: inline-block;
	height:24px;
}

.caption {
	font-size: 11pt;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* 2.1 ALL PAGES */

#default, #resume, #links, #albums, #videos, #photos, #calendar, #details, #documents, #familytree, #countryorigins, #admin-changepwd #admin-albums, #admin-calendar, #admin-news, #admin-photos, #admin-details, #admin-documents, #admin-familytree {
	width: 1000px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 16px;
}

#admin-users {
	width: 1100px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 16px;
}


#slideshow {
	width: 1000px;
	padding-top: 1px; /* Weird Mozilla Bug */
}

#slideshowcinema {
	width: 1280px;
	padding-top: 1px; /* Weird Mozilla Bug */
}

#sidebar 
{
	float: left;
	width: 240px;
	text-align:left;
	height: 100%;
}

#login 
{ 
    text-align:center; 
	width: 244px;
	height: 100%;
}

#content {
	margin-left: 256px;
}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	width:88%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt
{
    position: absolute;
    left: 0;
    font-weight: bold;
    padding-top:5px;
}

dd {
	margin-left: 164px;
	height: 2.0em;
	padding-top:5px;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.view {
	display: flex;
	justify-content: center;
	align-items: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
	display:flex;
	height:120px;
}

.albumphotos {
	text-align:center;
	padding: 15px 40px 5px 40px;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}


.buttonbar, .buttonbar-top {
	width:860px;
	background-image: url(Images/black_chrome.jpg);
	background-repeat: repeat;
	margin-bottom: 5px;
	text-align: center;
}

.menub {
	margin: 8px auto 2px auto;
	text-transform: uppercase;
	font-size: 11px;
}

.menub a:visited {
	color: #7F0000;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

.dynamicmenuitem
{
	font-size: 10px;
    font-family: Verdana,Sans-Serif;
    color: #DBB94F; 
    background-image: url(Images/menubackground1.gif);
    background-repeat:repeat;
    cursor: pointer;
    border-right: #DBB94F 1px solid;
    border-top: #DBB94F 1px solid;
    border-left: #DBB94F 1px solid;
    border-bottom: #DBB94F 1px solid;
    padding:1px;
}

.newstitle {
	text-transform: uppercase;
	font-size: 16px;
	font-weight:bold;
}

.gridedit
{
	background-color:#4682B4;
    font-family: Verdana,Sans-Serif;
    color: #ffffff; 
}

.panel_calendar_title {
	background-color: #00823A;
	border-radius: 3px;
	border: none;
	color: white;
	padding: 10px 16px;
	font-size: 16px;
}

	.panel_calendar_title::before {
		font-family: 'FontAwesome';
		content: '\f073';
		font-weight: 900;
		padding-right: 7px;
	}

/* tab items. used in tabstrip.ascx 
note that background colors and border colors are set on the
ascx control itself. these styles should only be used for formatting
the text of the tab
*/

.tab_selected
{
    width: 100px;
    color: black;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;  
}

a.tab_selected
{
    text-decoration: none;
}

.tab_unselected
{
    width: 100px;
    color: black;
    height: 16px;
    text-decoration: none;
    font-size: 8pt;
}

a.tab_unselected
{
    text-decoration: none;
}

a.tab_unselected:hover
{
    color: #b22222;
}

.effnewsdate
{
    color: #DBB94F;
}