/* Based on a template by Ben Meadowcroft; see http://www.benmeadowcroft.com/webdev/  for more info */
/* Modified with Beauregard T. Shagnasty concepts. */
.title
{
	position:absolute;
	top:0px;
	left:0.5em;
	height:1em;
	margin-left : auto;
	margin-right: auto;
	padding: 5px;
	z-index : 0;
}

body
{
	color : black;
	background-color : rgb(255,255,255);
	background-image : url(../gssnap153dbts.jpg);
	background-attachment : fixed;
	font-family:  "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
}

h1  /* used for page title */
{
	background: #778899;
	border: 3px outset #d0d0d0;
	color: #ffd700;
	font-size: 125%;
	font-family:"Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight : bold;
	left: 17.0em;  
	line-height: 1.1em;
	margin: 0;
	padding: 0.5em 0;
	position: absolute;
	text-align: center;  /* center; ?*/
	top: 6.5em;	/* use if want banner only over content */
	width: 11em;
	
}

h2  /* used for NL */
{	color : rgb(0,0,0);
	background-color : transparent;
	font-family:  "Brush Script MT", Tahoma, Helvetica, Arial, sans-serif;
	font-size : 200%;
	text-align : center;
}

 h3  /* used for NL */
{
	color : rgb(0,0,0);
	background-color :transparent;
	font-family:  "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-size : 100%;
}

h4, h5, h6    /* used for NL */
{
	color : rgb(0,0,0);
	background-color :transparent;
	font-family:  "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	text-align : center;
	font-size : 100%;
}

abbr, acronym, cite 
{
	border-bottom: 1px dotted #006400;
	cursor: help;
/*	font-style: normal;*/
}

/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */
.contentText p
{
	max-width:45em;
	min-width: 20em;
}

.sidebar
{
	position : absolute;
	top : 13em;
	left : 1%;
	width : 11em;
	z-index : 1;
	padding : 0em;
}

ul.menu
{
	list-style:none;
	margin:0px;
	padding: 10px 10px 10px;
}

ul.menu li
{
	display:block;
	list-style: none;
	line-height: 1.0em;
	padding: 10px 0px 0px 0px;
}

.menu
{
/*	padding : 0.5em;*/
	margin-bottom : 0.5em;
	padding: 1px 3px 3px 3px;
	width: 10.5em; /* menu width */
	text-align : left;
	background: transparent;
	background-image : url(../backb.jpg);
	border : 3px outset #663300;
	font-weight : bold;
	font-size: 92%;
	line-height:normal;
}

.menu a, #menu a:link
{
	display : block;
	margin: 1px;
	padding: .3em;
	border-top: 3px outset #663300;
	border-left: 3px outset #663300;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
    background-color: #778899;
	color: #ffd700;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: auto;
}

.menu a:visited
{
	display: block;
	background-color: #778899;
	color: #cc80ff;  
	text-decoration: none;
	font-style: italic;
	font-weight : bold; 
}

.menu a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(230,230,250);
	border-top: 3px inset #a9a9a9;
	border-left: 3px inset #a9a9a9;
	border-right: 3px inset #663300;
	border-bottom: 3px inset #663300;
	font-weight : bold;
	display: block;
}


.other
{
	padding :0.1em;
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	text-align : center;
	background-image : url(../backb.jpg);
	border : 3px outset #663300;
	background-color : inherit;
	color : rgb(160, 82, 45);
	font-weight : bold;
	font-style: italic;
	font-size : 110%;
}

.other2
{
	padding :0.1em;
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	text-align : center;
	background-image : url(../backb.jpg);
	border : 3px outset #663300;
	background-color : inherit;
	color : rgb(160, 82, 45);
	font-weight : bold;
	font-style: italic;
	font-size : 110%;
}
.other2 a, #other2 a:link
{
	display : block;
	margin: 1px;
	padding: .3em;
	border-top: 3px outset #663300;
	border-left: 3px outset #663300;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
    background-color: #778899;
	color: #ffd700;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: auto;
}

