/* primary css */


* {
	border: 0;
	margin: 0;
}

.scale:hover {
	scale:.9;
}

/* LAYOUT */
body {
	font: 15px "Trebuchet MS", Helvetica, sans-serif;
	color: #222222;
	background: #002380;
	line-height: 20px;
	}
#maincolumn {
	width: 1000px;
	margin: 0px auto;
	}
header {
	width: 1015px;
	height: 150px;
	}
main {
	width: 100%;
	background-color: #95a2c7;
	padding:15px;
	border-radius: 12px;
	}
footer {
	font-size: 13px;
	margin:10px 0px 10px 0px;
	color:#DDDDDD; 
	text-align:center;
	}

#left {
	float:left;
	width: 680px;
	height:100%;
	padding-right:15px;
	border-right: 1px #777777 solid;
	}
#right {
	float: right;
	width: 290px;
	}

/* end LAYOUT */


/* UNIVERSAL */
H1 {
	font-size: 24px;
	font-weight: 100;
	color:#444444;
	padding: 0px 0px 10px 0px;
	}
H2 {
	font-size: 20px;
	font-weight: 100;
	color: #002380;
	padding: 0px 0px 15px 0px;
	}
H3 {
	font-size: 16px;
	font-weight: 100;
	color:#FFFFFF;
	}
H4 {
	font-size: 14px;
	font-weight: 100;
	color:#FFFFFF;
	}
H5 {
	font-size: 20px;
	font-weight: 100;
	color: #ffffff;
	padding-bottom: 5px;
	}
H6 { /* H2 modified for right panel */
	clear:both;
	font-size: 20px;
	font-weight: 100;
	color: #002380;
	padding: 30px 0px 10px 0px;
	}

.hl {
	clear:both;
	border-bottom: 1px solid #d1dee7;
	width:auto;
	}

a {
	text-decoration: none;
	font-weight:600;
	color: #2323c7;
	}
a.tinytext {
	text-decoration:underline;
	font-weight:400;
	color:blue;
	}
a:hover {
	color: #FFFFFF;
	}

p.body {
	margin-bottom:10px;
	}

div.section {
	clear:both;
	margin:30px 0px 15px 0px;
	}

.buffer-big {
	clear:both;
	height:30px;
	}

.indent {
	clear:both;
	padding-top:5px;
	margin-left:20px;
	}

/* end UNIVERSAL */


/* DEFINED */
.floatleft {
	float:left; 
	margin: 0px 10px 5px 0px;
	}
.floatright {
	float:right;
	margin: 0px 0px 5px 10px;
	}

.title {
	float:left;
	height:25px;
	}

.smalltext {
	font-size: 14px;
	line-height: 17px;
	color: #444444;
	}
.smalltitle {
	float:left;
	font-weight:bold;
	}
.tinytext {
	font-size: 13px;
	line-height: 14px;
	color: #333333;
	}

.white-inline {
	float:left;
	color:#FFFFFF;
	margin-right:5px;
	}

.flag {
	height: 34px;
	margin-top: 3px;
	}

div.summary {
    height:250px;
	margin: 20px 0px 15px 0px;
	}

div.nosummary {
	height:inherit;
	margin-bottom:15px;
}

p.summary {
	font-family: "Maiandra GD", Palatino, "Book Antiqua", "Times New Roman";
	font-size: 19px;
	text-align:center;
	color:#222222;
	line-height: 110%;
	height:inherit;
	padding: 0px 40px 5px 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.contact {
	margin-top:15px;
	line-height:120%;
	}
	
.caption {
	font-size: 12px;
	font-style:italic;
	color: #333333;
	line-height: 125%;
	}
/* end DEFINED */


/* NAVIGATION */
.hover:hover {
	opacity:1;
	scale:1.15;
}
div.nav {
	float:right;
	width: 75px;
	height:30px;
	padding: 105px 2px 0px 0px;
	}
.home {
    float:right;
    height:30px;
	}
img.home {
	position:absolute;
	height:30px;
	}
img.homehover {
	position:relative;
	height:30px;
	opacity: 0;
	}
.back {
    float:left;
    height:30px;
	}
img.back {
	position:absolute;
	height:30px;
	}
img.backhover {
	position:relative;
	height:30px;
	opacity: 0;
	}

/* end NAVIGATION */


/* EVENTBOX */
div.eventbox {
	float: left;
	width: 313px;
	margin: 10px 20px 0px 0px;
	}
.eventboxtext {
	padding-top:5px;
	color:#FFFFFF;
	}


/* RIGHTBOX */
div.rightbox {
	float: left;
	width:100%;
	padding-top:15px;
	}
img.rightbox {
	width: 60px;
	}
a.rightbox {
	font-size:14px;
	}


/* OTHER BOXES */
img.sitebox {
	height: 34px;
	}

div.highlightbox {
	background-color: #ccccff;
	padding: 15px;
	}

div.sidebarbox {
	float:right;
	padding: 15px;
	margin: 10px 0px 5px 10px;
	background-color: #576faf;
	font-family: Palatino, "Book Antiqua", "Times New Roman";
	font-size: 14px;
	color: #eeeeee;
	line-height: 120%;
	}

div.memorialbox {
	width:300px;
	background-color: #BBBBEE;
	padding:10px;
	margin-top:10px;
	line-height: 110%;
	font-size:12px; 
	color:#333333;
	}
img.memorialbox {
	float:left;
	width:80px;
	margin-right:10px;
}
#memorialname {
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	padding: 5px 0px;
	}
#memorialheart {
	float:left; 
	margin-right:8px; 
	margin-top:4px;
}
/* end OTHER BOXES */


.time {
	float: left;
	width: 150px;
	height: 65px;
	background-color: #bbbbbb;
	border-radius: 3px 0px 0px 3px;
	}
.weather {
	float: left;
	width: 173px;
	height: 60px;
	}