.newwindow {
	background-image: url("images/bg1HC.gif");
	background-repeat: no-repeat;
	font-size: 12pt;
    }

#graphic {
	left: 200px;
	float: left;
	top: -5px;
	position: relative;
	padding: 10px;
}

#logo {
	position: relative;
	left: 0px;
	top: -5px;
	float: left;
}

#vision {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #555;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 150px;

}
.vision {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #555;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;

}

.quote {
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center

}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url("images/bg1HC.gif");
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #333;
	scrollbar-face-color : #6699FF;
scrollbar-highlight-color : #ccc;
scrollbar-3dlight-color : #777;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #666;
scrollbar-arrow-color : #ccc;
	}

a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color:  #000;
	outline: none;
	}
a b{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color:  #000;
	outline: none;
	}

a:visited {
	font-size: 12px;
	color:  #000;
	}
a:active {
	font-size: 12px;
	color:  #000;
	}
a:hover {
	font-size: 12px;
	color: #77aaff;
	text-decoration: underline;
	}

#middle a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color:  #6699FF;
	outline: none;
	}

#middle a:visited {
	font-size: 12px;
	color:  #6699FF;
	}
#middle a:active {
	font-size: 12px;
	color:  #6699FF;
	}
#middle a:hover {
	font-size: 12px;
	color: #77aaFF;
	text-decoration: underline;
	}

.ahem {
	display: none;
	}
blockquote, bq {
border : 1px solid #fff; 
padding: 0.3in 0.3in;
background-color: #6699ff;
color:  #fff;
}
/*blockquote {
border : 2px solid #000;
width: 300px;
float: center;
margin: 0px;
padding: 10px;
background-color: #6699ff;
quotes: "\201C" "\201D";
} 
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
*/
strong, b {
	font-weight: bold;
	}
p td tr  table{
    color: #000;
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1,h2,h3,h4,h5{
   font-family:sans-serif;
   margin-top:1em;
   margin-bottom:.5ex;}
   
   .box {
/*Top level heading with box*/
	font-size: 12px;
	font-style: italic;
    margin-right: 0in;
    text-align:center;
    text-decoration:none;
    font-weight:bolder;
    border: 1px solid #999;
    padding-top: 0.07in;
    padding-bottom: 0.06in;
    padding-left: 0in;
    padding-right: 0in;
	margin-top: .25in;
	margin-bottom: 0in;
}

h1 {/*Top level heading with box*/
	font-size: 14px;
	font-style: italic;
    margin-right: 0in;
    text-align: center;
    text-decoration: none;
    font-weight:bolder;
    border: 1px solid #999;
    padding-top: 0.07in;
    padding-bottom: 0.06in;
    padding-left: 0in;
    padding-right: 0in;
	margin-top: .25in;
	margin-bottom: 0in;
	}
h2 {
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
/*Bulletin heading with box*/
h6{ 
    text-align:center;
    color: #000;
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
    border: 1px solid #ffffff; 
    padding: 0.125in .5in
    }

.title {
 	font-style: italic;
	text-align: center;
	font-family: caslon, garamond, bookman;
	font-size: 2.5em;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
	}
.titledate {
	text-align: center;
	font-family: caslon, garamond, bookman;
	font-size: 1.5em;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}

.service {
	text-align: center;
	font-family: caslon, garamond, bookman;
	font-size: 1.5em;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}


hr {
	border: 1px dotted;
	color: gray;
	}

img {
	border: 0;
	}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-family: tinyfonts, arial, helvetica;
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}
#top {
	margin: 20px 20px 0px 20px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	background-image: url("images/fgmbwinter.jpg");
	background-repeat: repeat;
	width:  805px;
	height: 240px; /* ie5win fudge begins  -- Image area is 235 px Changes IE5.5 PC*/
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 225px; /*doesn't change mozilla nor IE Mac*/
	}
html>body #top {
	height: 215px; /* ie5win fudge ends --Changes Mozilla */
	width:  780px;
	}

