/* CSS Document Name: main.css adapted for use with a taller logo  */

/* For the left column, the following rules need to specify the same color:--*/
  

a:link {color:#003366;}      /* navy      unvisited link */
a:visited {color:#000000;} /* black      visited link */
a:hover {color:#FF6633;}  /* orange    mouse over link */
a:active {color:#FF6633;} /* orange    selected link */ 

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

body {text-align:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0; 
		padding:0;
		background-image:url(../images/logos/blue-circle-and-white-logo.gif);
		background-repeat:no-repeat;
		}

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

#container { width:900px;
			margin:0 ; 
			padding:0;
			text-align:left;}

#banner {width:auto;
	  	margin:0;
		padding:30px 0 50px 160px;}
	
#banner h1 {margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 32px;
	color: #003366;} /* For our business name on banner */

#banner p {margin:0;
	padding: 0 0 0 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	color: #FF6633;} /* For "live generously" on banner */

#banner2 {width:auto;
	  	margin:0;
		padding:15px 0 30px 0px;}

#mainContent {margin:0; 
			padding:0;
			width:650px;            /* was 640 before I changed it   Aug 5, 2009 */
			float:right;
			background-color:#fff;
			}

#mainNav {width:220px;
			float:left;
			margin: 0; padding:0;
			line-height:normal;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			
}
#mainNav ul {margin:0;
			padding:5px;
}

#mainNav ul li {margin:0;
				padding:0;
				list-style-type:none;
				font-size:12px;}

#mainNav ul li a {display:block;
					line-height:20pt;
					text-decoration:none;
					color: #fff;
					text-align: left;
					width: auto; 
					margin:0;
					padding:0 20px;
}

#mainNav ul li a:hover, #mainNav ul li a:active {background-color:#fff;
						color:#003366;
}

#footer {clear:both;
			margin:0;
			padding:20px 0 0 0;
			text-align:center;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;}

/* General text styles */

#mainContent p {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0;}

#mainContent h1, h2, h3 {color:#003366;
							padding:5px 0;
							margin:0;}
							
 h4 {color:#ff6633;
			padding:5px 0;
			margin:0;}

pre {margin-left:3em; }

img {margin:0;
		padding:0;}

#form-style p {margin:20px 40px;} /* gives a little extra space on form pages */

.right-pic {clear:right;
		float:right;
		margin:5px;}

.left-pic {clear:left;
		float:left;
		margin:5px;}	

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


.org {font-weight:bold;
		font-size:110%; 
		color: #003366;}	/* 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%;}		

.line-above {border-top:thin; color:#003366; } /* add to some headings for a ruled effect between topics */




/* for calendar pages August 5, 2009 */


/*  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;} 
					
/* Date Headings */
#calendar h3 {font-size:18px;               
				font-weight:bold;
					padding: 0;
					color:#ff6633;
					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:0; margin:0;
					list-style-type:disc;
					list-style-position:inside;}

#calendar h5 {font-size:18px;               
					font-weight:bold;
					padding: 0;
					color:#ff6633;
					margin:0 0 0 30px;}

#calendar h6 {font-size:18px;               
					font-weight:bold;
					padding: 0;
					color:#ff6633;
					margin:0 0 0 30px;}



/* Troubleshooting:  margins and padding were having no effect of SPANS because the date  
 and event were INSIDE a p element!  I changed them to BLOCK elements h3 and h3 */