/*  css style sheet */

/* all pages basic */

body {
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	background-color:#000099; 
	}  
* {
	margin: 0;
	padding: 0; }  

#wrapper {width:750px; 
	padding: 0; margin:0;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #FFFFFF;
	margin-left: -375px;
		} 

#wrapper2 {
	width: 750px;
	margin: 0; 
	padding: 2px 0 10px 0;
	position: absolute;
	top: 110px;
    border: 1px solid #000099;
	} 

#header {
	width: 750px;
	margin: 0;
	padding: 0;
	height: 110px;
	position: absolute top left ;
	border-bottom: 1px solid #eee ;
	background: #ffffff url(images/head_bg2b.gif) repeat-x left top; 
	}  

#leftcolumn {
	float:left; width:145px; 
	margin-right: 10px;
	background-color: #EEE;
	padding-bottom: 2em;
	}  

#maincolumn {
	float:left; 
	width:450px;
	background-color: #FFFFFF;
	padding: 0 0 10px 0;
 	} 
	
#maincolumn2{
	float: right;
    padding: 0 0 10px 0;
	margin-right: 10px;
	width: 575px;	}  
 
#rightcolumn {
	float: right;
	width: 125px;
	margin-left: 10px;
	background: #FFF url(images/header_bg3.gif) repeat-x top left;
	text-align: center;
	} 
	
#footer {
	clear: both;
 	background-color: #0033FF;
	color: #FFFFFF;
	font: italic .90em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*important */
	padding: 0.1em 0 0.3em 0; 
	}  
	
#logo {
	position: absolute;
	right: 4px;
	vertical-align:middle;
	margin: 0;
	top: 6px;
	}  

/* main column */

 
.hide, .hidden{
	visibility:hidden;}  
	
/************** index page ***************/
 #index1 {
 	color: #000099;
 	font: 2em Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;	
 	letter-spacing: 4px;
	word-spacing: 6px;
 	text-transform: uppercase;
 	padding: 25px 0 0 10px; 
	}  
	
.feature{
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	} 

.feature h3 {
	color: #36f;
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	text-align: left;
	}
	

.feature #center h3 {
	text-align: center;
	} 
	
.space05 {
	letter-spacing: .05px;
	}  
.space083 {
	letter-spacing: .83px;
	}	 
.space1 {
    letter-spacing: 1px;
	}  
	
.space2 {
	letter-spacing: 2px;
	}  

.space4 {
	letter-spacing: 4px;
	}  

.feature img, story img{
	float: right;
	padding: 0 0 0 0;
	}   


a.img {
	list-style-type: none;
	text-decoration: none;
	}	 
	
/************** .story styles *****************/
.story-1 {
    clear: both;
	padding: 0;
	font-size: 1em;
	}   
.story-1 p {
	padding-bottom: 0px; }  

.story-1 p.last {
	padding-bottom: 2em; } 
	
.story-1 p.both-f-l {
	padding: 1em 0 2em 0; } 


.story{
	clear: both;
	padding: 10px 0 0 0;
	font-size: 1em;
	}  
	
.story p{
	padding: 0px 0px 10px 0px;
	}   
	

.story_contact {
	padding: 0, 0, 10px 0;
	font-size: 1em;
	}  

.story_contact p {
	padding: 0 3em;
		}  
		
 .story h3, .story_contact h3, .story-1 h3{
   	color: #0033FF;
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	padding: 0.5em 0;
	text-align: left;
	font-variant: small-caps;
	}  

/* end story style */

/* begin contact stuff - some div .story_contact above for forms*/
	
#web_box {
    font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	background-color: #99CCFF;
	padding: 5px 30px 10px 30px;
	border: #000 solid 2px;
	position: absolute;
	right: -19em;
			}		 

#email-box {
	position: relative;
	height:3em;
	width: 200px;
	padding-bottom: 3em;
	}  
/* end main contact stuff */
	
/* recipe area */
.contribute {
color:#999999;

font-size: .98em;
font-style:italic;  
  margin-bottom: 2em;
    }  

#instruct {
padding-top: 1.5em;
} 
 
.recipe_lfcolb {
    font-size: 0.98em;
	font-style: italic;
	}   
   /* end recipe area */
	    
.recipe_lfcolb {
    float: left;
	width: 250px;
	padding-left: 10px;
	padding-right: 20px; }  
	
.side-by-side2 {
	width: 97%;
	margin: 0 0 0 2em;}  


.contribute {
  color:#666666;
  padding-bottom: 2em;
    }  
             
.ingredients {
width: 95%;
margin: 0 0 0 2em;}  

/* ends recipe stuff */

