﻿body {
	margin: 0px;
	padding: 0px;
	background-color:#332E2E;
	text-align: center;
}
input.text {
	border: 1px solid #6D6539;
	height: 17px;
	padding: 2px 2px 0px 2px;
	color: #6D6539;
	background-color: #ECE6C7;
}
input.text:focus {
	color: #525552;
	background-color: #FFFFFF;
}
div#page {
	position: relative;
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/* TOP BAR */
div#topbar {
	color: #CCC4C4;
	text-align: right;
	text-transform: lowercase;
	font-size: 12px;
	padding: 5px 0px;
}
div#topbar a {
	color: #CCC4C4;
	text-decoration: none;
}
div#topbar a:hover {
	text-decoration: underline;
}

/* HEADER BAR */
div#headerbar {
	background-color: #C20000;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	height: 210px;
}

div#headerbarLibImage
{
	 float:left;

}

div#headerbarDeborah
{
	 float:right;
	 padding-right:60px;
	 padding-top: 10px;
	 padding-bottom: 13px;
	 padding-left: 10px;
	 font-size: 10pt;
}

div#headerbarHFLA
{
	 float:left;
	 position:absolute;
	 top:127px;
	 left:10px;
}

div#headerbarHFLA h1 { font-family: Times New Roman; font-weight: lighter;}




/* NAVIGATION BAR */
div#navbar {
	background-image: url('Images/menu_bg.gif');
	background-color: #000000;
	background-repeat: repeat;
	height: 25px;
}
div#navlist {
	float: left;
	width: 700px;	
}

/* MAIN AREA and CONTENT */
div.mainarea {
	display: block;
	background-color:#FFFFFF;
	padding: 8px;
	min-height: 300px;
	
	float: left;
	position: relative;
	width: 764px;
}


div#mainarea {
	display: block;
	background-color:#FFFFFF;
	padding: 8px;
	min-height: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: left;
	position: relative;
	width: 764px;
}

div#mainarea a {
	 text-decoration:none;
	 color: black;
}

div#mainarea a:visited {
	 text-decoration:none;
	 color: black;
}

div#mainarea a:active {
	 text-decoration:none;
	 color: black;
}

div#mainarea img {
  border-color: white;
}

div#partylink {
	float:left;
	top: 10px;
	position:relative;
	 padding-right: 70px;
}

div#linkcol1 {
	float:left;
	width: 360px;
	position:relative;
	margin-top: 40px;
	padding-left: 2px;
	border: thin #AA1428 solid;
	height: 255px;
}

div#linkcol1 a {
	display: block;
	clear: both;
	text-decoration: none;
	padding: 8px 12px 9px 8px;
	border-bottom: 1px solid #DAD098;
	color: #000000;
}
div#linkcol1 h3 {
	font-size: 14px;
	color: #C20000;
	margin: 0px;
}
div#linkcol1 a:hover  {
	background-color: #ECE6C7;
	text-decoration: none;
}

div#linkcol2 {
	float:left;
	width: 380px;
	position:relative;
	margin-top: 40px;
	margin-left: 10px;
	padding-left: 2px;
	border: thin #AA1428 solid;
	height: 255px;
}

div#linkcol2 a {
	display: block;
	clear: both;
	text-decoration: none;
	padding: 8px 12px 9px 8px;
	border-bottom: 1px solid #DAD098;
	color: #000000;
}
div#linkcol2 h3 {
	font-size: 14px;
	color: #C20000;
	margin: 0px;
}
div#linkcol2 a:hover  {
	background-color: #ECE6C7;
	text-decoration: none;
}

/* Styles for content body */

.mainarea h1 {
	color: #000000;
	font-size:24px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border-bottom: #AA1428 2px solid;
}

#mainarea h1 {
	color: #000000;
	font-size:24px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border-bottom: #AA1428 2px solid;
}

#mainarea a {
	 text-decoration:underline;
	 color: black;
}

#mainarea a:visited {
	 text-decoration:underline;
	  color: black;
}

#mainarea a:hover {
	 text-decoration:underline;
	 background-color:#ECE6C7;
	  color: black;
}



#mainarea a:active {
	 text-decoration:underline;
	  color: black;
}




div#HRcol1 {
	float:left;
	width: 360px;
}

div#HRcol2{
	float:left;
	position:relative;
	top: 17px;
	width: 360px;

}

div#homecol1 {
	float:left;
	width: 310px;

}