.other2 a:visited
{
	display: block;
	background-color: #ffdcb4;
	color: #cc33ff;  
	text-decoration: none;
	font-style: italic;
	font-weight : normal; 
}

.other2 a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(230,230,250);
	border-top: 3px inset #a9a9a9;
	border-left: 3px inset #a9a9a9;
	border-right: 3px inset #663300;
	border-bottom: 3px inset #663300;
	font-weight : bold;
	display: block;
}

.pdf
{	
	background: #33ff00; /* chartrs*/
	border: 3px outset #663300;
	color: #000000;
	font-size: 80%;
	font-weight : bold;
	right: 5%;  
	line-height: 1em;
	margin: 0;
	padding: 0.5em 0;
	position: absolute;
	text-align: center;  /* center; ?*/
/*	top: 5.5em;	/* use if want banner only over content */
	width: auto;

}

.bannercenter, .bannerleft, .bannerright {
	font-size: 90%;
	padding: 0;
	position: relative;
	text-align: center;
}
.bannerleft {
	float: left;
	margin: 1em 0 0 1em;
}
.bannerright {
	float: right;
	margin: 1em 3em 0 0;
}
.bcredit {
	font-size: 80%;
	font-style: italic;
	margin: 0 3em 1em 0;
	padding: 0;
	text-align: center;
}
#boxbanner {
	border: none;
    height: 4em;
	margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

blockquote { 
	background: #f9f9f9 none;
	border: solid #696 1px; 
	clear: both;
	color: #000;
	margin: 0 0 0 2em;
	padding: 0.5em;
}

.buttonbox2 { 
	background: #000;
	border: 3px outset #663300; 
	clear: both;
	color: #0000ff;
	margin: 0 0 0 1em;
	padding: 0.5em;
	width: 8em;
	font-weight : bold;
}

.buttonbox2 a:link {
	color: #0000ff;
	background-color: inherit;
}

.buttonbox { 
	background: #99ccff;
	border: 3px outset #663300; 
	clear: both;
	color: #0000ff;
	margin: 0 0 0 1em;
	padding: 0.5em;
	width: 8em;
	font-weight : bold;
	text-align: center;
}

.buttonbox a:link {
	color: #0000ff;
	background-color: inherit;
}

.contentText
{
	margin-top : 8.5em;
	margin-left : 12em;
	padding : 1em;
	margin-right : 0.2em;
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	border : 1px solid;
	background-image : url(../backb.jpg);
}

.contentText a
{
	color : #0000cd;
	background-color : inherit;
}

.contentText a:visited
{
	color : #cc33ff;
	background-color :inherit;	
}

.contentText a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(230,230,250);	
}

.event {
	background:  rgb(255,255,255);
	border-top: 2px outset #d0d0d0;
	border-left: 2px outset #d0d0d0;
	border-right: 2px outset #a9a9a9;
	border-bottom: 2px outset #a9a9a9;
	color: #000;
	margin: 1em 0em 1em 12em;  /* for content on right */
	padding: 1em;
    width: auto;
	max-width: 50em; 
	background-image : url(../backb.jpg);
	
}

.event a
{
	color : #0000cd;
	background-color : inherit;
}

.event a:visited
{
	color : #cc33ff;
	background-color :inherit;	
}

.event a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(230,230,250);	
}

.footer
{
	margin-left : 15.0em;
	padding : 1em;
	margin-right : 0.2em;
	border : 1px solid;
	text-align: left;
	margin-top : 1.5em;
	background-color:rgb(255,255,255);
	bottom :0px;
	color : rgb(0,0,0);
	background-image : url(../backb.jpg);
	font-style: italic;
	font-size : 80%;
	clear: both;
	
}

.footer a:link
{
	color: #0000cd;
	background-color: inherit;
}

.footer a:visited
{
	color : #0e99ff;
	background-color :inherit;	
}