/* other side by side column work */ 
.spint, .programs_lfcol, .programs_rtcol, .sp-int-grp  {
	color:#000099;
	font-size: 0.98em;
	font-style: italic;
	
	}  
	
.side-by-side {
     margin: 0 0 2em 2em;}  
	 
	.sp-int-grp {padding-left: 30em;} 
	
.programs_lfcol {	
	float: left;
	width: 50%;
	}   

.programs_rtcol{
	float: right;
	width: 50%;
		}  
.lf-list {float: left;
width:45% }

.rt-list {float:right;
width:45% }

.rt-list2 {float: right;
color:#0000FF;
font-size: .92em
width:42% }


.spint, .sp-int-grp {
	text-transform: uppercase;
	padding-left: 4em;
	} 	
	
/* images */
        
     .clear {clear: both;}  



.rtpixmain {
	float: right;
	padding: 0 0 2px 2px;
	} /* from original */
	
.rtpixmain p {
	text-align: center;
	font: italic .94em Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
 	}	 
	
.lfpixmain
	{
	float: left;
	width: 133px;
	padding: 0 2px 2px 0;
		} 
		
.lfpixmain3 {
	float: left;
	 padding: 0 2px 2px 0; }  
	 		
.lfpixmain3b {
        float: left;
		padding-right: 4px;
		padding-bottom: 4px; }  
	 
 .lfpixmain p {
	color: #666666;
	font: italic .94em Geneva, Arial, Helvetica, sans-serif;
    margin-right: 2px;
	text-align: center;
	float: left;}   

    /* image widths set */

#blk-w90 {width: 90px;}  

#blk-w92 {width: 92px;} 
	
#blk-w125 {
	width:125px } 
	
#blk-w127, #blk_w127 {width:127px; } 

#blk-w129 {width: 129px; } 
	
		
#blk-w129-lf {
	width: 129px;
	padding-right: 2px;
	padding-bottom: 2px; }
	
#blk-w131_lf {
	width: 131px;
	margin-left: 2px; } 
	
#blk-w133_lf, #blk_lf-w133 {
	width: 133px;
	padding-right: 2px;
	padding-bottom: 2px; } 
	
#blk-w133, #blk_w133 {width: 133px;}  
	
#blk-w135, #blk-w_135 {width: 135px;}  
#blk-w137 {	width: 137px;} 

#blk-w137rt{
	width:137px;
	padding-right: 10px;
	padding-bottom: 2px; 	}  
	
#blk-w135_lf{
	width: 135px;
	padding-right: 2px;
	padding-bottom: 2px; 	}  

#blk-w147 { 	width: 147px;	}  
#blk-w148 { width: 148px;}
	
#blk-w152, #blk_w152  {	width: 152px; 	}  
#blk-w154, #blk_w154, #blk-w154a, #blk-w154b, #blk-w154c, #blk-w154c, #blk-w154d, #blk-w154e, #blk-w154f, #blk_w154a, #blk_w154b, #blk_w154c, #blk_w154d, #blk_w154e {width: 154px;}

	
#blk-w155, #blk-w155a, #blk-w155b,  #blk-w155c, #blk-w155d, #blk-w155e, #blk-w155f, blk_w155, #blk_w155a, #blk_w155b   {width:155px;}  

#blk-w157 {	width: 157px; }   

#blk-w157lf {
	width: 157px;
	padding-right: 4px;
	padding-bottom: 2px; 	} 
	
#blk-w182, #blk-w182a {	width:182px; }  
#blk-w187 { width:187px; }

#blk-w199 {width:199px; }
			
#blk-w202, #blk_w202    {width: 202px;  }  
#blk-w204d {
	width: 204px;
	padding-top: 1em;}

#blk-w204_lf{
	width: 204px;
	padding-left: 2px;
	padding-bottom: 2px; }  
	
#blk-w208, #blk_w208  {
    width: 208px; }  
	
	
#blk-w216_lf  {
	width: 216px;
	padding-left: 2px;
	padding-bottom: 2px;	}  
	
#blk-w218  {    width: 218px; }  
	
#blk-w227  { width:227px; }  

#blk-w-227_lf {
	width: 227px;
	padding-left:2px;
	padding-bottom:2px;
	background-color:#FFFFFF;	}  
	
#blk_w228, #blk-w228, #blk-w228b{
	width: 228px;      }	 

	
#blk-w238,  #blk_w238  { width: 238px; }  

#blk-w231  {width: 231px; 	}  
 
#blk-w232  { width: 232px; 	}   

#blk-w252, #blk_w252, #blk-w252b, #blk_w252b   {width: 252px;}  

#blk-w254 {width: 254px;}

#blk-w286 { width: 286px;}  
	
#blk-w302 {	width: 302px; } 	



    /* ends image widths  */
	