div#homecol2{
	float:left;
	position:relative;
	top: 0px;
padding-left: 10px;

}

/* begin Events block */

div#Event {
	border-bottom: thin gray solid;
		font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	padding-bottom: 10pt;
	margin-bottom: 20pt;
	background-color:#ECE6C7;
 padding-top: 5pt;
 padding-left: 5pt;
}
div#Event h1 { 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 22pt;
	  line-height: 20pt;
	  border-bottom: none;
 margin-top: 0;
 margin-bottom: 4pt;
	 }
	 
div#Event h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 14pt;
	  font-style:italic; 
	 border-bottom: none;
	  margin-top: 0;
 margin-bottom: 0;
    }


div#Event a {
	 text-decoration:underline;
	 color: black;
}

div#Event a:visited {
	 text-decoration:underline;
	  color: black;
}

div#Event a:active {
	 text-decoration:underline;
	  color: black;
}

/* begin Event2 block */

div#Event2 {
	border-bottom: thin gray solid;
		font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	padding-bottom: 10pt;
	margin-bottom: 20pt;
	background-color:#ECE6C7;
 padding-top: 5pt;
 padding-left: 5pt;
}
div#Event2 h1 { 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 22pt;
	  line-height: 20pt;
	  border-bottom: none;
 margin-top: 0;
 margin-bottom: 4pt;
	 }
	 
div#Event2 h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 14pt;
	  font-style:italic; 
	 border-bottom: none;
	  margin-top: 0;
 margin-bottom: 0;
    }


div#Event2 a {
	 text-decoration:underline;
	 color: black;
}

div#Event2 a:visited {
	 text-decoration:underline;
	  color: black;
}

div#Event2 a:active {
	 text-decoration:underline;
	  color: black;
}

/* begin nav block */
 #nav		{ float: left; clear: both; position: relative; z-index: 10; font-size: 12px; text-transform: lowercase; } /* height: 33px; removed for Opera compatibility */
 #nav ul 	{ margin: 0px; padding: 0px; padding-left: 0px; list-style:none; position: relative; z-index: 10; } /* position and z-index added for Opera compatibility */
 #nav ul li 	{ border-right: solid 1px #9D8D8C; margin: 0px; padding: 0px; float: left; position: relative; }
 #nav ul li a 	{ display: block; text-decoration: none; padding: 4px 14px; padding-bottom: 5px; border-right: solid 1px #000000; color: #CCC4C4; font-weight:bold; }
 #nav ul li a:hover		{ background-image: url('images/nav_over_bg.gif'); color:#FFFFFF; }
 #nav li ul { width: 150px; position: absolute; left: 0px; top: 24px; display: none; padding: 0px; border-top: 1px solid #FFFFFF; }
 /* Fix IE. Hide from IE Mac \*/
 * html #nav ul li { float: left; height: 1%; }
 * html #nav ul li a { float: left; height: 1%; }
 /* End */ 
 /* Sub Menu Styles */
 #nav li.over a { color:#FFFFFF; background-image: url('images/nav_over_bg.gif'); }
 #nav li:hover a { color:#FFFFFF; background-image: url('images/nav_over_bg.gif'); }
 #nav li.over ul { display: block; border-bottom: 0px; position: absolute; }
 #nav li:hover ul { display: block; border-bottom: 0px; position: absolute; }
 #nav li ul li { border-right: none; } 
 #nav li ul li a {
	width: 140px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #6D6539 !important;
	background-image: none !important;
	background-color: #DAD098;
	border-bottom: 1px solid #FFFFFF;
	border-right: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
 #nav li.over ul li a {
	width: 140px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #6D6539 !important;
	background-image: none !important;
	background-color: #DAD098;
	border-bottom: 1px solid #FFFFFF;
	border-right: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
 #nav li ul li a:hover {
	color: #AA1428 !important;
	background-image: none !important;
	background-color: #ECE6C7;
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
 #nav li.over ul li a:hover {
	color: #AA1428 !important;
	background-image: none !important;
	background-color: #ECE6C7;
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
 #nav li.selected ul li a { background: #00FF00;  } 
 #nav li.selected ul li a:hover { background: #00FF00; } 
/* nav block */

/* FOOTER */
div#footerbar {
	display: block;
	clear: both;
	background-color: #C20000;
	color: #CCC4C4;
	padding: 5px;
	margin-bottom: 8px;
	font-size: 10px;
}
#footerbar a {
	color: #FFFFFF;
	text-decoration: underline;
}

