body { 
    color: #000000;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin:   0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;     

    background-image: url(../images/site/fade_gold.jpg);
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background-attachment:fixed;

}

/*
    background-image: url(../images/site/fade_gold_3000.jpg);
    text-align: center; 
*/
 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */




#mainDoc{   
    width: 900px;    
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */            
}



/******************************************************************************/
/******  Main Menu  *************************************************************/
/******************************************************************************/

#menuContainer {
    width: 900px;      
    color: #ffffff;
    background-color: #000000;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    margin: 6px 0px 0px;
    border-collapse: collapse;
}
  

/* Main menu styles begin here */
.mainMenu {
    float: right;       
    color: #ffffff;
    padding-right: 8px;  
    font-size: .9em;
    cursor: hand;    
	text-decoration: none;
}

.mainMenu:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.mainMenu:a:visited
{
	color: #FFFF99;
	text-decoration: none;
}

.mainMenu:hover {
    color: #ff0000;
    text-decoration: none;
}

.mainMenu:a:active
{
	color: #FFFF99;
	text-decoration: none;
}
/**********************************/


/* Selected style */
.mainMenuSelected {
    float: right;
    color: #FF0000;
    padding-right: 8px;
    font-size: .9em;
    cursor: hand;
    text-decoration: none;
}

.mainMenuSelected:link
{
	color: #ff0000;
	text-decoration: none;
}

.mainMenuSelected:a:visited
{
	color: #ff0000;
	text-decoration: none;
}

.mainMenuSelected:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.mainMenuSelected:a:active
{
	color: #ff0000;
	text-decoration: none;
}

/* End main menu styles. */

/******************************************************************************/
/******  End Main Menu  *********************************************************/
/******************************************************************************/


/******************************************************************************/
/****** Heading and  Page Titles   *************************************************/
/******************************************************************************/
   
#headingContainer {
    width: 900px;    
    background-color: #ffffff;     
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;   
}

.titleContainer {
    height: 105px;
    width: inherit;
    background-color: #ffffff;
    color: #000000;    
}   

.titleLogoLeft{
    float:left;
    height: 105px;
    width: 200px;
    background-color: #ffffff;
    color: #000000;   
    padding-top: 2px;
     
}

.titleMiddle{
    float:left;
    height: 105px;
    width: 580px;
    background-color: #ffffff;
    color: #000000;  
}  

.titleLogoRight{
    float:right;
    height: 105px;
    width: 110px;
    background-color: #ffffff;
    color: #000000;   
    padding-top: 2px;
}    

.pageTitle{
    color: #966633;
}

.pageSubTitle {  
    color: #990000;
}

/******************************************************************************/
/******  End Page Title   *********************************************************/
/******************************************************************************/

.lnkFilter {
    width:90%;
    font-weight: bolder;
    font-size: 0.8em;
    color: #000000;       
}

#valentine
{ 
    width: 900px;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;         
    /* background-image: url(../images/Site/bg1.gif); */
    background : url(../images/Events/2010-Dalentines-Day/heartline2b.gif) #ffffff   no-repeat center center; 

 }
#StPat
{
    width: 900px;
    height: 50px;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;
    background: url(../images/Events/2010-StPatricksDay/apat13.gif) #66ff66 center center;
} 

 }
#StPat2
{
    width: 900px;
    height: 50px;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;
    background: url(../images/Events/2010-StPatricksDay/apat13.gif) #66ff66 center center;
} 

#xmas2                                                                                                                                                         
{
    width: 900px;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;
    background-image: url(../images/Site/bg1.gif);
}

/******************************************************************************/
/****** Breadcrumb   ************************************************************/
/******************************************************************************/

#breadCrumbContainer{   
    Height:24px; width: 900px;    
    background-color: #666666;     
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse; 
}

.breadCrumb {
    font-weight: bolder;
    font-size: 0.9em;
    color: #ffffff;
    margin-left: 2px;     
}

.breadCrumbCurrentNode {
    font-weight: bolder;
    font-size: 0.9em;
    color: #ff0000;
    margin-left: 2px;     
}

.breadCrumbNode {
    font-weight: bolder;
    font-size: 0.9em;
    color: #ffffff;
    margin-left: 2px;     
}
    
.breadCrumbNode:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.breadCrumbNode:a:visited
{
	color: #FFFF99;
	text-decoration: none;
}

.breadCrumbNode:hover
{
	color: #ff0000;
	text-decoration: underline;
}

.breadCrumbNode:a:active
{
	color: #FFFF99;
	text-decoration: none;
} 


/******************************************************************************/
/******  End Breadcrumb *********************************************************/
/******************************************************************************/


/******************************************************************************/
/****** Content Place Holder   ****************************************************/
/******************************************************************************/