.lfmargin {
	margin-left: 5px; } 
	


   
 /* global navigation  left column*/
 
.dropdown, .nodrop {
	display:block; 
    position:relative; 
	color: #000099;  
	font-variant: small-caps;
	}  
		
.dropdown dt, .nodrop ul {
	width:131px; 
	border:2px solid #CCC; 
	padding:5px; 
	font-weight:bold; 
	cursor: pointer; 
	background: url(images/navon2.gif) repeat-x center left;
	}  
	
.dropdown .upperdd, .nodrop ul{
	border-bottom:none;
	}  
	
.dropdown dt:hover, .nodrop li:hover {
	background: url(images/navovr2.gif) repeat-x center left;
	}  
	
.dropdown dd {
	position:absolute; 
	top:0; 
	overflow:hidden; 
	width:145px; 
	display:none; 
	background:#FFF;
	opacity: 0; 	
	}  
	
.nodrop ul  {width: inherit;
		border: 2px solid #ccc;
		list-style: none;}  
		
.nodrop li {display: inline;
	line-height: 2em;}  
	
.dropdown ul {
	width:141px; 
	border:2px solid #ccc; 
	list-style: none;
	}  
	
.dropdown li {
	display: inline;
	
	}  
	
.dropdown a:link, .nodrop a:link, ul .nodrop a:link  {
	color:#000099;
	}  
	

.dropdown a:visited, .nodrop a:visited {
	color:#3366FF;
	} 
	
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block; 
	padding:4px; 
	text-decoration:none; 
	background: #F6F8fB url(images/navon2.gif) repeat-x center left; 
	width:133px;
	}  
	
.nodrop a, .nodrop a:active, .nodrop a:visited {
	display:block; 
	padding:0 5px; 
	text-decoration:none; 
	background: #F6F8fB url(images/navon2.gif) repeat-x center left; 
	width: inherit;
	} 
	
.dropdown a:hover, .nodrop a:hover  {
	background:#d9E1E4 url(images/navovr2.gif); 
	color:#000fff;}  
	
.dropdown a:active, .nodrop a:active {
	color:#FF0000;
	}  
	
.dropdown .underline, .nodrop .underline {
	border-bottom:1px solid #E0E0E4;
	}   	
	
	
/* text styles left column other index page shown used for */

p.lfnotes {
	font-size: .94em;
	color: #666666;
	padding: 0.5em 0 0.5em 7px;
	} 



/* links left column */

h3.lflink {
    color: #3366FF;
		background-color:#EEE;
	font-size: 1.1em;
	padding: 1.5em 0 0.5em 7px;
	}  


ul.left, ul.addl_lnks {
	background-color:#EEE;
	padding-bottom: 2em;
	}  
	
li.other {
	color: #999999;
	font: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	display: block;
	list-style-type: none;
	line-height: 1.4em;
	padding: 6px 0 4px 6px;
	}
	

li.other {
	color: #999999;
	}  
	
#dkblue_sm{
	 color: #000099;
	 font-size: .98em;
	 }	 
	 
#dkblue {
	color: #000099; } 
	 

p.imgtag  {
	font: italic 0.94em Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#666666;
	padding: 0;
	margin: 0;
	} 	

			
/* right column boxes */

.rtempty_top {
	padding: 1em 0;
	text-align: center; } 
	
.rtempty_top h3, .rtempty h3 {
	color: #000099;
	line-height: 1.4em;
	font-size: 1em;
	text-transform:capitalize;
	padding: 0 2px; 
	} 
.rtempty_top p {
	color: #FFFFFF;
	font-size: .94em;
	padding: 1em 2px;
	} 


.rtbox {
	background-color: #FEDC00;  /* color matches lion  */
	padding: 1em 0;
	text-align: center;
	margin: 2em 0;
	} 
	
.rtbox h3{
	color: #FF0000;
	line-height: 1.4em;
	font-size: 1em;
	text-transform:capitalize; 
	}  
	
.rtbox p {
	color: #000000; 
	font: .94em;
	padding: 4px 0;
	} 
	


.rtbox2 {
	background-color: #FF0000;
	padding: 1em 0;
	text-align: center;
	margin: 2em 0;
	} 


.rtbox2 h3 {
	color: #000000;
	line-height: 1.4em;
	font-size: 1em; 
	}   
	
.rtbox2 p{
	color: #FFFFFF;
	font: .94em;
	padding: 4px 2px; 
	}  
	
.rtbox_empty {
	
	margin: 1em 0; }   
	 
.rtbox_empty p{
	color:#666666;
	font-size: 92%;
	font-style:italic;
	padding: 1em .35em;
	}    
	
.rtempty {
	padding: 1em 0;
	text-align: center;
	margin: 0.5em 0 1em 0;
	} 

