/*	Global Styles */
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, image {margin:0; padding:0;}
img {border:none;}

.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body  {
	/* 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 */
	margin: 0px 0px 0px 0px;
	background:#eff0f0;
    font-family: Arial, Helvetica, sans-serif;	
}

.globalNav 
{
    padding:10px 25px 0px 0px;
    font-size:12px;
	width: 760px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:right; /* this overrides the text-align: center on the body element. */
} 

.container { 
	width: 760px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#contentContainer
{
    background: url(../images/bgTile.gif) repeat-y;
    display: table;  /*this is a firefox and safari hack to force y repeat of BG image. Without it, the BG will not tile */
    width:760px;
    text-align:left;
}

.leftNav
{
   width:180px;
   float:left;
   padding:20px 0px 0px 20px;  
}

.rightNav
{
   width:115px;
   float:left;
   padding:20px 20px 0px 0px;  
}


.content
{
    float:left;
    padding:20px 30px 10px 10px;
    width:380px;
    font-size:12px;
    color:#636466;
    line-height:18px;
    text-align: left;
}


.bottomShadow
{
float:left;
background:#eff0f0  url(../images/bottomShadow.gif) no-repeat;
width:740px;
font-size:12px;
color:#636466;
padding:20px 0px 0px 210px;
    }

  /* Banners */ 
.topNavContainer_1, .topNavContainer_45, .topNavContainer_46, .topNavContainer_47
{
    background:url(../images/bannerImage_Home.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}

.topNavContainer_Email
{
    background:url(../images/Email_Header.gif);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}

.topNavContainer_2
{
    background:url(../images/bannerImage_About.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}

.topNavContainer_3
{
    background:url(../images/bannerImage_OurPrograms.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}

.topNavContainer_4
{
    background:url(../images/bannerImage_WaysToGive.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}
.topNavContainer_5
{
    background:url(../images/bannerImage_Events.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}
.topNavContainer_7
{
    background:url(../images/bannerImage_PlannedGiving.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}
.topNavContainer_8
{
    background:url(../images/bannerImage_OurDonors.jpg);
    text-align:center;
    padding:63px 0px 0px 0px; 
    height:23px   
}


  /* Text Styles*/ 
h1
{
    color:#000000;
    font-weight:normal;
    font-size:21px;
    padding: 0px 0px 0px 0px;
    line-height:normal;    
}
h2
{
    color:#5b57a6;
    font-weight:normal;
    font-size:21px;
    padding: 0px 0px 10px 0px;
    line-height:normal;       
}
h3
{
    color:#5b57a6;
    font-weight:bold;
    font-size:14px;
    padding: 0px 0px 0px 0px;
    line-height:normal;     
}
h4
{
    color:#000000;
    font-weight:bold;
    font-size:12px;
    padding: 0px 0px 0px 0px;
    line-height:normal;     
}

p
{
    padding: 0px 0px 10px 0px;
    font-size:12px;
    color:#636466;
    line-height:18px;    
}

ul
{
    padding: 0px 0px 10px 0px;
}
.content li
{
margin: 0px 0px 0px 17px;    
    }
    
 


  /* Global Link Styles*/   
a:link,  a:active, a:visited
 {
	color:#5b57a6; 
 	text-decoration:none;
  }
  
 a:hover
 {
 color:#5b57a6;
 text-decoration:underline; 
  }
  
/* Top Nav Link Styles */  
 a.topNavigationInActive:link, a.topNavigationInActive:active, a.topNavigationInActive:visited
{
color:#636466;
background:#bfbcd4;
display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block, thanks Firefox, this took me a day of my life to figure out */
display: inline-block;
font-size:12px;
font-weight:bold;
padding:5px 15px 2px 15px;
text-decoration: none;
height:16px;
margin:0px;
} 

a.topNavigationInActive:hover
{
display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block, thanks Firefox, this took me a day of my life to figure out */
display: inline-block;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding:5px 15px 2px 15px;
text-decoration: none;
height:16px;
margin:0px;
} 
   
a.topNavigationActive:link, a.topNavigationActive:visited, a.topNavigationActive:hover
{   
background:#FFFFFF;
display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block, thanks Firefox, this took me a day of my life to figure out */
display: inline-block;
color:#6f57a5;
font-size:12px;
font-weight:bold;
padding:5px 15px 2px 15px;
text-decoration: none;
height:16px;
margin:0px;
}

/*Side navigation styles*/
/* First level */   
    
.l1ul
    {
    margin-left:0px;
    margin-top:0px; 
    margin-bottom:0px;
    list-style:none;
    }
    
.l1ul li
    {
    border-bottom:1px dashed #C8C8C8;
    padding-bottom:5px;
    padding-right:0px; 
    padding-top:3px; 
    }
    
a.l1InActive:link,  a.l1InActive:active,  a.l1InActive:visited
    {
    color:#636466; 
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }
    
a.l1InActive:hover
    {
    color:#6f57a5;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }  

a.l1Active:link, a.l1Active:active, a.l1Active:visited, a.l1Active:hover
    {
    font-weight:bold;
    color:#6f57a5; 
    text-decoration:none;
    font-size:11px;
    
    }
/* Second level */   
    
.l2ul
    {
    margin-left:0px;
    margin-top:0px; 
    margin-bottom:0px;
    list-style:none;
    }
    
.l2ul li
    {
    border-bottom:1px dashed #C8C8C8;
    padding-bottom:5px;
    padding-right:0px; 
    padding-top:3px; 
    }
    
a.l2InActive:link,  a.l2InActive:active,  a.l2InActive:visited
    {
    color:#636466; 
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }
    
a.l2InActive:hover
    {
    color:#6f57a5;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }  

a.l2Active:link, a.l2Active:active, a.l2Active:visited, a.l2Active:hover
    {
    font-weight:bold;
    color:#6f57a5; 
    text-decoration:none;
    font-size:11px;
    }
    
/* Third level */   
    
.l3ul
    {
    padding:0px 0px 0px 0px;
    margin: 3px 0px 3px 10px;
    list-style:none;
    }
    
.l3ul li
    {
    border-bottom:1px solid #FFFFFF;
    padding-bottom:0px;
    padding-right:0px; 
    padding-top:0px; 
    }
    
a.l3InActive:link,  a.l3InActive:active,  a.l3InActive:visited
    {
    color:#636466; 
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
    }
    
a.l3InActive:hover
    {
    color:#6f57a5;
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
    }  

a.l3Active:link, a.l3Active:active, a.l3Active:visited, a.l3Active:hover
    {
    font-weight:bold;
    color:#6f57a5; 
    text-decoration:none;
    font-size:11px;
    }    
    
    .subscriptions h1
{ 
}    
.statusMessage  
{
	font-size:11px;
	margin:0px;
	padding:0px;
	display:block;
	color:#ff0000;
} 
.statusMessage ul
{
	margin:0px 0px 0px 20px;	
}
.statusMessage li
{	
	list-style-type:square;	
}
/* End Subscription control */




/*Admin button styles*/ 
.button
{
border: solid 1px #666666;
background:#c8c8c8; 
}
.buttonContainer
{
    background:#eff0f0;
    border:#c8c8c8 1px solid;    
    padding:10px;
    margin:20px 0px 0px 0px;
}