/*

* need a font spec for the lettering at the top of each box, which is currently:
<font size=4 color=#5B71FF><b>

*/


/*****************************************************************/
/* IMAGE FLOATS */
/*****************************************************************/
img.single {
    margin: 4px 6px 0 0;
}

img.triplets {
    /*margin		: 10px 0 10px 0;*/
    margin	: 7px 0 0 0;
}

img.left {
    margin      : 0 10px 0 0;
    float       : left;
}

img.right {
    margin      : 0 0 0 10px;
    float       : right;
}

img.3wide {
    margin	: 10px 0 10px 0;
}

img.1pic {
    margin      : 0 10px 0 0;
}

// thumbnail properties - not doing much yet
img.tb {
    margin      : 0 0 10px 0;
    width       : 150px;
    
}

img.dollar {
//    margin      : 0 0 8px 8px;
    margin      : 0 0 4px 8px;
    width       : 75px;
    float       : right;
}

img.featured {
//    margin      : 8px 0 0 0;
    width       : 150px;
    float       : center;
}

p.featured {
    margin      : 0 0 18px 0;
    width       : 150px;
    float       : center;
    text-align  : center;
}





/* in preparation for a full switch
   table.solid {
   border-style    : solid;
   }

table.banner {
border-style    : solid;
border-width    : 5px;
border-color    : #aa2244;
background-color: #ffffff;
border-spacing  : 0;
padding         : 10px;
}

*/

body {
    font-size: 18pt;
}

div.articles {
    /*margin          : 0 0 5px 12px;*/
    margin          : 0 0 5px 0;
    text-align	: left;
}

ul.articles {
//    margin          : 0 0 5px 12px;
    text-align	: left;
}



/*****************************************************************/
/* content tables (title, content, sub-content framing, etc
   /* <table class=solid border=4 width=100% bgcolor=#ffffff bordercolor=#DEA56E>
   /* I should have been able to make an identical table to the hardcoded
   /* tables I used, but the effect was ever so slightly different and not
   /* to my liking, so I'm still experimenting with this
   /*****************************************************************/
table.pagetitle {

    margin:			5px 0 0 0;  /* clockwise from top right bottom left*/

    border:			4px solid #ddd; /* border-width border-style border-color */
    border-collapse:	collapse;
    /*
      border-spacing:		3;
      */

    outline:		4px solid #DEA56E; /* outline-width outline-style outline-color */

    spacing:		2;
    padding:		2;

    width:			100%;
//    background-color:	#ffffff;

}

td.pagetitle {
    /*background-color: 	#777777;*/
    /*width: 		100%;*/

    font-weight:		bold;
    font-size:		32px;
    font-family:		Arial,Helvetica;
    font-style:		italic;
    color:			#5B71FF;
    text-align:		center;

}




/*****************************************************************/
/* LIST STYLES
   /*****************************************************************/


/*****************************************************************/
/* BLOCKQUOTE STYLES
   /*****************************************************************/



/*****************************************************************/
/* FONT STYLES
   /*****************************************************************/




/*****************************************************************/
/* TABLE STYLES
   /*****************************************************************/



/*****************************************************************/
/* DIV STYLES
   /*****************************************************************/
div {

}


div.content {
//    margin:                 0 15px 10px 15px;
    text-align:             justify;
}

div.2col {
//    margin-bottom   : 8px;
/*margin          : 0 0 8px 0;*/
}

div.nav {
    /*margin		: 10px 0 0 0;*/
    margin		: 0 0 0 0;
    font-size       : 13pt;
    font-weight     : bold; 
    text-decoration : italic;
    font-color      : #DEA56E;
}




/*****************************************************************/
/* PARAGRAPH STYLES
   /*****************************************************************/


p {		/* GENERIC PARAGRAPHS */
    margin		: 0 0 10px 0;   
    font-size	: 12px;
    font-family	: Arial,Helvetica;
/*text-align	: justify;*/
}

p.thanks {
    font-weight     : bold;
    text-align      : center;
    margin          : 3px 0 0 0;
}

p.halfline {
    margin          : 4px 0 0 0;
}

p.rightcol {
    margin		: 0 0 4px 0;
}

p.donatelink {
    font-size	: 12px;
    font-family	: Arial,Helvetica;
    margin		: 0 0 8px 0;
}

p.plain {
    margin          : 0 20px 5px 20px;
}

p.article {
    margin          : 0 20px 5px 20px;
}

p.articles {
}

p.center {
    text-align	: center;
}
p.justify {
    text-align	: justify;
}

