﻿body 
{
	background-color: #A0B7C9; 
	color: #000000; 
	font-family: verdana, tahoma, arial, helvetica, sans-serif, "MS Sans Serif";
	font-size: 12pt; 
	margin-top: 0;
}

div#Wrapper
{
	background-image: url(../Images/patriotic-eagle-mod3.gif);
	background-repeat:repeat-y;
	max-width: 1024px;
	overflow: auto;
	margin:0 auto;
}	
div#Logo
{
	 float: left;
	 width: 20%;
}	 
div#Logo img
{
	float: left;
	height: 136px;
	margin-top: 26px;
	margin-left: 35px;
	width: 136px;
}

div#Header
{
	float: right;
	height: 186px;
	width: 78%;
}
div#Header h1
{
	border-color:#DDEEFF #667788 #334455 #CCDDEE;
	border-style:outset;
	border-width:5px;
	color:#008;
	margin:21px auto;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	width:350px;
}

div#Menu
{
	float: left;
	width: 20%;
}
div#Menu ul
{
	list-style-type: none;
    padding: 0; 
}	

div#Menu a, #Menu a:visited {
	background-color: transparent; 
	border: 2px solid #fff;
	border-color: #def #678 #345 #cde;
	color:#008;
	display: block; 
	font-weight: bold;
    margin: 10px auto;
	padding: 0.25em;
	position: relative;
	text-align: center; 
	text-decoration: none; 
	width: 136px; 
  }

div#Menu a:hover {
  border-color: #345 #cde #def #678;
  color: #800;
  left: 2px;
  top: 2px;
  }

div#PageHeader
{
	float: right;
	width: 78%;
}
div#PageHeader h1
{
	color: #800;
	margin:0px;
	text-align: center;
	vertical-align: middle;
}

div#Content
{
	float: right;
	width: 78%;
}

div#Footer{
    float: left;
    font-size:10pt;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
div#Footer li{
    display:inline;
    font-size:11pt;
}

/*********************** Home Page Paragraphs *********************************/

.MainPic
{
	text-align:center;
}

.Tight{
    margin: 0 25px;
}    
.Tight p{
    margin-bottom: 0;
    margin-left: 25px;
    margin-top: 0;
}    
.Tight h3{
    margin-bottom: 2px;
}    
.Tight h4{
    margin: 2px 0;
}    
.Tight dl{
    margin-left: 25px;
    margin-top: 2px;
}
.Tight .Meetings{ /* Overrides .Tight */
    font-family:Georgia;
    font-weight: bold;
    margin-top: 1em;
}    

/*********************** Officers page Tables *********************************/
table.Officers {
    background-color: #258;
    border-color: #def #678 #345 #cde;
	border-spacing: 8px;
	border-style: outset;
	border-width: 5px;
	color: #008;
	margin: 20px auto;
	width: 460px;
}
table.Officers h1{
    margin:3px;
    text-align: center;
}
table.Officers td {
	background-image: url(../Images/patriotic-eagle-mod3.gif);
    border-color: #def #678 #345 #cde;
	border-style: outset;
	border-width: 3px;
    font-weight: bold;
	padding: 3px;
	vertical-align:top;
	width:50%;
}

/*********************  Other Pages stuff *************************************/

.Calendar{
    margin:20px 0;
    width:600px; /* To Match Calendar Width */
    margin:0 auto;
}

.LinksList p{
    margin-left:25px;
}
.LinksList li{
    list-style: none;
}
.LinksList h3{
    margin-bottom:2px;
}
.LinksList ul{
    margin-left:50px;
}
.LinksList li{
    list-style: none;
    margin-bottom:5px
}

.Map{
	margin: 20px auto;
	width: 550px; /* To Match Map Width - for centering */
}
.Map iframe
{
    border: 0;
    height: 375px;
    margin: 0;
	width: 550px;
}
.Map a
{
	color:#0000FF;
	text-align:left
}

.News p{
    margin-left:25px;
    margin-top: 2px;
}
.News h3{
    margin-bottom: 2px;
    margin-left:25px;
}
.News dl{
    margin-left:25px
}
.News dt{
    margin-top:2px;
}

#Events img
{
	width:32px;
	height:32px;
	vertical-align:middle;
	border:0;
}


/****************  Generic Stuff  *************************************/

/* Used to center images vertically that are in a paragraph */
.ImgMid{
	 vertical-align:middle;
}

/*********************************************************************/