.rtempty p {
	color: #666666;
	font-size: 0.94em;
	padding: 1em 2px;
	font-style:italic;
	} 
	
.rtempty ul {
	color: #000099;
	font-size: 0.94em;
	padding: 1em 2px;
		} 
.rtempty li {
	padding: 1em 2px;
	}   
.rtempty h4 {
	text-align: center;
	}  
	



.cd {
    padding: 0 1px;}  
	
.box {
	border-color:#000000;
	border: 1px solid;
	}	 

	
a#rightcolumn {
	color:#0000FF;
	font-style:italic;
	} 
	
div#rightcolumn a {text-decoration:none;}  


/* type general */

h1 {color: #000099;
   	font: 1.8em Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;	
   	letter-spacing: 2px;
	word-spacing: 4px;
  	text-transform: uppercase;
   	padding: 5px 0 0 10px;
	}  
		
   h2 {
 	color: #0000FF;
    font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
    letter-spacing: 2px;
	word-spacing: 4px;
	position: absolute;
	left: 79px;
	top: 78px;
    padding-bottom: 0.25em;
	width: 70%;
 	}  
	
   h2.long {
    color: #0000FF;
    font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
    letter-spacing: -1px;
	word-spacing: 4px;
	position: absolute;
	left: 79px;
	top: 78px;
    padding-bottom: 0.25em;
	width: 70%;
 	}  
	
	h2.longr {
	color: #0000FF;
    font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
    letter-spacing: -2px;	
	position: absolute;
	left: 79px;
	top: 78px;
    padding-bottom: 0.25em;
	width: 72%; }

.mail-ctr, .center {
	text-align: center;
	}  	
.size-down {
	font-size: .94em;
	} 
	
.size-down-italic {
	color:#000099;
	font: italic 94em;
	text-align: center;
	padding: 0.25em;
	} 


h4 {
 	color: #000099;
 	text-align: left;
 	font: 1.2em italic Geneva, Arial, Helvetica, sans-serif;
 	background-color: #EEE;
 	padding: 0.5em 0;
	}  

  h5 {
	 color: #000;
 	text-align: left;
 	font-size: 1em;
 	font-variant: small-caps;
 	background-color: #EEE;
	 padding:0.5em 0; 
 	border-top: 1px solid #666666;
	 border-bottom: 1px solid #666666;
 	}  
	
.altbkgrd {
 	background-color:#f4f5f6;	
		}  
		 
p.altfirst1 {
padding-top: 1em;
} 

p.altfirst2 {
padding-top: 1.5em; 
padding-bottom: 1.5em;} 


p.altlast {
padding-bottom: 1em; }  
		
#alternate {
 	color: #000099;
 	text-align: left;
 	font: 1.2em italic Geneva, Arial, Helvetica, sans-serif;
  	padding: 0.5em;
  	background-color: #FFFFFF;
	} 
  
 #tagline {
 	color: #FF0000;
    font: italic  bold 1em, Geneva, Arial, Helvetica, sans-serif;
 	padding-bottom: 1em;
	vertical-align: middle;
 	position: absolute;
   	 top: 44px;
	 left: 40px;
     width: 60%;
  	}
	
#tagline2 {
    color: #ff0000;
	font: italic bold 1.4em, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	vertical-align: middle;
	position: absolute;
	top: 55px;
	left: 45px;
	width: 60%;
	} 
	
  
/* re:blockquote: shold change blockquote to message div since used padding etc. fixes other issues and definition of blockquote to for web*/

blockquote   {  
	color: #000099; 
	background-color: #EEE;
	padding: 1em 3em 2em 1.5em;
	font: italic  .98em;
	text-align: center;
	border-width: 1px;
	border-style:dotted;
	border-color: #000099;
	} 
	
.message-box {  
	color: #000099; 
	background-color: #EEE;
	padding: 1em 3em 2em 3em;
	font-size: .98em;
	font-style:italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-width: 1px;
	border-style:dotted;
	border-color: #000099;
	
	} /*from original blockquote changed to this */

p {
	padding: 5px 0px 5px 0px;
	line-height:1.4em;
	}  
	
/* lists */

ul, ul ul, ul ul ul{	
 	display: block;
 	}  

ul ul{
 	list-style: square  url(images/button2.png) outside;
 	}  
ul ul ul {
	list-style-type: none;}   
		
ol  { 
    list-style-type: decimal;
	display: block;
    padding: 0.5em 0 2em 2em;
	list-style-position: inside;
	}  
	

	
ol ol {
	padding: 0 0 0 2em; 
	}   
	
li {
	padding: 0.25em 0;
	}  

 
li.names_inline{
	padding: 4px 8px;
		}   
		

