/*  styles/html5indexscreen.css  */
/*  Style sheet for index.html and latest.htm only  */

/*  RESET  */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*  START OF SPECIFIC CODE  */
a:link {color: #009; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:visited {color: #A0F;} 
a:hover {color: #F00;}
a:active {color: #FF8C00;}
	
html {background: #666; color: #000;}

body {position: relative; background: #FFF; color: #000; margin: auto; margin-top: 0; margin-bottom: 0px; min-width: 750px; max-width: 1050px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0;}
/*  FONTS  */       

/*
 * Web Fonts from fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2011 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 */

@font-face {
    font-family: 'FranklinGothicFSHeavy';
    src: url('../fonts/FranklinGothic-Hvy-webfont.eot');
    src: url('../fonts/FranklinGothic-Hvy-webfont.eot?iefix') format('eot'),
         url('../fonts/FranklinGothic-Hvy-webfont.woff') format('woff'),
         url('../fonts/FranklinGothic-Hvy-webfont.ttf') format('truetype'),
         url('../fonts/FranklinGothic-Hvy-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {font-family:'FranklinGothicFSHeavy', Verdana, Arial, Helvetica, sans-serif;}

h1 {font-weight: normal; font-size: 3.00em; margin-top: 0; margin-bottom: 0;}
h2 {font-weight: normal; font-size: 1.75em; margin-top: 0; margin-bottom: 0;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #000;}
.light {color: #FFF;}

strong {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.red {color: #F00;}

/*  Effects  */
.shadow1 {box-shadow: 5px 5px 5px #999;}
.shadow2 {box-shadow: 2px 2px 8px #999;}

.radius1 {border-radius: 5px;}
.radius2 {border-radius: 3px;}
.radius3 {border-radius: 10px;}

/*  MAIN STRUCTURE  */
#top-container {position: relative; margin: 0; height: 130px;}
#main-container {position: relative; margin: 0;}
#body-container {position: relative; min-height: 300px; margin: 0 20px 0 190px;}
#full-width-body-container {position: relative; top: 70px; margin: 0 0 100px 0; padding: 0 20px 0 20px;}
#single-block-container, #third-block-container {position: relative; margin: 10px 0 10px 0; background: #FFF;}
.third-block-left, .third-block-mid, .third-block-right {position: relative; width: 30%; border: 2px solid #999; height: 450px;}
.third-block-left, .third-block-mid {float: left;}
.third-block-right {float: right;}
.third-block-left {margin: 0 4.5% 0 0;}
.single-block {position: relative; margin: 0 0 10px 0; border: 2px solid #999; height: 280px;}
.single-block-hover, .third-block-left-hover, .third-block-mid-hover, .third-block-right-hover {border: 2px solid #F00;}
.endfloat {clear: both;}

footer {position: relative; margin: 0; height: 100px;}

/*  TOP  */
#titleblock_black {height: 100px; background-color: #333; padding-top: 20px; padding-left: 20px; min-width: 640px;}
#nameimage_black {position: relative; margin-top: 10px; margin-left: -5px;}
/*logo sprite*/
a.ghg_name {position: relative; margin-top: 10px; margin-left: 0; display: block; width: 420px; height: 60px; text-decoration: none;}
a.ghg_name {background: url('../images/gh_name_sprite.png'); repeat: none;}
a.ghg_name:hover {background-position: -420px 0;}
/*end of logo sprite*/  

#searchbox {position: absolute; top: 30px; right: 30px; width: 220px; height: 50px; padding: 4px 2px 2px 2px; background-color: #FFF;}
#titleblock_print {display: none;}
	
/* DHTML-MENU loaded at foot of page */
#dmenu-load-at-foot {position: absolute; z-index: 10; margin-left: 0; top: 120px;}
#horz_menu a {width: 92px; height: 20px; display: block; float: left; margin: 10px 0 10px 10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 0.80em; color: #FFF; text-decoration:none;}
#horz_menu a {padding: 5px 5px 2px 5px; text-decoration: none;}
#horz_menu a:hover {font-weight: bold;}
#horz_menu a:active {background-color: #333; font-weight: normal;}

#menuitem_1 {background-color: #333;}
#menuitem_2 {background-color: #900;}
#menuitem_3 {background-color: #066;}
#menuitem_4 {background-color: #090;}
#menuitem_5 {background-color: #636;}
#menuitem_6 {background-color: #C03;}

.vert_menu {position: absolute; visibility: hidden; display: none; width: 175px; font-weight: normal; background-color: #FFF; color: #000; margin-top: -119px; margin-left: 0px;}
.vert_menu a {display: block; float: none; border: 1px solid #000; margin-top: -1px; margin-left: 0; padding: 3px 3px 3px 5px; text-decoration: none; font-size: 0.80em; background-color: #FCFCFC; color: #000; -webkit-box-shadow: 2px 2px 8px #999; -moz-box-shadow: 2px 2px 8px #999; box-shadow: 2px 2px 8px #999;}
.vert_menu a:hover {background-color: #555; color:#FFF; font-weight:bold;}
.vert_menu a:active {background-color: #555; color:#FFF; font-weight:normal;}

/*  BREADCRUMBS  */
#breadcrumbs {position: absolute; top: 170px; margin-left: 10px; height: 15px; padding: 2px 0 2px 0; border-style: none; text-align: left; font-size: 60%; color: #555; z-index: 5;}
/*  END OF TOP SECTION  */
	
/*  DROP SHADOW ELEMENTS */	

.footer-link, .footer-link-no-menu-button {background: #FFF; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; text-align: left; min-height: 48px;}
.footer-link {margin: 0 0 0 190px;}
.footer-link-no-menu-button {margin: 0 20px 0 20px}
.footer-link-index {margin: 0; padding: 7px 0 7px 10px}
.footer-link-main {margin: 0; padding: 7px 0 7px 10px}
.footer-link-latest {margin: 0 0 0 150px; background: #FFF; border: 1px solid #999; font-size: 0.70em; text-align: left; min-height: 50px;}



/*  FOR ELEMENTS WITHIN DROP SHADOWS  */
.third-block-head, .single-block-head, .contents-block-head {margin: 3px; padding: 7px; font-size: 1.20em;  font-weight: bold;font-style: normal;}
.single-block-head a:link,    .third-block-head a:link    {color: #FFF; text-decoration: none;}
.single-block-head a:visited, .third-block-head a:visited {color: #F00; text-decoration :none;} 
.single-block-head a:hover,   .third-block-head a:hover   {color: #F00; text-decoration: underline}
.single-block-head a:active,  .third-block-head a:active  {color: #FFF; text-decoration: underline}

.third-block-text 		{margin: 3px; padding:  5px 10px 5px 10px;  font-size: 0.80em; color: #555; line-height: 130%;}
.single-block-text 		{margin: 0;   padding: 50px 10px 10px 50px; font-size: 0.80em; color: #000; line-height: 130%;}
.single-block-text-more {margin: 0;   padding: 10px 10px 10px 50px; font-size: 0.80em; color: #000; line-height: 130%;}
.single-block-img 		{float: left; padding: 0 50px 0 0;}

a.left_arrow, a.right_arrow, a.up_arrow, a.down_arrow {display: block;width: 25px;height: 25px;text-decoration: none;background: url('../images/arrow_sprite.png');background-color: #FBEC5D;}
a.left_arrow 		{background-position:   0     0  ;}
a.right_arrow 		{background-position:   0   -25px;}
a.up_arrow 			{background-position:   0   -50px;}
a.down_arrow 		{background-position:   0   -75px;}
a.left_arrow:hover 	{background-position: -25px   0  ;}
a.right_arrow:hover {background-position: -25px -25px;}
a.up_arrow:hover 	{background-position: -25px -50px;}
a.down_arrow:hover 	{background-position: -25px -75px;}
a.left_arrow:hover, a.right_arrow:hover, a.up_arrow:hover, a.down_arrow:hover{border-radius: 5px;-moz-border-radius: 5px;box-shadow: 2px 2px 8px #999;-webkit-box-shadow: 2px 2px 8px #999;-moz-box-shadow: 2px 2px 8px #999;}

.validatorblock {border: 0; border-color: #FFF; margin-top: 10px; margin-bottom: 0; text-align: center;}
.copyright-and-credits {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0; text-align: center; font-size: 0.70em;}
.page-credit-head {margin: 0; padding: 10px; background: #333; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; font-style: normal;}
.page-credit-text {margin: 0 0 0 0; padding: 10px; background: #333; color: #DDD; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-style: normal;}
.validator-html5 {
	height: 70px;
	margin: auto;
	margin-top: 0;
	padding: 10px;
	text-align: center;
	background: #333;
	z-index: 5;
	position: relative;
	}
.validator img {box-shadow: none;}
.cookies {margin: 20px 0 0 0; background-color: #666; font-size: 0.70em; padding: 5px; border: 0px solid #FFF;}

.noborder {margin: 0;border: 0 solid #000;}
.noshadow {box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}

.endfloat {clear: both;}
	
.screenonly {	}
.printonly {display: none;}
	
.nohh {	}	

.textpara {margin-bottom: 10px; font-size: 0.80em; line-height: 150%;}

/* PICTURES */
img {margin: 0 5px -3px 5px; border: none; box-shadow: 7px 7px 8px #999; -webkit-box-shadow: 7px 7px 8px #999; -moz-box-shadow: 7px 7px 8px #999;}
/*  no drop shadows  */
.img_noshadow {border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.img_180_180 {margin: 20px 0 0px 10px; border: 1px solid #999; box-shadow: 7px 7px 8px #999; -webkit-box-shadow: 7px 7px 8px #999; -moz-box-shadow: 7px 7px 8px #999;}
.img_180_180:hover {margin: 17px 0 3px 10px; border: 1px solid #F00; box-shadow: 7px 7px 8px #999; -webkit-box-shadow: 7px 7px 8px #999; -moz-box-shadow: 7px 7px 8px #999;}

/*  graphic menus  */
.menu-container {margin: 0 0 20px 0; text-align: center; background-color: #FFF; position: relative;}
.menu-container a:link, .menu-container a:visited, .menu-container a:hover, .menu-container a:active  {color: #FFF; text-decoration: none;}
.menu-item {
	border: 5px solid #EEE;
	box-shadow: 5px 5px 5px #999;
    position: relative;
	float: left;
	background-color: #FFF;
    width: 120px;
	height: 120px;
	margin: 10px 20px 10px 0;
	line-height: 14px;
}
.menu-container img {
	border: none;
	border-bottom: 1px solid #EEE;
	box-shadow: none;
	position: relative;
	margin: 0;
	}
.menu-item-footer {
	border: 5px solid #EEE;
    position: relative;
	float: left;
	background-color: #FFF;
    width: 120px;
	height: 40px;
	margin: 0 20px 10px 0;
}
.menu-itemhover, .menu-item-footerhover{
	border: 5px solid #F00; 
	box-shadow: 10px 10px 10px #800000;
}
.menu-itemhover {margin: 9px 20px 11px 0;}
.menu-item-footerhover, .menu-item-footer:hover {margin: -3px 20px 13px 0;}
.menu-item:hover a:link,    .menu-item-footer:hover a:link {text-decoration: none;}
.menu-item:hover a:visited, .menu-item-footer:hover a:visited {text-decoration: none;} 
.menu-item:hover a:hover,   .menu-item-footer:hover a:hover {text-decoration: none;}
.menu-item:hover a:active,  .menu-item-footer:hover a:active {text-decoration: none;}
.menu-item-footerhover {margin: -3px 20px 13px 0;}

.menu-container h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 0.80em; font-weight: bold; text-align: left; padding: 0 5px 0 5px; margin: 0;}
.menu-container p {color: #DDD; font-size: 0.70em; padding: 0 5px 0 5px; margin: 0;}
.clr0 {background-color: #333; color: #FFF;}
.clr1 {background-color: #900; color: #FFF;}
.clr2 {background-color: #066; color: #FFF;}
.clr3 {background-color: #090; color: #FFF;}
.clr4 {background-color: #636; color: #FFF;}
.clr5 {background-color: #C03; color: #FFF;}
.clr6 {background-color: #339; color: #FFF;}
.clr7 {background-color: #906; color: #FFF;}
.clr8 {background-color: #063; color: #FFF;}
.clr9 {background-color: #006; color: #FFF;}
.clr10 {background-color: #630; color: #FFF;}
.clr11 {background-color: #E00000; color: #FFF;}

/*  menu element images  */

a.menu_1, a.menu_2, a.menu_3, a.menu_4, a.menu_5, a.menu_6, a.menu_7, a.menu_8, a.menu_9, a.menu_10, a.menu_11, a.menu_12, a.menu_13, a.menu_14, a.menu_15, a.menu_16 {
	display: block;
	width: 120px;
	height: 50px;
	text-decoration: none;
	background: url("../menus/images/index_menu_sprite.jpg");
	background-color: #CCC;
	border-bottom: 1px solid #FFF;
	}
a.menu_1 {background-position: 0 0;}
a.menu_2 {background-position: 0 -50px;}
a.menu_3 {background-position: 0 -100px;}
a.menu_4 {background-position: 0 -150px;}
a.menu_5 {background-position: 0 -200px;}
a.menu_6 {background-position: 0 -250px;}
a.menu_7 {background-position: 0 -300px;}
a.menu_8 {background-position: 0 -350px;}
a.menu_9 {background-position: 0 -400px;}
a.menu_10 {background-position: 0 -450px;}
a.menu_11 {background-position: 0 -500px;}
a.menu_12 {background-position: 0 -550px;}
a.menu_13 {background-position: 0 -600px;}
a.menu_14 {background-position: 0 -650px;}
a.menu_15 {background-position: 0 -700px;}
a.menu_16 {background-position: 0 -750px;}

/*  FOR GOOGLE SEARCH  */
.cse-branding-bottom {background-color:#FFF; color:#000;}
.cse-branding-bottom, .cse-branding-right {margin:0; padding:0}
.cse-branding-bottom:after, .cse-branding-right:after {display: block; height: 0; clear: both; visibility: hidden;}
.cse-branding-text {font: 10px Arial;}
.cse-branding-form form {margin-bottom: 0; padding-bottom: 0;}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display: block; float: left;}
.cse-branding-bottom .cse-branding-form {margin-bottom: 3px;}
.cse-branding-bottom .cse-branding-logo {padding: 0; }
.cse-branding-bottom .cse-branding-text {padding-top: 4px;}
.cse-branding-right .cse-branding-form {float: left;}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left: 4px;}
.cse-branding-right .cse-branding-form {float: left; margin-right: 4px;}
.cse-branding-right .cse-branding-logo {padding: 0;}
.cse-branding-right .cse-branding-text {margin-top: -4px;}

.temp_photo {position: relative; margin: 20px 20px 20px 15px;}

/*  for banner  */
#wrapper-block {width: 100%; height: 150px; background: #366; margin: 5px 0 5px 0;}
#wrapper {width: 560px; margin: auto;}

#slider {float: left; position: relative; overflow: auto; width: 560px; height: 150px; border: 0 solid #FFF; background:#FFF;}
#slider ul {position: absolute; list-style: none; top: 0; left: 0;}
#slider li {float: left; width: 600px; height: 150px; margin-left: -5px; padding: 0 10px 0 0px;}

.pagination {float: left; list-style: none; height: 10px; margin: 3px 0 0 0;}
.pagination li {float: left; cursor: pointer; width: 6px; height: 6px; -moz-border-radius: 3px; border-radius: 3px; background:#CCC; border: 0; margin: 0 4px 0 0; text-align: center; color:#FFF;}
.pagination li:hover {background:#F00; border: 0;}
li.current {border: 0; background:#366;}


.obituary {
	width: 90%;
	min-height: 150px;
	margin: auto;
	padding: 10px;
	border: 5px solid #000;	
}
.pointeightem {
font-size: 0.8em;
margin-top: 10px;	
}

.floatleft {
float: left;
margin-right: 20px;	
}

/*  END OF FILE  */