/* framed title blocks for each page */
p.pagetitle {	/* PAGETITLES */
    color: #5B71FF;
    /*background-color: #777777;*/
    font-weight: bold;
    font-size: 32px;
    font-family: Arial,Helvetica;
    font-style: italic;
    text-align:     center;
    valign:    center;
    margin: 0 0 0 0;
}
p.pageheading {	/* PAGETITLES */
    color: #5B71FF;
    /*background-color: #777777;*/
    font-weight: bold;
    font-size: 32px;
    font-family: Arial,Helvetica;
    font-style: italic;
    text-align:     center;
    valign:    center;
    margin: 0 0 0 0;
}

p.event {	    /* UPCOMING EVENT */
    margin          : 0 0 0 0;
    color           : #000000;
    text-align	    : center;
    font-size       : 13px;
}

p.eventname {	    /* NAME OF EVENT */
    margin          : 0 0 0 0;
    color           : #000000;
    font-weight     : bold;
    text-align	    : center;
}

p.pastevent {	    /* PAST EVENT */
    margin          : 0 0 0 0;
    color           : #999999;
    font-weight     : bold;
    text-align	    : center;
}

p.canceled {	    /* CANCELED EVENT */
    margin          : 0 0 0 0;
    color           : #FF4444;
    font-weight     : bold;
    text-align	: center;
}

p.cancelledevent {	/* CANCELLED EVENT */
    margin			: 0 0 0 0;
    color			: #FF4444;
    font-weight		: bold;
    text-align	: center;
}

p.box {
    margin          : 0 0 8px 0;
}

blockquote.2col {
    margin          : 0 0 0 0;
}

p.index {
    margin          : 0 10px 0 10px;
}

p.break {
    margin          : 0 0 0 0;
}

p.letter {	/* LETTERS TO PEEGIE OR EDDIE */
    margin		: 0 0 5px 0;   
    font-size	: 12px;
    font-family	: Arial,Helvetica;
    text-align	: justify;
}

p.dearpeegie {	/* DEAR PEEGIE - DEAR EDDIE */
    margin		: 0 0 0 0;
    font-weight	: bold;
}

p.deareddie {	/* DEAR PEEGIE - DEAR EDDIE */
    margin		: 0 0 0 0;
    font-weight	: bold;
}

p.indent {
    margin		: 0 0 0 15px;
}

p.update {
    font-weight	: bold;
}

p.letter {
    margin          : 0 0 10px 0;
}

p.sep {
    font-size       : 13pt;
    font-family     : "times new roman"
    align           : center
}

p.title {
    margin		: 0px 20px 8px 20px;   
    font-size	: 12px;
    font-family	: Arial,Helvetica;
    text-align	: justify;
}

p.top {
    margin		: 0 0 2px 0;
    font-size       : 12;
    color		: #5B71FF;
    font-weight     : bold;
    /*font-style	: italic;*/
    text-align	: center;
}


p.subtitle {
    margin		: 0 10px 5px 10px;
    font-size       : 18px;
    color		: #5B71FF;
    font-weight     : bold;
    font-style	: italic;
    text-align	: center;
}

font.subtitle {
    margin		: 0 0 5px 0;
    font-size       : 18px;
    color		: #5B71FF;
    font-weight     : bold;
    font-style	: italic;
    text-align	: center;
}

/* for use in tables on the home page */
p.tabletitle {
    margin		: 0;
    font-size       : 18px;
    color		: #5B71FF;
    font-weight     : bold;
    font-style	: italic;
    text-align	: center;
}

p.subindex {
    margin          : 0 0 8px 0;
    text-align	: center;
}

p.content {
    margin		: 0 0 5px 0;   
    font-size	: 12px;
    font-family	: Arial,Helvetica;
    text-align	: justify;
}

p.2col {
    margin          : 0 0 8px 0;
}

p.2px {
    margin          : 0 2px 5px 0;
}

p {
    font-size	: 12px;
    font-family	: Arial,Helvetica;
    text-align	: justify;
}



p.backtotop {	/* for "back to top" links */
    font-size	: 12;
    font-weight     : bold;
    text-align	: center;
    margin		: 0 0 6px 0;
}

a.backtotop {	/* for "back to top" links */
    font-weight     : bold;
    text-align	: center;
    margin		: 2px 0 2px 0;
    font-size       : 16px;
    color		: #5B71FF;
}

p.bigtext {
    font-weight:		bold;
    font-size:		18px;
    font-family:		Arial,Helvetica;
    /*font-style:		italic;*/
    color:			#5B71FF;
    text-align:		center;
}