ul.inline, ul.sameline  {
	display: block;
	margin: 0;
	list-style-type: none;
	}  
	
ul.inline li, ul.sameline li
{ display: inline;
 }  
 
 #indent {
	padding-left: 2em;
	}    
	
#tab2-bsp2 {
	padding-left: 2em;
	padding-bottom: 2em;
	}   
	
	
/* this area changed a lot so left in some codes maybe not used */


ul.none, ul.level-2, ul.no-dot, ol.nomarks-site
   {display: block;
   list-style: none;
   padding-left: 2em;} 
 

.nomarks
	{list-style: none;
		}	
		  
ul.no-dot, ul.none , ul.level-2 {

	padding: 0 0 2em 2em;
	list-style-type: none;
 	} 
	
ol.no-dot, ol.none {
    list-style-type: none;
 	padding-right: 1.5em;
 	font-size: .92em;
 	color: #333333;
	} 

ul.rts-lst2, ul.none2, ul.sub-level2 {
	padding: 0.5em 1.5em 0.5em 0;
 	 color: #666666;
	 font-size: .92em;
	 list-style-type: circle;
	 } 

ul.rts-lst3, ul.none3 , ul.sub-level3 {
	padding: 0.5em 1.5em 0.5em 0;
	color:#666666;
	font-size: .92em;
	list-style-type: circle;
	list-style: outside;
} 

ul.sub-level3b {
	padding: 0.5em 1.5em .5em 1em;
	color:#666666;
	font-size: .92em;
	list-style-type: none;
	list-style:outside ; } 
	
ul.center3, ul.rts-list3 {
	padding: 0.25em 0 2em 2em;
	list-style: square url(images/button2.png) outside;
	margin-left: 1em;
	} 	
	
ul.rts-lst4 {
	padding: 0.5em 1.5em 0.5em .5em;
	color:#666666;
	font-size: .92em;
	list-style-type: circle;
	list-style: outside;
	} 
	
.sublevel {
	width: 450px;
	margin: 1em 0 1em 4em; }
	
ul ul.mini {
 list-style-type:none;
 list-style: outside;
 } 
 
li ul ul.mini {
padding-left: 50px;} 

span.inset-more {
	padding: 6em 0;}

#in-lf-2 {
	padding-left: 2em;} 

ul.link-list li{padding:0.5em 0;} 

li.inset, li.tb-cushion {
  padding: 0.5em 0;
  } 

.end_notes {
 	list-style-type: none;
	list-style-position:outside;
	padding-right: 1.5em;
	color: #333333;
	font-size: .92em;
	background-color: #99CCFF;
	border-top: 2px solid #0033FF;
	border-bottom: 2px solid #0033FF;
	} 	  

ul.center2, .lod-goals, .lod-meets, ul.logo-info, ul.link-list {
	padding: 1em 0 2em 2em;
	list-style: square  url(images/button2.png) outside;	
	} 

ul.membrbeni {
	padding: 1em 0 2em 2em;
	list-style: square  url(images/button2.png) outside;
	border: 2px solid #eee;
	margin-right: 1.5em;
	margin-left: 1.5em;
	margin-top: 0.5em;
	line-height:1.6em;
	
	} 
	
ul.simplelist {
	padding: 0.5em 0 2em 3em;
	list-style: square url(images/button2.png) outside;
	margin-top: 1em;
	} 
	
	
ul.center3, ul.rts-list3 {
	padding: 0.25em 0 2em 2em;
	list-style: square url(images/button2.png) outside;
	margin-left: 1em;
	} 
	
#goals {
	padding: 0 2em;
	}  
	
#goals ul, #goals ul li {
	padding: 0.5em;
	color:#333333;
	list-style: square outside url(images/button2.png);
	} 
	
ul.papr-crft-list {
	padding: 0.5em 0 1em 4em;
	list-style: square url(images/button2.png) outside;
	margin-left: 1em;
	} 

ul.crft-list {
    padding: 0 0 1em 1.5em;
	list-style: square url(images/button2.png) outside;
	margin-left: 1em;
	} 
 

/* text colors */

.lnklike, #linkish {
   color: #0000CC;
   }  /* maybe change to #0000ff which also is royal blue above*/
   
 #link-colr {
 	color:#0000FF; } /* dont think used -- not sure which is link color this or lnklike above  or the link-colr in literary society works best with color #0000ff not 000099 which was originally coded... ...color4 below which worked nicely*/
	
.color4, .color4-rblue, .send-colr{
	color:#0000FF;
	} /* from original but don't think used all these anymore did use color4-rblue in dnnewsz*/  

.redhotstyle {
	color:#FF0000;
	font-style: italic;
	font-weight: bold;
	} 
	