#mainContentContainer{   
    width: 900px;    
    background-color: #ffffff;     
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse; 
}
     

/******************************************************************************/
/******  Content Place Holder  ****************************************************/
/******************************************************************************/

/******************************************************************************/
/****** Banner Rows   ***********************************************************/
/******************************************************************************/


#banner1Container {
    width: 800px;
    height: 75px;
    background-color: #ffffff;   
    margin: 0px;
}  
   
.CafepessHDR {
    font-size: 1em;  font-weight:bold;
    color: #ff0033;
    font-family: 'Palatino Linotype' , Verdana, Arial;
    text-decoration: none;
    padding-left: 4px;        padding-right: 4px;
}     

.CafepessHDR:link { text-decoration: none; } 
.CafepessHDR:a:visited {text-decoration: none;}  
.CafepessHDR:hover {
    text-decoration: underline;
    color: #333333;
}  

#banner2Container {
    width: 800px;       
    background-color:  #333333;   
    margin: 0px;
}   

/******************************************************************************/
/****** End Banner Rows   *******************************************************/
/******************************************************************************/

/******************************************************************************/
/****** iGive     ****************************************************************/
/******************************************************************************/

.iGiveTextContainer
{
    background-color: #333333;
}

.iGiveText {
    font-size: .8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #333333;
    line-height: 16pt;
    letter-spacing: normal;
    padding-bottom: 4px;
    padding-top: 4px;
}

.iGiveText2 {
    font-size: 1.2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #333333; 
    line-height: normal;
    letter-spacing: normal; 
    padding-bottom: 4px;
    padding-top: 4px;
}

.iGiveList {
    font-size: .8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #333333;
    vertical-align: middle;
    list-style-position: outside;
    list-style-type: decimal;
    text-align: left;
}

/******************************************************************************/
/****** End iGive   **************************************************************/
/******************************************************************************/


/******************************************************************************/
/****** Footer   ****************************************************************/
/******************************************************************************/

#footerContainer {
    width: 900px;
    height:  125px;
    background-color: #666666;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
}   

.footerLogo {
    width: 105px;
    padding-right: 2px;
    padding-left: 2px;
} 
                                  
#footerMiddle{width:690px;  background-color: #666666;} 

.footerLiteral {
    color: #ffffff;
    font-size: small;
    font-weight: bolder;   
}

/* Footer menu styles begin here */
.footerMenu {
    color: #FFFFFF;
    padding-right: 0px;
    font-size: .8em;
    cursor: hand;
    text-decoration: none;
}

.footerMenu:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.footerMenu:a:visited
{
	color: #FFFF99;
	text-decoration: none;
}

.footerMenu:hover
{
	color: #ff0000;
	text-decoration: none;
}

.footerMenu:a:active
{
	color: #FFFF99;
	text-decoration: none;
}
/*********************************/


/* Selected style */
.footerMenuSelected {
    color: #ff0000;
    padding-right: 0px;
    font-size: .8em;
    cursor: hand;
    text-decoration: none;
}

.footerMenuSelected:link
{
	color: #ff0000;
	text-decoration: none;
}

.footerMenuSelected:a:visited
{
	color: #ff0000;
	text-decoration: none;
}

.footerMenuSelected:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.footerMenuSelected:a:active
{
	color: #ff0000;
	text-decoration: none;
}

/* End Footer menu styles. */


/******************************************************************************/
/****** End Footer **************************************************************/
/******************************************************************************/

/******************************************************************************/
/****** Legend   ****************************************************************/
/******************************************************************************/

#LegendContainer {
    width: 900px;
    height: 50px;
    background-color: #ffffff;
    border-right: #000000 1px groove;
    border-left: #000000 1px groove;
    margin: 0px;   
}  

.LegendText {
    font-size: .8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: #ffffff;
    line-height: 16pt;
    letter-spacing: normal;
    padding-bottom: 4px;
    padding-top: 4px;
    font-weight:bolder;
} 

.LegendImages {        
    background-color: #ffffff;
    height:35px;
    width:35px;  
}

/******************************************************************************/
/****** End Legend   ************************************************************/
/******************************************************************************/


 /******************************************************************************/
/****** Special Content Row 1   ***************************************************/
/******************************************************************************/

/* Section Headers */

.specialContent1Container{
    width: 896px;    
    background-color: #000000; 
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;   
} 

.specialContent2Container{
    width: 900px;    
    background-color: #000000; 
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;   
} 

.specialContent3Container{
    width: 900px;    
    background-color: #000000; 
    border-right: #000000 1px groove; 
    border-left: #000000 1px groove;
    border-bottom: #000000 1px groove;
    margin: 0px;
    border-collapse: collapse;   
}