blockquote.indent {
    margin          : 0 10px 0 10px;
}

blockquote.articles {
    margin          : 0 20px 0 20px;
}

td.frame {
    font-size       : 4;
    font-color:     : #5B71FF;
    font-weight     : bold;
}


/*****************************************************************/
/* LEFT-COLUMN NAVIGATION LINKS */
/*****************************************************************/

/* for landing pages (sub-index/sitemap) */
ul.landing {
    margin          : 0 0 0 0;
    list-style-type : none;
}


li.landing {
    margin          : 0 0 3px 0;
    list-style-type : none;
//    font-weight	: bold;
}

ul.foods {
    margin-bottom   : 10px;
}

/* default list element */
li {
    margin          : 5px 0 0 15px;
    list-style-image: url(orange_blue_square.gif);
    align		: left;
    text-align	: left
}


ul.nav {
    margin          : 0 0 0 0;
    list-style-type : none;
}

li.nav {
    margin          : 2px 0 2px 14px;
    list-style-type : none;
    list-style-image: none;
}

/* gotta figure out how best to use this on the site first

font.name {
font-size       : 24pt;
font-weight     : bold;
font-color      : #5B71FF;


font {
font-size       : 10pt;
font-weight     : normal;
}

*/

/*****************************************************************/
/* SITEMAP SETTINGS */
/*****************************************************************/



p.sitemap_heading {
    margin		: 0;
    font-weight	: bold;
    text-decoration	: underline;
    font-size	: 12pt;
    text-align	: left;
}

p.sitemap_title {
    margin		: 0;
    font-weight	: bold;
    text-decoration	: underline;
    font-size	: 12pt;
    text-align	: left;
}

p.sitemap {
    margin		: 5px 0 0 20px;
    font-weight	: bold;
    font-size	: 10pt;
    text-align	: left;
}

p.sitemap_sub {
    margin		: 3px 0 0 40px;
    font-size	: 10pt;
}

font.sitemap_timestamp {
    font-size	: 8pt;
    font-weight	: normal;
}

p.timestamp {
    text-align	: center;
    font-size	: 9pt;
    /*font-style	: italic;*/
    font-weight	: bold;
    margin		: 0;
}

p.copyright {
    font-size	: 9pt;
    font-style	: italic;
    font-weight	: bold;
    text-align	: center;
    margin		: 0;
}


li.sm {
    margin          : 5px 0 0 0;
    list-style-image: url(orange_blue_square.gif);
}

li.list {
    margin          : 0 0 0 0;
    list-style-image: url(orange_blue_square.gif);
}

blockquote.sm {
    margin          : 0 0 5px 20px;
}


/*****************************************************************/
/* */
/*****************************************************************/



/*****************************************************************/
/* WIDE-SPACED LISTS */
/*****************************************************************/
ul.space {
    margin          : 0 0 0 20px;
    list-style-image: url(orange_blue_square.gif);
}

li.space {
    margin          : 0 0 10px 20px;
    list-style-image: url(orange_blue_square.gif);
}

/*****************************************************************/
/* THANKS (SPONSORSHIP AND INDIVIDUAL PAGES */
/*****************************************************************/
ul.thanks {
    margin          : 0 0 0 10px;
}

li.thanks {
    margin          : 0;
    font-weight     : bold;
    list-style-image: ;
    text-align : left;
}

/*****************************************************************/
/* SMALL-SPACED LISTS */
/*****************************************************************/
ul.plain {
    margin          : 0 0 0 0;
    list-style-type : none;
    list-style-image: none;
}

li.plain {
    margin          : 0 0 4px 20px;
    margin-right    : 0px;
    list-style-type : none;
    list-style-image: none;
}

/*****************************************************************/
/* INDENT */
/*****************************************************************/
ul.10 {
    margin          : 0 0 0 0;
    list-style-type : none;
    list-style-image: none;
}

li.10 {
    margin          : 0 0 3px 0;
    list-style-type : none;
    list-style-image: none;
}

/*****************************************************************/
/* BULLETS */
/*****************************************************************/
li.bullet {
    margin          : 0 0 2px 20px;
}

blockquote.plain {
    margin          : 0 20px 0 20px;
}

/*****************************************************************/
/* GENERIC UNORDERED LISTS */
/*****************************************************************/

ul {
    list-style-image: url(orange_blue_square.gif);
}

li {
    list-style-image: url(orange_blue_square.gif);
}