.redstyle {
	color:#ff0000;
	font-style: italic;
	}  

/* sitemap area */		 	


p.sitelevel1 {
	padding-left: 4em; 
	line-height: 1em;
	} 
	
	
p.sitelevel_2 {
	padding-left: 6em;
	line-height: 1em;
	} 
ul.subprime,{
display:block;
list-style: none;
list-style-type: none;
padding-left:2em;
line-height: 1em;
}	



/*  end site area */

span.correct-linesp {
          line-height: 1.5em;
	}	 
		
div.indent, div.indented,.level-3 {
	width: 350px; 
	margin: 1em 0 1em 4em;
	} 
	

 

	
.intro_note {
  	font: italic 0.98em Geneva, Arial, Helvetica, sans-serif; 	
	}
	

	 
p.first {
	padding-top: 0.5em;
	} 
p.bigfirst {
	font-size: 1.5em;
	font-style: italic;
	color: #000099;
	padding-top: 1.5em;
	padding-bottom: 4em;
	}
	
p.list {
	padding-bottom: 0.5em;
	}
	
p.list-first {
	padding: 0.5em 0;
	} 
	
p.first-spacebot2 {
	padding-top: 0.5em;
	 padding-bottom: 2em;}	

p.first-smaller {
	font: .98em italic;
	color:#666666;
	padding: 0.5em 5px;
	background-color: #ccc;
	padding-bottom: 1px;
	border-bottom: solid #666666;
		 }  /* not sure if moving padding solid color to border-bottom helps ? */
	 
p.first-smaller1 {
	font: .98em italic;
	color: #000;
	padding: 0.5em 5px 1em 5px;
	background-color: #eee;
	padding-bottom: 1px;
	border-bottom: solid #666666;	
	 }	/* not sure if moving padding solid color to border-bottom helps ? */ 
	 
.center-pad {
	text-align: center;
	padding: 1em 0.2em;	
	} 
	

.lod-name, .glpres-info {
     color: #000099;
	 }  
	  
.emphasis	{
	 	font-weight: bold;
		font-style: italic;
		} 



/* table styles */	

table {
      border: 1px solid #000099;
	  background-color:#99CCFF;
	  vertical-align: top;
	  border-collapse: collapse;
	 
	   }  
	   


	
table.lod-universal {
	width: 100px;
	margin: 0;
	padding: 1px 15px;
	}  
	
table#lod_calendar {
	width: 100px;
	margin: 0;
	padding: 1px 0;
	background-color:#eee;
	}


table#due_dates, table#ad_rates {
	width: 410px;
	margin: 3px 15px 30px 15px;
	padding:0 15px;
		} 
		
 table#lod-cal-ctr {
 width: 555px;
 margin: 3px 15px 30px 15px;
 padding: 0 15px 2em 15px;
  }  

div.grp_table {
     margin-left: 53px;
	 }  
	 
table.lodge {
	width: 448px;
	margin: 3px 0 30px 0;
	padding:1px 15px;
		}  

		
table.lodge-contact {
	width: 575px;
	margin: 3px 0 30px 0;
	padding: 4px 15px;
	}  
		
table.events {
	width:558px;
	margin: 3px 0 30px 0;
	padding: 1px 15px;
	}  
	
table.plain { background-color:#FFFFFF;
     margin: 0 10px;
     border: 1px solid #0000FF;
     font-family: Arial, Helvetica, sans-serif;
     vertical-align: top;
	 border-collapse: collapse;
        }	   
option {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: .92em; }
	
caption {
	color: #000099;
	font-size: 1.2em;
	padding-top: 2em;
	}  
	
caption.side {
	color: #000099;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1.5em 0 1em 0;
	border-top: solid 1px #666666;
	}  

span.meets {
	color:#999999;
	font-size: .92em;
	font-weight: normal;
	padding-top: 1em;
	}  
	 
tr {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	vertical-align: top
	}  



td {
	margin: 0;
	text-align: left;
	padding: 10px;
	border-collapse: collapse;
	vertical-align: top;
	font-size: .96em;
	line-height: 1.2em;
	border: 1px solid #000099;
      }  
	  

.even{
	background-color: #CCC;
	}  

.odd {
	background-color: #EEE;
	}  
	
.odd_lodcal {
	background-color: #EEE;
	padding: 5px 2px;
	font-size: .92em;
	} 

.even_lodcal {
	background-color: #CCC;
	padding: 5px 2px;
	font-size: .92em;
	}  


td.dnevent
	{color:#FF0000;
	font-weight: bold;}  
	  
	