.footer a:hover
{
	color : rgb(255,64,64);
	background-color : rgb(230,230,250);	
}

.gbanner { margin-top: 1em;
	border-top: 2px outset #d0d0d0;
	border-left: 2px outset #d0d0d0;
	border-right: 2px outset #a9a9a9;
	border-bottom: 2px outset #a9a9a9;
 }
 img {
	border-top: 4px outset #d0d0d0;
	border-left: 4px outset #d0d0d0;
	border-right: 4px outset #a9a9a9;
	border-bottom: 4px outset #a9a9a9;
}
.image
{
	display:inline;
}	

.imgright {float: right;
   
}

.imgleft {
   float: left;
}

.imgcenter {
   text-align: center; /* this does not work!*/
}

.ghslogo {
	background: #778899;
	color : rgb(0,0,0);
	border-top: 2px outset #d0d0d0;
	border-left: 2px outset #d0d0d0;
	border-right: 2px outset #a9a9a9;
	border-bottom: 2px outset #a9a9a9;
	float: left;
	margin: 0em 0 0 0em;
	width: 238px;
	height: 160px
}

.ahem {
	display: none;
}

.list { list-style:none;
}

.noborder { border: none; }
.notice {
	border: 2px #4169e1 dashed;
	margin: 0 3em 1em 3em;
	padding: 0.5em;
}

P.indent { text-indent: 3em; }

P.indent2 { text-indent: 2em; }

P.justify { text-align: justify; }

P.center { text-align: center; }

P.left  { text-align: left; }

P.right  { text-align: right; }

#photo {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	color: #000000;
	margin: 1.5em 0.5em 2em;
	padding: 2em;
	text-align: center;
}

.pulleft, .pulright {
	font-size: 90%;
	font-style: italic;
	margin: 1em;
	padding: 1em;
	position: relative;
	text-align: center;
}

.pulleft {
	float: left;
}

.pulright {
	float: right;
}

.totop {
	clear: both;
	font-size: 85%;
	margin-top: 2em;
	text-align: center;
}

.txtsmall { font-size: 90%; }
.txttiny { font-size: 80%; }

#smap 
{	margin-top : 3em; }

.back {
	background: transparent url();
	background-repeat : no-repeat;
	border: none;
	padding: 1.4em;
	float: left;
	
}

.forward {
	background: transparent url();
	background-repeat : no-repeat;
	border: none;
	padding: 1.2em;
	float: right;
	
}

.treelogo {
	background: transparent url();
	background-repeat : no-repeat;
	border: none;
	padding: 0;
	float: right;
	
}
	
.mis {
	margin : 0;
	padding : 0;
	background: inherit;
	color:#0000ff;
	font-size : 100%;
	font-weight : bold;
}

.mis a:link
{
	color: #0000ff;
	background-color: inherit;
}


.footnote { font-size: 85%; }

.emph {
    font-size: 125%;
	font-weight: bold ;
}

.emph2 {
	margin : 0;
	padding : 0;
    font-size: 85%;
	font-weight:  bold;
	text-align: center;

}

.searchbar {
  	float: right;
}

#search {
	border: none;
}

.memap  {
	color : rgb(160, 82, 45);
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 205%;
	font-weight: bold
}

.memap2  {
	color : black;
	font-family:  "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
}

.memap3  {
	color : black;
	font-family:  \"Trebuchet MS\", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
	text-align: center;
}
.memap4  {
	color : black;
	font-family:  \"Trebuchet MS\", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
	background: #ffd700; 
	border: thin #000 dashed;
	margin: 0 3em 1em 3em;
	padding: 0.5em; 
}
.notice {
	border: 2px #4169e1 solid;
	margin: 0 3em 1em 3em;
	padding: 0.5em;
}

.notice2 {
	border: 2px #663300 solid; /* used for NL8*/
	margin: 0 16.5em 1em 1em;
	padding: 0.5em;
}