body 
{
 background-image:url("images/parchment.gif");
 font-family: BenFranklin,Garamond,Georgia, serif;  
 font-size:14pt; 
 font-weight:bold; 
 line-height:1.1em;
}
#wrapper
{
 width:750px;
 margin-left:auto;
 margin-right:auto;
}
#heading
{
height:150px;
}
#logo 
{ 
 background-color:#FFFFE0; 
 border:4px #990000 ridge; 
 height:140px;  
 width:140px; 
 float:left;
 margin-left:3px;
}
#logo img 
{
 margin-top:5px; 
 margin-right:5px; 
 margin-bottom:5px;
 _margin-top:8px; 
 margin-left:5px;
}
#title 
{
 font-size:33px; 
 float:right; 
 width:590px;
 margin-left:auto;
 margin-right:auto; 
 margin-top:10px; 
 height:150px; 
 font-weight:bold;
 font-family:BenFranklin,Georgia,Garamond, serif; 
 text-align:center; 
 line-height:1.1em;
}
#title img
{
 margin-top:15px;
}

.spacer {clear:both; }

#navigation 
{
 clear:left; 
 float:left;  
 width:150px; 
 line-height:11pt;
 _margin-top:1em;
}
#navigation p 
{
 font-family:Garamond, Georgia, sans-serif; 
 font-weight:bold; 
 font-size:11pt;
}
#navigation a 
{
 display:block; 
 list-style-type:none; 
 font-family:Arial, sans-serif; 
 font-weight:normal; 
 font-size:9pt;
}
a 
{
color:#990000; 
text-decoration:none;
}

a:hover 
{
 color:#FFFFE0; 
 background-color:#330000;
}
/* an image as a vertical separator */
.vertborder 
{
 float:left; 
/* margin-right:10px;*/
}
/* aligning text within the inline frame */
#message 
{ 
 padding:0px 2px 2px 10px;
 _padding-right:0px;
}
#message h2 {line-height:1.1em;}

img.withborder  
{
 border:4px #990000 ridge;
 margin:25px 2px 5px 15px;
 _margin-right:0px;
}

/* used in main nav, for officer titles */
.smalltype 
{ 
 font-family:Arial, sans-serif; 
 font-weight:normal; 
 font-size:9pt; 
 margin-left:17px; 
 color:black;}

/* nexted list, for stories, photos, etc...
   1st level has no bullets, 2nd level links to html
*/

.lists ul 
{
 font-weight:bold; 
 font-size:16pt; 
 list-style-type:none;
}
.lists ul ul
{
 font-size:14pt;
 list-style-type:square;
}

/*  styles for links to photo galleries   */


/* ********  styles for photo pages  ******** */

#photogallery 
{ 
 margin:0px; 
 padding:0px; 
}
#photogallery hr
{
 margin:0px;
 padding:0px;
 border-top:1px #556B2F solid;
 border-bottom:1px #556B2F solid;
}

#photogallery h1 
{
 line-height:1em; 
 text-align:right; 
 float:right;
 margin:0px;
 padding:0px;
}
#thumbbox 
{
 margin:8px 0px 0px 10px; 
 /*_margin-top:0px;*/   /* IE hack to get top margins aligned */
 /*width:475px;*/
 padding:0px; 
 }
#thumbbox img 
{
 margin:1px 1px 2px 1px;
 _margin-right:0px;
 _margin-bottom:0px;
 /* margin:1px 1px 0px 0px;  */
 padding:0px; 
 width:80px; 
 height:80px; 
 _width:82px;
 _height:82px;
 border:1px solid #556B2F; 
 float:left; 
}
#bigpicture 
{
 width:505px; 
 height:507px;
 margin:10px 0px 2px auto; 
/* _margin-top:0px;*/  /* buggy IE box model! */
 padding:0px;
 text-align:center; 
 color:#cccc99; 
 float:right;
}
#bigpicture img 
{
 border:8px double #003311; 
 padding:0px;
}

/*  "gallerybuttons" applies to the photo index page */
.gallerybuttons
{
 margin-left:65px;
 margin-right:3px;
 }
 
.gallerybuttons a
{
 float:left;
 width:180px;
 _width:190px;
 height:40px;
 padding: 2px 2px 2px 2px;
 _padding:2px;
 margin:5px 2px 0px 2px;                            
 text-align:center;
 font-weight:normal;
 background-color:#FFFFE0;
 border:4px outset #FFFFE0;
}
.gallerybuttons a:hover
{
color:#FFFFE0;
background-color:#330000;
}

/*  styles for the Member Stories pages */

#logosmall
{ 
 background-color:#FFFFE0; 
 border:2px #990000 ridge; 
 height:82px;  
 width:82px; 
 float:left;
 margin-left:2px;
}

#logosmall img 
{
 margin:auto;
 padding:3px 2px 2px 3px; 
 _margin-top:4px; 
 _margin-right:1px;
 _margin-left:1px;
}
#smalltitle
{
 float:left; 
 width:535px; 
 margin:0px auto 0px auto; 
 padding:0px 0px 4px 0px; 
 border-bottom:2px #660000 solid; 
 font-family:BenFranklin,Garamond,serif;
 font-weight:bold;
}
/* 'topstorynav' is used for both the top of stories
   and the individual photo gallery pages.  The separate
   subclass 'photonav' makes minor mods for the photo pages
*/
.topstorynav 
{
 float:right;
 font-family:Arial,san-serif;
 font-size:9pt;
 font-weight:normal;
 color:#660000;
 line-height:1.1em;
 padding:1px;
 border:2px #660000 solid;            
 margin:0px auto 0px auto;
}
.topstorynav a
{ 
 display:block;
 text-align:center;
 width:92px;
 background-image:none;
 background-color:#FFFFE0;
 border:2px outset #FFFFE0;
 padding:1px;
 margin:0px;
}
.topstorynav a:hover
{
 background-color:#660000;
 color:#FFFFE0;
}

/* 'photonav' modifies 'topstorynav' 
    specifically for the photo pages */
.photonav
{
 margin-top:4px;
 color:black;
}
.photonav a
{
 float:right;
 color:#660000;
 width:70px;
 margin-right:5px;
}

  /* 'storynav' styles the bottom links on story pages  */

.storynav a 
{ 
 background-color:#FFFFE0;  
 border:4px #FFFFE0 outset;
 padding:2px 4px 2px 6px;
 font-weight:bold;
 font-size:9pt;
 font-family:Verdana,sans-serif;
}
.storynav a:hover
{
 background-color:#330000;
 color:#FFFFE0;
}
.spacer
{
 clear:both;
 margin-top:5px;
 margin-bottom:5px;
}