.thead {
	background-color: #999999;
	padding: 0.5em 0;
	font-size: 12px;
	color: #FFFFFF; }  

	   
td.thead_odd, td.thead_even {  
 	color: #0033FF;
    border: 1px solid #666666;
    font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 10px;
	vertical-align: middle;
	}  
	
td.thead_odd {
	background-color: #eee;
	}  
	
td.thead_even {
	background-color: #ccc;
	}  
	
	   /*   hoover and visited color changes  */
	
table a:link
    {
	color: #0000FF;
	font-weight: bold;
	}  
table a:visited {
 	color: #005a8e;}  /* in original also used 0066ff too purple  0000FF */  
	
table a:hoover 	{
	color:#ff0000;
	border-left: 1em solid #0000ff; }  
	


	
	/*  end table area question */
	
/* regular links in most areas */
a, a.link 
	{color:#0000ff; } /*--important --*/
a.visited {
	color: #005a8e;} /*--important --*/
a.hoover {
	color:#FF0000;} /*--important --*/
a.active
       {color:#000099;} /*--important --*/ /* could also use #0033FF */ 
   /*--end link area most */

 /* positioning  */
 
 
		

#bot_space, #sp-bot1, #bot-sp1{
	padding-bottom: 1em;}  

#ingr-bot-sp
     {
	padding-bottom: 1.5em;
	}  
		     
#bot-sp1_05, #bot_sp1_05, #bot_sp1_05b {
	padding-bottom: 1.5em;
	}  
#bot-sp2, #bot_sp2, #bot_sp2b, #pad_bottom, #pad_bot2, #sp-bot2, .sp_bot2   {
	padding-bottom: 2em;
	}  


#bot_sp3, #bot-sp3 {
	padding-bottom: 1.5em; 
	} 
	 
#bot-sp4 {
	padding-bottom: 4em;
	}  
	
.bot-space5 {
	padding-bottom: 5em;
	} 
	
.sp-bot6 {
	padding-bottom: 6em;} 
	
/* end positioning */


p.top_anchor {
	padding-bottom: 3em;
	}
	
#topline1{
	border-top: 1px solid #000099;
	}  
/*  end tables  */  



/* used for float  clearing */

.clearall, #bothclear { 
	clear: both;
	}	
	

	
#lf-clear, .lfclear {
	clear: left;} 

	
	
.rtclear {
	clear: right; }  
	
	
#rtpix_clr, #rtpix1_clr, #rtpix2_clr, #rtpix3_clr {
	clear: right; 	}	 
	


/* picture gallery */

div.gallery {
	margin: 10px;
	padding-bottom: 2em;
		}  
div.figure {
	float: left;
	width: 155px;
	margin: 5px 10px 10px 15px;
	}  

.photo {
	background: url(images/drop_shadow.gif) no-repeat right bottom;
	padding-bottom: 4px;
	}  
	
.photo img {
	position: relative;
	top: -3px;
	left:-3px;
}  

div.desc {
text-align: center;
font-weight: normal;
width: 125px;
margin: 2px;
} /* think taken out from gallery of albbun...maybe can delete this now */

.rtimg{
      text-align: center;}  

div.img, div.pix {
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
} /* think not really used */

div.ctr-pix    {
	margin: 3px;
	height:auto;
	width: auto;
	}  

.text_line {
     clear:both;
      margin-bottom: 2px;
      }  
	

/* IE 5/6 border erase bug */
* html #gallery {
	width: 100%; 	}  

/* IE 5 placement bug */
* html #gallery img {
	width: 100%;}  

/* IE 5/6 border erase bug */
    * html .gallery{
	width: 100%;} /* added as gallery was a # not a . */

/* IE 5 placement bug */
* html .gallery img{
	width: 100%;
	} /* added as gallery was a # not a . #/
	
/* ends gallery  */ 


src {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}  

div.ctr-pix     {
	margin: 3px;
	height:auto;
	width: auto;
	}  

	/* join page */
#membenif, #memqual  {
	border: 2px solid #eee;
	margin-right: 1.5em;
	margin-left: 1.5em;
	margin-top: 0.5em;
	line-height:1.6em;
	}  


.membrcat {
   	border: 2px solid #eee;
	margin-right: 1.5em;
	margin-top: 0.5em;
	line-height:1.6em;
	}  

#boxed-in {
	width: 430px;
	border: 1px solid #FF0000;
	margin: 10px 10px 0px 10px;
	padding: 0;
	}  
	
#small_96 {
	font-size: .96em;
		} 
		
.underline {
	text-decoration: underline;
	font-weight: bold;}  
		
 
#pad_topbot, #tb-pad2, #tb-sp2
	{padding: 2em 0;
	}	 
	
	
.noline {
	text-decoration: none;}  
		
		
/* placement  */

.center, .mail-ctr {
	text-align: center;
	}   

