@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too.css : 2005.08.29
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
* {

	}
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 0em;
}


/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin: 0px;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
	background-color: #FBECD1;
}
#pageWrapper
{
	border: solid 1px #fff;
	border-width: 0 1px;
	min-width: 40em;	/* IE doesn't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	margin:0px auto; /* Important to center div */
	width: 720px;
	text-align:left;
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0px;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 193px #fff;
	border-right: solid 14em #fff;
}
#innerColumnContainer
{
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 13px 13px 13px -14px;
	width: 500px;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -193px;
	width: 193px;
	z-index: 4;
}
#footer
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.25em;
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}

/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */
.vnav
{

}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */
#pageWrapper, #masthead, #innerColumnContainer, #footer
{
	border-color: #565;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	background-color: #FBECD1;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#pageWrapper
{
	font-size: 0.8125em; 
	line-height: 1.5em; 
	background-image: url(/images/bkg-stripe.jpg);
}
#masthead
{


}
.hnav
{
	border-bottom: 1px solid #000000;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12pt;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.hnav a:link {color:#000000; text-decoration: none; }
.hnav a:visited {color: #000000; text-decoration: none; }
.hnav a:active {color: #000000; text-decoration: none; }
.hnav a:hover {color: #65403A; text-decoration: underline; }

.hnav td {
	vertical-align:middle;
	text-align:center;
}


#outerColumnContainer
{
	border-left-color: transparent ;	/* left column background color */
	
	border-right-color: #cdc;	/* right column background color */
	/*background-color: #fff;		/* set the background color for the middle column here */
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#footer
{
	text-align: center;
}

/******************************************************************************/

/* BEGIN TO HIDE RIGHT COLUMN */
html>body #rightColumn
{
	display: none;	/* for compliant browsers, hide this column entirely */
}
* html #rightColumn *
{
	display: none;	/* ie's ghost-text bug is triggered by key elements
			   having display:none set. #rightColumn is one of those
			   key elements. so we display:none all child
			   elements (doesn't trigger the bug) and try to
			   make #rightColumn have no chance to affect
			   document flow. */
}
#rightColumn
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: none;	/* remove anything that'll give this elemnt width. */
}
#outerColumnContainer, #innerColumnContainer
{
	border-right-width: 0;	/* to get from 3 to 2 columns, we must hide the
				   right-side border */
}
#innerColumnContainer
{
	margin-right: 0;
}
/* END TO HIDE RIGHT COLUMN */

.errormsg {
	color:#ff0000;
}

.guestbookname {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:larger;
	font-weight:bold;
	margin-bottom:0;
}

.guestbooklocation {
	margin-top:0px;
	margin-left:2em;
	font-style: italic;
}

.guestbookmessage {

}

h1, h2, h3, h4 {
font-family:Georgia, "Times New Roman", Times, serif; 
margin-bottom: 0.5em;
}

h1 { font-size: 1.8em; text-align:center;}
h2 { font-size: 1.4em; text-align:center; vertical-align:middle;}
h3 {
	font-size: 1.0em;
	border-bottom:thin solid #000000;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	margin-top: 30px;	
}

.tagline1 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-style:italic;
	margin-top:0;
	margin-bottom:0;
}

.tagline2 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	font-style:italic;
	margin-top:0;
	margin-bottom:0;
}

th, .obitdates {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:larger;
	font-weight:bold;
}

img.floatleft {
	float:left;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 1px;
	margin-left: 0px;
}

a:link {color:#000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: none; }
a:hover {color: #65403A; text-decoration: underline; }
td, th {vertical-align: top;}

.obitoddrow {
	background-color: #D7BC8C;
}

.obitevenrow {
	background-color: #AE876E;
}

.obitlistname {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:larger;
	margin-bottom:0;
	font-weight:bold;
}

.obitlistdate {
	margin-top:0px;
	margin-left:2em;
	font-style: italic;
}