/*****************************************************************/
/* NEWS ITEM INDENTATION */
/*****************************************************************/
blockquote.news {
    margin          : 0 15px 10px 15px;
}

ul.news {
    margin          : 0 0 10px 10px;
    list-style-image: url(orange_blue_square.gif);
}

li.news {
    margin          : 0 0 5px 0;
    list-style-image: url(orange_blue_square.gif);
}


ul.newsworthy {
    margin          : 0 0 10px 10px;
    list-style-image: url(orange_blue_square.gif);
/*font-weight:		bold;*/

}

li.newsworthy {
    margin          : 0 0 5px 0;
    list-style-image: url(orange_blue_square.gif);
    /*font-weight     : bold;*/
    text-align      : left;
}


/*****************************************************************/
/* TABLE SETTINGS */
/*****************************************************************/
table.solid {
    margin-top      : 0px;
    border-style    : solid;
}

//table.content {
    //margin          : 0 0 6px 0;;
//border-style    : solid;
//}


table.content {
    width		: 100%;
    margin		: 0 0 6px 0;
    border-style    : solid;
    //border-width    : 4px;
    //border-color    : #DEA5DE;
//    background-color: #FFFFFF;
    border-spacing	: 2px;
}

table.content2 {
    width		: 100%;
    margin		: 0 0 6px 0;
    border-style    : solid;
    //border-width    : 4px;
    //border-color    : #DEA5DE;
    //background-color: #FFFFFF;
    //border-spacing	: 2px;
}

table.content3 {
    //width		: 100%;
    margin		: 0 0 6px 0;
    border-style    : solid;
    //border-width    : 4px;
    //border-color    : #DEA5DE;
    //background-color: #FFFFFF;
    //border-spacing	: 2px;
}

table.content td {
    /*text-align	: center;*/
    padding		: 2px 12px 2px 12px;
}

table.hidden2col {
    width		: 100%;
    margin		: 0;
    border-width    : 0;
}
table.hidden2col td {
    padding		: 0;
}




th.content {
    /*margin		: 0 20px 10px 20px;*/
    font-size       : 16pt;
    font-weight     : bold; 
    /*text-decoration : italic;*/
    text-color      : #5B71FF;
    text-align      : center;
}

td.content {
    text-align:             left;
}




td {
    font-size       : 10pt;
    font-family     : arial,helvetica
}




blockquote {
    margin          : 10px 20px 10px 20px;
}





/*****************************************************************/
/* LINK STYLES
   /*****************************************************************/
/* NAVIGATION LINKS
 **################################################################
 **################################################################
 **################################################################
 **################################################################
 */
/*****************************************************************/
/* generic hyperlink behavior */
/*****************************************************************/
a:link {
    text-decoration : underline;
    /*color           : #5B71FF;*/
    color           : #2040b0;
}

a:visited {
    text-decoration : underline;
    /*color           : #5B71FF;*/
    color           : #2040b0;
}

a:active {
    text-decoration : underline;
    color           : #DEA56E;
}

a:hover {
    text-decoration : underline;
    color           : #DEA56E;
}


/*****************************************************************/
/* LINKS THAT GO OFF-SITE */
/*****************************************************************/
a.blank:active {
    /*text-decoration : underline;*/
    color           : #5bcc71;
}

a.blank:hover {
    /*text-decoration : underline;*/
    color           : #5bcc71;
}

/*****************************************************************/
/* LINKS THAT INVOKE EMAIL CLIENTS */
/*****************************************************************/
a.mail:link {
    text-decoration : underline;
    /*color           : #5B71FF;*/
    color           : #2040b0;
}


a.mail:visited {
    text-decoration : underline;
    /*color           : #5B71FF;*/
    color           : #2040b0;
}

a.mail:active {
    text-decoration : underline;
    color           : #cc5b71;
}

a.mail:hover {
    text-decoration : underline;
    color           : #cc5b71;
}



/*****************************************************************/
/* LEFT-HAND NAV LINKS */
/*****************************************************************/
a.nav {
    /*margin          : 3px 0 3px 10px;*/
    margin          : 0 0 0 20px;
    font-size       : 10pt;
    font-weight     : bold; 
    color           : #5B71FF;
}

a.nav:link {
    text-decoration : none;
    color           : #5B71FF;
}

a.nav:visited {
    text-decoration : none;
    color           : #5B71FF;
}

a.nav:active {
    text-decoration : underline;
    color           : #DEA56E;
}

a.nav:hover {
    text-decoration : underline;
    color           : #DEA56E;
}


