﻿ body{
  margin:0;
  padding:90px 0px 0px 0px;
  font-family: "Courier New";
  color:black;
  background-image:url(../images/parchment.jpg);
 }
 
 /* Header Styles */
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:90px;
  background-image:url(../images/parchment.jpg); 
  /* background-color:darkgreen; */ 
  text-align: center;
  border-bottom:solid thick darkgreen;
 }
 
 div#header label#Title{
	color:darkgreen;
	font-family:  Lucida Calligraphy;
	font-size:xx-large;
	font-style:italic;
	font-weight:bolder;
 }
 
 div#header img.logo{
	height:75px;
	width:55px;
	border:none;
	margin:5px 5px 5px 5px;
 }
 div#header a#logoImage{
	border:none;
 }
 /* Navigation Styles */
 div#NavDiv{
    top-margin: 0;
    bottom-margin: 0;
    left-margin: 0;
    right-margin: 0;
    padding: 0;
 }
 div#NavDiv ul{
    padding: 0; 
    margin:0 0 0 0;
		
 }
 div#NavDiv ul li{
    list-style: none;
    margin: 0;
    display: inline;
		background:darkgreen;
 } 
 div#NavDiv ul li a{
	color:white;
	text-decoration:none;
	font-style:italic;
	font-family:Lucida Calligraphy;
	font-weight:bold;
 }
 div#NavDiv ul li a:hover{
    color:darkgreen;
    font-weight:bolder;
		background:white;
 }
 
 
 /* Content styles */
 div#content{
  padding:0 0 0 10px;  
 }
 div#content a
 {
	font-weight:bold;
	color:darkred;
 }
 div#content a:hover
 {
	color:blue;
 }
 div#content a:visisted
 {
	color:black;
 }
 
 /* Disclaimer Styles */
 div#disclaimer{
    margin: 50px;
 }
 div#disclaimer p 
 {
	font-size:small;
    font-style:italic; 
    font-family:Papyrus;
    font-weight:normal;
 }
 div#disclaimer p#copyright{
    font-size: small;
    font-weight: bold;
    text-align: center;
 }
 div#disclaimer a
 {
	font-weight:bold;
	color:darkred;
 }
 
 /* Pure CSS Popup Style */
div#tooltip a{
    position:relative;
    text-decoration:none;
}    
div#tooltip a:hover{
    position:fixed;
}    
div#tooltip span{
    display:none;
}
div#tooltip a:hover span{
    display:block;
    position:absolute;
    background:lightyellow;
    width:400px;
    border:solid thin black;
    z-index:5;
} 
/* Calendar Table Styles */
table.cal{
    margin:5px;
    width:70%;
    background:#EEEEEE;
    border: solid thin black;
} 
table.cal th {
    color:White;
    background:darkgreen;
    border:thin solid;
    border: solid thin black;
} 
table.cal td {
    text-align:left;
    vertical-align:top;
		border:solid thin black;
		width:10%; 
		height:60px;
}
table.cal td.date {
    text-align:left;
    vertical-align:top;
		border:solid thin black;
		width:10%; 
		height:30px;
}
table.cal td.day {
    text-align:left;
    vertical-align:top;
		border:solid thin black;
		width:20%; 
		height:30px;
}
table.cal td.event {
    text-align:left;
    vertical-align:top;
		border:solid thin black;
		width:80%; 
		height:30px;
}



/* Information Table settings */
table.info{
	margin:10px;
	text-align:center;
	vertical-align:top;
	width:225px;
	border:double thin black;
	background:transparent;
}
table.info th{
	vertical-align:top;
	text-align:left;
	background:darkgreen;
	color:white;
	font-weight:bold;
}
table.events{
	vertical-align:top;
	text-align:left;
}
table.events td
{
	vertical-align:top;
	text-align:left;
	font-size:x-small;
}
/* Member Table */
table.member
{
	border: solid thin black;
	width:90%;
}
table.member th
{
	text-align:left;
	color:White;
	background-color:darkgreen;
	padding:5px 5px 5px 5px;
}
table.member td
{
	text-align:left;
	padding:5px 5px 5px 5px;
	vertical-align:top;
}

/* FAQ Div */
div.faq p.question
{
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}
div.faq p.answer
{
	margin-left:20px;
	margin-right:20px;
}
p.SubTitle
{
	font-size:medium;
	font-weight:bold;
	text-decoration:underline;
}
label.cap
{
	background:transparent;
	font-family:Old English Text MT;
    font-size:xx-large;
    border:ridge 8px green; 
    float:left;
    margin:0;
    color:darkgreen;
}

div.divider
{
	border-bottom:solid thick darkgreen;
	width:95%;
}
p.newsHeader
{
	font-weight:normal;
	padding-left:20px;
}
div.news
{
	margin-left:20px;
}	
 
 /* Provides the scrolling needed */
 @media screen
 {
  body>div#header{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  background-image:url(images/parchment.jpeg);
  overflow:auto;
 }
