/* 10/1/2006 added menu CSS for CSS Hover menu 
11/1/2008 changed backgound to use image
2/8/2010 changed bkgrnd to olive color
    changed gallery title header color
    changed menu bar background color
4/11/2010 added div layout sections
7/16/2010 added background image from allfreebackgrounds.com
*/ 
html, body {
	margin: 0;
	padding: 0;
}
/* for hiding content when needed */
.hidden {
	display: none;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #006699;
    background: #00690D;
	text-align: center;
	background-image: url(../images/bkgreen27.jpg);
}


/* for debug message */
.dbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size : 10pt;
	color : red;
	background-color : yellow;
}	

#page-container {
	width: 850px;
	margin: auto;
	text-align: left;
	background-color : white;
	padding: 0px;
}

#main-nav {
/*	background: #00690D; */
	background: #FFF;
	height: 25px;
	padding:5px;
	
}
/* header has image in back, logo placed on bottm right */
#header {
	height: 120px;
	background: white;
}

#footer {
	clear: both;
	height: 66px;
}

/* title-area is relative to container */
#title_area {
	height: 120px;
	width: 360px;
	left: 0px;
/*	position: absolute;  */
	position: relative; 
	top: 0px;
}
h1 {
	margin: 0;
	padding: 0;
}

h1.ctr {
	text-align: center;
}
/* to place logo on right */
h1.logo {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 35px;
	padding-right: 0px; 
}
/* to place image on left */
h1.image {
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 0px;
	padding-left: 0px;
	z-index: 2;
}

/* 7/14/2010 to center a table */
.center1
{ 
margin-left: auto;
margin-right: auto;
}

td {font-size: 12px; color: #000000}

p, span {
    font-size: 10pt; 
    color: #000000
}
.ctrbold{
    font-size: 12px; 
    color: Black; 
    font-weight: bold;	
    text-align : center;
    letter-spacing: 2px 
}
	
h1.pgtitle 
/* 3/26/2010 move title on top to left side */
/* 7/15/2010 move title closer to edge of title-area */
{
 color: #FFDB46;
 font-size: 24pt;
 font-weight: 700;
 left: 20px;
 position: absolute; 
 top: 5px;
 z-index: 10;
}

h1.pgtitleshad 
{
 color: #556B2F;
 font-size: 24pt;
 font-weight: 700;
 left: 23px;
 position: absolute; 
 top: 8px;
 z-index: 8;
}
 
p.pgtitle
{
    font-size: 11pt;
    color: #666600;
    font-weight: bold;
    margin-left: 15px;
    font-variant: small-caps;
    padding-top: 5px;
    padding-bottom: 5px;
}

p.footnote{
    font-size: 9pt;
    text-align : center;
    color : #666666;
}

p.mnu, p.thismnu{
 font-weight : bold;
 margin-left : 15px;
 letter-spacing : 5px;
 text-transform : uppercase;
}
p.note, span.note{
	color : #996633;
	margin-left : 15px;
	font-size : 9pt;
	}
	
p.smallnote, span.smallnote{
    color: #2A7FFF;
	margin-left : 0px;
	font-size : 7pt;
	}

a:link	{
	color: #660000; 
	font-weight: bold; 
	text-decoration: none
	}

a:visited, a:active {
	color: #660000; 
	font-weight: bold; 
	text-decoration: none
	}

a:hover	{
	color: Red; 
	font-weight: bold  ; 
	text-decoration: none;  
	background-color : #CCCCCC; 
	}

h1 {font-size: 29px; 
color: #000000; 
font-weight: bold;	
letter-spacing: 2px }

h2 {  font-size: 16px; color: #003300;}

h3 {  font-size: 14px; color: #336666;}

h3.ctr { text-align: center;}

.btfoot	{
	background-color: #cccccc; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px; 
	color: #FFFFFF;	
	text-align: center; 
	border-color: #000000 black; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
    padding-top: 2px;padding-bottom: 2px;
	}
	
td.hdr	{
/*	background-color: #FFCC66;  */
	background-color: #ddd3aa; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	color: #660000;	
	text-align: center; 
	border-color: #000000 black; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px 
	}
	
td.picture	{
	background-color: White; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	color: #660000;	
	text-align: center; 
	border-color: #660000; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 0px 
	}
td.galPic
{
    padding: 0px;
    margin: 0px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 4px;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-bottom-width: 6px;
}

#content {
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}
#content .padding {
	padding: 25px;
}