font.navtitle {
    margin          : 0 0 8px 0;
    font-size       : 13pt;
    font-weight     : bold; 
    font-style      : italic;
    color           : #DEA56E;
}

p.navtitle {
    margin          : 0;
    font-size       : 20px;
    font-weight     : bold; 
    font-style      : italic;
    color           : #DEA56E;
}

p.nav {
    text-decoration : none;
    color           : #5B71FF;
    margin          : 0;
/*font-size	: 1px;*/
}

font.navblock {
    margin          : 8px 0 0 0;
    font-size       : 13pt;
    font-weight     : bold; 
    font-style      : italic;
    color           : #DEA56E;
}

/*****************************************************************/
/* SEARCH BOX SETTINGS */
/*****************************************************************/
table.search {
    margin		: 0 0 0 20px;
    border-width	: 0;
}

font.search {
    font-size       : 10pt;
    font-weight     : bold; 
    color           : #5B71FF;
}

p.search {	/* NAV COLUMN SEARCH BOX */
    font-size       : 13pt;
    font-weight     : bold; 
    text-decoration : none;
    color           : #5B71FF;
    margin          : 0 0 0 0;
}





span.memorial {
    background-color       : #FCFFCA;
}
font.memorial {
    background-color       : #FCFFCA;
}




/* basic paragraph for content */
/*
  p {
  margin: 0 0 8px 0;
  }
  */




/***************************************************************
 ** BEGINNING
 ** p tags used in all pages
 ***************************************************************/


/***************************************************************
 ** ENDING
 ** p tags used in all pages
 ***************************************************************/



// for hover-menu
// these are the original colors from 3bunnies.org - 
// blue        #5B71FF
// darkblue    #2040B0
// orange      #DEA56E
// darkorange 
// a active    #CC5B71

#sddm
{	
    text-align          : center;
    margin		: 0 0 10px -30px;
    padding		: 0;
    z-index		: 9999;
}

#sddm li
{	
    margin		: 0;
    padding		: 0;
    list-style		: none;
    float		: center;
    font		: bold 13px arial;
}

#sddm li a
{	
    display		: block;
    margin		: 0 1px 0 0;
    padding		: 4px 10px;
//    width		: 120px;
    background		: #5B71FF;
    color		: #FFF;
    text-align		: center;
    text-decoration	: none;
    font		: bold 13px arial;
}



#sddm li a:hover
{	
//    background		: #DEA56E;
    background		: #2040B0;
    font		: bold 13px arial;
}

#sddm div
{	
    position		: absolute;
    visibility		: hidden;
    padding		: 0;
    margin		: 0 0 0 30px;
//    margin              : 0;
    background		: #EAEBD8;
    border		: 1px solid #5970B2;
    font		: bold 13px arial;
}

#sddm div a
{	
    position		: relative;
    display		: block;
    margin		: 0;
    padding		: 5px 10px;
    width		: auto;
    white-space		: nowrap;
    text-align		: left;
    text-decoration	: none;
    background		: #EAEBD8;
    color		: #2875DE;
    font		: bold 13px arial;
}



#sddm2
{	
    text-align          : center;
    margin		: 0;
    padding		: 0;
    z-index		: 9999;
}

#sddm2 li
{	
    margin		: 0;
    padding		: 0;
    list-style		: none;
    float		: center;
    font		: bold 13px arial;
}

#sddm2 li a
{	
    display		: block;
    margin		: 0 0 0 20px;
    padding		: 4px 10px;
    width		: 180px;
    background		: #5B71FF;
    color		: #FFF;
 text-align		: center;
    text-decoration	: none;
    font		: bold 13px arial;
}



#sddm2 li a:hover
{	
    background		: #DEA56E;
    font		: bold 13px arial;
}

#sddm2 div
{	
    position		: absolute;
    visibility		: hidden;
    padding		: 0;
    margin		: 0 0 0 200px;
    z-index             : 9999;
//    margin              : 0;
    background		: #EAEBD8;
    border		: 1px solid #5970B2;
    font		: bold 13px arial;
}

#sddm2 div a
{	
    position		: relative;
    display		: block;
    margin		: 0;
    padding		: 5px 10px;
    width		: auto;
    white-space		: nowrap;
    text-align		: left;
    text-decoration	: none;
    background		: #EAEBD8;
    color		: #2875DE;
    font		: bold 13px arial;
}

/*
sddm div a:hover
{	
    background		: #49A3FF;
    color		: #FFF;
}
*/