html,
body{
	margin: 0;
	padding: 0;
	background-color: #BBFFBB;
	color: #000000;
	min-width: 250px;
	/*min-height:1024px/**/;
}

div#top_bar {
	position: absolute;
	left:0px;
	top: 0px;
	width:100%;
	height: 40px;
	z-index:1;
	background-image: url('images/floral.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	padding: 0px 0px;
}

div#gradient {
	position: absolute;
	left:0px;
	top: 0px;
	width:250px;
	height: 50px;
	z-index:2;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('images/bbffbb_gradient.png');
}

div#logo {
	position: absolute;
	left:2px;
	top: 2px;
	width:114px;
	height: 50px;
	z-index:3;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('images/EH.png');
}

div#title {
	position: absolute;
	left:122px;
	top: 20px;
	right:0px;
	height: 42px;
	z-index:3;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('images/title.png');
}

div#nav_bar {
	position:absolute;
	left:0px;
	top:70px;
	bottom:0%;
	width: 100px;
	z-index:1;
	background-color: #BBFFBB;
	padding: 20px 0px 0px 0px;

}


div#nav_bar a{
	color: #000000;
	font-family: serif;
	font-size: 13px;
}

div#nav_bar a:link{	text-decoration: none; }

div#nav_bar a:visited{ text-decoration: none; }

div#nav_bar a:hover{ text-decoration: underline; }

div#nav_bar a:active{ text-decoration: underline; }


span.side_b{
	display: block;
	width:100px;
	height:20px;
	line-height:20px;
	text-align: left;
	text-indent: 14px;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}





span.side_b_normal{
	background-image: url('images/b_normal.png');
}

span.side_b_hover{
	background-image: url('images/b_hover.png');
}

span.side_b_normal_current{
	background-image: url('images/b_normal_current.png');
}

span.side_b_hover_current{
	background-image: url('images/b_hover_current.png');
}

div.hidden_preloader{
	position: absolute;
	left:0px;
	top: 0px;
	z-index: -1;
	width: 2px;
	height: 2px;
}

div.submenu_outer{
	position: absolute;
	left: 7px;
	width: 80px;
	margin: 0px;
	padding: 3px;
	background-color: #6CD96C;
	display: none; /*overridden on giftshop page*/
}
div.submenu_inner{
	position: relative;
	margin: 0px;
	padding:10px 0px 0px 10px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	line-height: 20px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('images/giftshop_gradient.png'); /*Over here, IE 7 fails to render the background image if it's an SVG.*/
	line-height:20px;
	text-align: left;
	text-indent: 0px;
	z-index: 5;
}


div.submenu_inner a{
	color: #000000;
	font-family: serif;
	font-size: 11px;
}

div.submenu_inner a:link{	text-decoration: none; }

div.submenu_inner a:visited{ text-decoration: none; }

div.submenu_inner a:hover{ text-decoration: underline; }

div.submenu_inner a:active{ text-decoration: underline; }



div#rounder {
	position:absolute;
	left:100px;
	top:50px;
	width: 50px;
	height: 50px;
	z-index:1;
	background-image: url('images/rounder.png');
}

div#main_pane {
	position:absolute;
	left:100px;
	right:0px;
	top:40px;
	min-height: 100%; /* if html/css allowed math in a declaration, this would "be 100% - 50px". As it is, however, the div may be 50 pixels longer than necessary for short pages. */
	z-index: 0;
	background-color: #FFFFFF;
	padding: 20px;
}


table.calendar{
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 4px;
	empty-cells: hide; /*IE seems to always hide the border, but always show the bgcolor.*/
}
table.calendar th {width:14%}
table.calendar td {
	vertical-align: top;
	background-color: #D0FFD0;
	border-style:none solid solid none;
	border-width: 1px;
	border-color: #AAAAAA;
}
table.calendar td.event {
	background-color: #A0FFA0;
}
table.calendar td.empty {
	background-color: #FFFFFF;
}

p.main_text {
	text-indent: 0.5cm;
	font-family: serif;
	margin: 0px 0px 10px 0px;
}

p.main_text_no_indent {
	text-indent: 0cm;
	font-family: serif;
	margin: 0px 0px 10px 0px;
}



h1 {
	text-align: center;
	font-family: serif;
	font-weight: bold;
	font-size: x-large;
	margin: 0px 0px 20px 0px;
}

h2 {

	text-align: left;
	font-family: serif;
	font-weight: bold;
	font-size: x-large;
}

h3 {

	text-align: left;
	font-family: serif;
	font-weight: bold;
	font-size: medium;
	margin-top: 0.5cm;
	margin-bottom: 0.1cm;/**/
}



img.no_border{
	border-style: hidden;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

img.top{
	vertical-align: text-top;
}
img.bottom{
	vertical-align: text-bottom;
}


.margin_left_1cm{
	margin-left: 1cm;
}

.centered{
	text-align: center;
}







/* ###################### Front Page ##################### */


div#news_column{
	float: right;
	width: 50%;
	margin: 0px -10px 20px 20px;
	padding: 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #BBFFBB;
}

div#news_column_head{
	width:100%;
	background-color: #BBFFBB;
	text-align: center;
	font-family: serif;
	font-size: medium;
}

div#news_column_content{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-align: left;
	font-family: serif;
	font-size: medium;
	margin: 0px;
	padding: 10px;
	border: none;
}

div#top_pictures {
	margin: 0px -10px 0px 0px;
	padding:15px 10px 20px 0px; /*setting this in the margin instead /shouldn't/ make a difference in this case, but IE overlaps this div's margin with it's parent's div's margin. */
	height: 192px;
	white-space: nowrap;
	overflow: hidden;
}



/* ###################### Giftshop Page ##################### */

div.gift_rect{
	position: absolute;
	width: 300px;
	height: 180px;
	border-style: none solid solid none;
	border-color: #BFBFBF;
	border-width: 4px;
	background-color: #FFFFFF;
	padding: 10px;
}

div.gift_img{
	text-align:center;
}



div.gift_img img{
	width: 200px;
	height: 80px;
}

p.gift_head{
	text-align: center;
	font-family: serif;
	font-size:16px;
	font-weight: bold;
	line-height:20px;
	padding: 0px;
	margin: 0px;
}

p.gift_text{
	text-align: left;
	font-family: sans-serif;
	font-size:14px;
	line-height:14px;
	padding: 0px;
	margin: 0px;
}

p.gift_foot{
	text-align: center;
	font-family: serif;
	font-size:14px;
	line-height:28px;
	padding: 0px;
	margin: 0px;
}




/* ###################### Grounds Page ##################### */

img.location_img{
	width: 100px;
	height: 80px;
	float: left;
	
}

p.loc{
	min-height: 80px;
	font-size: 13px;
	font-family: serif;
}

.loc_head{
	font-weight: bold;
	font-size: 120%
}

img#main_map{
	max-width: 100%;
	}