#left {
	position: absolute;
	top: 265px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	width: 180px; /* ie5win fudge begins -- doesn't change mozilla nor IE Mac*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; /*doesn't change mozilla nor IE Mac/PC*/
	}
html>body #left {
	width: 120px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}

#middle {
	position: absolute;
	top: 265px;
	left: 20px;
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	width:  443px;
	voice-family: "\"}\"";
	voice-family:inherit;
	left: 15px; /*doesn't change mozilla nor IE Mac*/
	}
html>body #middle {
	left: 0px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}

#right {
	position: absolute;
	top: 265px;
	left: 492px;
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	width: 150px; /* ie5win fudge begins -- doesn't change mozilla nor IE Mac*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; /*doesn't change mozilla nor IE Mac*/
	}
html>body #right {
	width: 120px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}

#popup {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	width: 300px; /* ie5win fudge begins -- doesn't change mozilla nor IE Mac*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 300px; /*doesn't change mozilla nor IE Mac/PC*/
	}

html>body #popup {
	width: 300px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}

	#sermonpopup {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #fff;
	background: #fff;
	width: 400px; /* ie5win fudge begins -- doesn't change mozilla nor IE Mac*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 400px; /*doesn't change mozilla nor IE Mac/PC*/
	}
html>body #sermonpopup {
	width: 400px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}

.header {
	font-size: smaller;
	text-align: center;
	color: #808080;
}

.footer {
	text-align: center;
	font-size: smaller;
	color: #808080;
}

/*
td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-align: left;
	color: #ccc;
	vertical-align: top;
}

th {
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ccc;
}
*/

ul {
	list-style-image: url("images/bullebakt.gif");
}


ol {
	list-style-type: decimal;
	list-style-image: none;
}

.need {
	font-size: 100%;
	color: #000;
}

.have {
	font-size: 75%;
	color: #000;
}

.wingdings {
    font-family:Wingdings;
	font-size:75%;
	color:#999;
}

.static {
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	text-align: left;
	color: #000;
}

.poetry {
	text-align: center;
	font-size: 8pt;
}

.sermontitle {
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	text-align: center;
	color: #000;
}

.sermondate {
	font-family: verdana, arial, helvetica;
	font-size: 7pt;
	text-align: center;
	color: #000;
}


.address {
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	text-align: center;
	color: #000;
}

.email {
	font-size: 16px;
	text-align: center;
	color: #000;
}

.date{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.ssteacher{
	color: #999;
}

.ssclass{
	font-weight: bold;
	color: #999;
}

.important{
	font-weight: bold;
	color: #000;
}

.vision{
	background-color: #def;
	padding: 10px;

}


pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

.sticker1 {
	position: relative;
	width:  473px;
	height: 137px;
	background-image: url("images/sticker1.jpg");
	background-repeat: no-repeat;
	font-size: 75%;
}
	/*test menu*/

	.buttonscontainer {
	width: 120px;
}

	.buttons a {
	color: #000;
	background-color: #fff;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-bottom: 1px solid #999;
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;

}

	.buttons a:hover {
	background-color: #fff;
	color: #77aaff;
	text-decoration: none;
}

/*future pages*/


#topfuture {
	margin: 20px 20px 0px 20px;
	padding: 10px;
	border: 5px solid #999;
	background: #6699FF;
	background-image: url("images/future/fgmbfuture.jpg");
	background-repeat: repeat;
	width:  805px;
	height: 240px; /* ie5win fudge begins  -- Image area is 235 px Changes IE5.5 PC*/
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 225px; /*doesn't change mozilla nor IE Mac*/
	}
html>body #topfuture {
	height: 215px; /* ie5win fudge ends --Changes Mozilla */
	width:  780px;
	}


#middlefuture {
	position: absolute;
	top: 265px;
	left: 20px;
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 5px solid #999;
	background: #666;
	width:  443px;
	voice-family: "\"}\"";
	voice-family:inherit;
	left: 15px; /*doesn't change mozilla nor IE Mac*/
	}
html>body #middlefuture {
	left: 0px; /* ie5win fudge ends -- Changes Mozilla, not IE Mac*/
	}


/*experimental*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}