@charset "utf-8";

/*  April 2010- new logo colors:    Dark blue   #005480     sky blue  #00a4e4    */

/* For floated elements, a width must be provided. */
/* in standards-compliant browsers the actual width will include width + padding + border */
/* zero the margin of first and last elements in divs to avoid margin collapse */ 
/* use padding i(nstead of margin) to keep an element away from edges of div */


/*   BODY ------------------------------------------------------------------------- */

	body {font-family:Georgia, "Times New Roman", Times, serif;
				background: #ffffff;
				margin: 0; /* zero body margin and padding to account for differing browser defaults */
				padding: 0;
				text-align: center; /* this centers container in IE 5* browsers. */
				color: #000000;}

/* CONTAINER ----------------------------------------------------------------------------------------- */	
	#container {width: 1000px;  
				background: #005480;  /* ---------------- not sure why, but this must be dark blue for edge of menu to look correct */
				margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
				border: 0;
				text-align: left;} /* this overrides the text-align: center on the body element. */

/* HEADER ------------------------------------------------------------------------------------------- */
	#header {background: #ffffff; 
				padding: 0;	
				margin:0;}      

	#header h1 {	margin: 0; padding: 0;}
	
	#header ul li{line-height: 12px;}   /* this makes the menu skinnier!!! --------------------------------------------  */
		

/* GREY - MENU   ------------------------------------------------------------------------------------------- */
	#grey-menu {	margin: 0; padding: 0;	}      

	
	

						
			
/* MAIN   CONTENT --------------------------------------------------------------------------- */
	#mainContent {background:#ffffff;
				margin: 0; 
				padding: 10px 0;
				clear:both;  /* need to have this here to force the main content to fall UNDER the header, instead of next to it!   */
				border-top: 5px solid #005480;}     





/* FOOTER -----------------------------------------------------------------------------------*/								
	#footer   {padding: 0 10px 0 20px; 
				background:#005480;
				text-align:center;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:80%;
				color:#ffffff;
				clear:both;} 
			
	#footer p {margin: 0;         
				padding: 10px 0;}
	
	/* links must all be WHITE to show in footer!  */			
	#footer a:link {color:#fff;}       
	#footer a:visited {color:#fff;} 
	#footer a:hover {color:#fff;}  
	#footer a:active {color:#fff;} 
				
				
				
				
/* HEADINGS ON INDEX PAGE ONLY -----------------  */			
	#headings-main td {background: #005480;
		margin:0 0 5px 0;
		padding:0;}
	
									
	#headings-main p {
			margin:0;
			padding:0 0 0 10px;
			color:#fff;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;}
	
	
	
	
	
	
	
								

/*  GENERAL STYLES ------------------------------------------------------------------------*/

	a:link {color:#005480;}      /* navy      unvisited link */
	a:visited {color:#000000;} /* black      visited link */
	a:hover {color:#00a4e4;}  /* sky blue   mouse over link */
	a:active {color:#00a4e4;} /* sky blue    selected link */ 

	p {font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				margin:0px 0px 8px 0px;
				padding:0;}
	
	h1, h2, {color:#005480; 
				padding:0;
				margin:0;}
				
		h3  {color:#005480; 
				font-size:16px;
				padding:0;
				margin:0;}
							
 	h4 {color:#00a4e4;
				padding:5px 0;
				margin:0;}

	pre {margin-left:3em; }

	img {margin:0;
				padding:0;
				border: 0;}

	ul li {display:block;
       			line-height:20pt;}	

/* ----------     Specific Styles     ---------------------------------------- */

	.right-pic {clear:right;    	 /* used to float an element right */
				float:right;
				margin:5px;}

	.left-pic {clear:left;     		/* used to float an element left  */
				float:left;
				margin:5px;}	

	.clearfloat { clear:both;    /* used on a div or break element as the final element before */
    			height:0;		/*  the close of a container that should fully contain a float */
    			font-size: 1px;
    			line-height: 0px;}

	.temple {font-weight:bold;
				font-size:110%; 
				color: #00a4e4;}  /* for Temple headings on temples page, fund headings also */
		
	.org {font-weight:bold;
			font-size:110%; 
			color: #00a4e4 ;}	/* for Organization headings on orgs page */

	.fund-title {font-weight:bold;
			font-size:110%; 
			color: #991100;}

	.big-bold {font-weight:bold;
			font-size:110%;}

	.med-bold {font-weight:bold;
			font-size:80%;}

	.big-red {font-size:110%;
			color: red;}

	.tiny {font-size: 80%;}		
	



/* ----------     For calendar pages    ---------------------------------------------------------------------- */

	/*  Event Titles */
	#calendar h1{margin: 0 0 10px 30px;
					padding:0;}
					
	#calendar h2{margin: 0 0 20px 30px;
					padding:0;}

	#calendar h4 {font-size:14px;
					font-weight:bold;
					color:#000000;
					padding: 0;
					margin: 10px 0 0 30px;} 
					
	#calendar h5 {font-size:18px;               
					font-weight:bold;
					padding: 0;
					color:#00a4e4;
					margin:0 0 0 30px;}
					
	/* Date Headings */
	#calendar h3 {font-size:18px;               
					font-weight:bold;
					padding: 0;
					color:#005480;
					margin:30px 0 0 30px; }
					
	#calendar p   {margin:0 0 0 30px;
					padding:0;}
	
	#calendar table td {padding:5px;}

	#calendar ul {padding:0 0 0 15px;
				   margin:0 0 0 15px;}

	#calendar ul li {padding:5px 0; margin:0;
					list-style-type:disc;
					list-style-position:inside;}