/* 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-top:0px;
	margin-bottom:8px;}

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;}			

#container { width:860px;
			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: 26px;
	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:600px;
			float:right;
			background-color:#fff;
			}

#mainNav {width:225px;
			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 20px;}

#mainContent h1, h2, h3 {color:#003366;
							padding:5px 20px;
							margin-bottom:0px;}
							
 h4 {color:#ff6633;
			padding:5px 20px;
			margin-bottom:0px;}

pre {margin-left:3em; }

img {margin:5px;}

#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 */