li.names_inline{
	padding: 4px 8px;
		}  
		
.rtpad {
	padding-right: 5px;
	}  
.lfpad  {
	padding-left: 5px;
	}  
			
#down-bit, .bit-down {
	padding-top: 0.5em; }  	

.down1 {padding-top: 1em;}  		 

#down-1, #down_1 {
	padding-top: 1em; }  
	
#down-2, #down_2, #down-2b, #down_2b, #down-2c, #down_2c, .sp-down2 {
	padding-top: 2em;	}  
		
#down-4 {
	padding-top: 4em; }  
	
#down-5 {
	padding-top: 5em;} 
	
#down-6 {
	padding-top: 6em;  }  
#down-7 {
	padding-top: 7em;  }  
		   
#down-8 {
	padding-top: 8em;
	}  
	
#down-10, #down_10 {
	padding-top: 10em; 	}  
	
#down-12, #down_12{
	padding-top: 12em; 	}  
#pad-top14, #down-14 {
	padding-top: 14em;
	}  
	
#down-16{
	padding-top: 16em;}  
	
#down-18, #down_18	{
	padding-top: 18em;	 }  

#down-20 {
	padding-top: 20em; } 

#down-22 {
	padding-top: 22em; }  
	
#down-24 {
	padding-top:24em; }  

#down-28 {
	padding-top: 28em; }  

#down-32
  {padding-top: 32em; }  
  
 #down-36
  {padding-top: 36em; }  

#down-37
  {padding-top: 37em; }  
  
#down_40  {
	padding-top: 40em; }
#down-41 {
	padding-top: 41em; }  	
#down-42 {
	padding-top: 42em; }   
	
#down-45 {
	padding-top: 45em; }  
#down-46 {
	padding-top: 46em; }   

#down-50 {
	padding-top: 50em; }  
	
#down-56 {
	padding-top: 56em; }  
	
#down-59 {
	padding-top: 59em; }   
	
#down-62 {
       padding-top: 62em; }  
	
#down-64 {
       padding-top: 64em; }    
	   
#down-66 {
	padding-top: 66em; }  


#down-72 {
	padding-top: 72em; }  
	

	
#down-79 {
    padding-top: 79em;} 
	
#down-83 {
	padding-top: 83em; }  

#down-100 {
  padding-top: 100em;}  
  
#down-130 {
   padding-top: 130em;} 
   
#down-160 {
	padding-top: 160em;
	} 
	

	
.article_note, .articlenote {
	  color: #0033ff;
	  font: italic 0.98em Geneva, Arial, Helvetica, sans-serif;
	  padding: 1em 0 3em 0;
	 	   }  

   #dkblue_sm2 {
	 color: #000099;
	 font-size: .96em;
	 }	/*smaller than plain dkblue it appears -don't think used */

.crtmem_name {
	color: #3366FF;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
	padding-top: 1em; }  
 
.boxupdate {
	font: italic 0.94em Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	padding: 0; /* important */
	margin: 0;   /* important */
	border-bottom: 2px solid #0033FF;
	background-color: #99CCFF;
	border-top: 2px solid #0033FF;	
	}   
	
#lodaddr {
	font: italic  lighter .94em Arial, Helvetica, sans-serif;}  

 	
.date  {
	color: #3366FF;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
	}  
	
 

ul.form, ol.form
{
list-style-type: none;
 color: #0000FF;
 font-size: 1em;
 font-style: italic;
 padding: 0 1em 1em 0;

 }  
 
 legend {
  color:#FF0000;
  font-size: 1.1em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 1em 0;
  margin: 1em 0;
  }   
  option {
  font-family: Arial, Helvetica, sans-serif;
  color:#0000FF;
  font-size:9px;
  font-style: italic;}
 
 
  /* Below may need to fix the name, email, city , state need to be floated to right at fixed point- renders differently on different browsers using ems changed these to e-mail, c-ity, st-ate, count=ry, tel in forms  */
 
#name  {
   margin-left: .25em; 	}   
   
#e-mail {
	margin-left: 4.6em; } 
	 
#st-ate {
	margin-left: 4.7em; } 
	 
#c-ity {
	margin-left: 5.4em;}  
	
.label-pad {
	padding-left: 0.5em; } 
	
#inquiry{
	font-style: italic;
	color: #333333;
	font: Lucida, Georgia, "Times New Roman", Times, Serif;
	line-height: 1.4em;
	margin-top: 1em;
	}  
 	
 li ul.form, li ol.form
 {list-style-type: none;
  padding: 1em 0;
  }	    
li.form-indent {
	padding-left: 1em;
	padding-bottom: 0.5em;
	}  
/* end of area used for contact form to be used */


/* End CSS Document */