/*	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;	
}
/* top nav */
#globalNav 
{
    padding:10px 0px 10px 0px;
    font-size:11px;
	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. */
}

#topNavContainer 
{
 background:#1a325f;
 width:664px;
 float:left;
 height:89px;
 margin:0px 0px 0px 5px;
 text-align:right;  
}

#logo
{
    float:left;
}
#textBanner
{
    height:38px;
    color:#b7b9bf;
    padding: 27px 20px 0px 0px;
    font-weight:normal;
}

#linkBorders
{

    border-top:solid 1px #b7b9bf;
    background:#4e5272; 
 }
 

 

#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:759px;
    text-align:left;
}

.contentContainerHome
{
    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:759px;
    text-align:left;
	/*For Home*/
	background: #1a325f;
}

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



.content
{

    float:left;
    padding:20px 0px 0px 30px;
    width:570px;
    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 180px;
    }

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

.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:#1a325f;
    font-weight:bold;
    font-size:16px;
    padding: 0px 0px 10px 0px;
    line-height:normal;    
}

h1.home
{
    color:#9ca6ba;
    font-weight:bold;
    font-size:22px;
    padding: 0px 0px 10px 0px;
    line-height:27px;    
}
h2
{
    color:#666666;
    font-weight:bold;
    font-size:14px;
    padding: 0px 0px 4px 0px;
    line-height:normal;       
}
h2.home
{
    color:#9ca6ba;
    font-weight:bold;
    font-size:17px;
    padding: 0px 0px 4px 0px;
    line-height:25px;       
}
h2.home a:link, h2.home a:visited, h2.home a:hover
{
    color:#9ca6ba;      
}
p.home{color:#9ca6ba;}

h3
{
    color:#1a325f;
    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;    
}

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


  /* Global Link Styles*/   
a:link,  a:active, a:visited
 {
	color:#1a325f; 
 	text-decoration:none;
  }
  
 a:hover
 {
 color:#1a325f;
 text-decoration:underline; 
  }
  
/* Top Nav Link Styles */  
 a.topNavigationInActive:link, a.topNavigationInActive:active, a.topNavigationInActive:visited
{
    border-left:solid 1px #b7b9bf;
    color:#b7b9bf;
    background:#1a325f;
    display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block */
    display: inline-block;
    font-size:11px;
    font-weight:bold;
    padding:5px 15px 2px 15px;
    text-decoration: none;
    height:16px;
    margin-left: 0px;
} 

a.topNavigationInActive:hover
{
    display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block */
    display: inline-block;
    color:#b7b9bf;
    font-size:11px;
    font-weight:bold;
    padding:5px 15px 2px 15px;
    text-decoration: none;
    height:16px;
    margin:0px;
} 
   
a.topNavigationActive:link, a.topNavigationActive:visited, a.topNavigationActive:hover
{   
    border-left:solid 1px #b7b9bf;
    background:#ffffff;
    color:#4e5272;
    display: -moz-inline-stack; /* Hack for firefox because it does not support inline-block */
    display: inline-block;
    font-size:11px;
    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 solid #C8C8C8;
    padding-bottom:5px;
    padding-right:0px; 
    padding-top:3px; 
    }
    
a.l1InActive:link,  a.l1InActive:active,  a.l1InActive:visited
    {
    color:#1a325f; 
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }
    
a.l1InActive:hover
    {
    color:#4e5272;
    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:#4e5272; 
    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:#1a325f; 
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    }
    
a.l2InActive:hover
    {
    color:#b7b9bf;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    }  

a.l2Active:link, a.l2Active:active, a.l2Active:visited, a.l2Active:hover
    {
    font-weight:bold;
    color:#fe9703; 
    text-decoration:none;
    font-size:12px;
    }
    
/* 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;
    }    
	
/* Subscription control */
.subscriptions
{
    background:#eff0f0;
    border:#c8c8c8 1px solid;
    width:125px;
    float:right;
    }
    
.subscriptions td
{
padding:3px;    
    }   
    
.statusMessage  
{
padding:5px;
display:block;
border:#ff0000 1px solid;  
background:#ffffff;
color:#ff0000;
}