/* This CSS file setups the style for the Passport Store theme */

html {
	margin-bottom: 1px; /* firefox fix to keep page from shifting in the absence of a scrollbar */
}	
* {
	padding: 0;
	margin: 0;
}
	



body {
	font-family: tahoma, arial, helvetica, serif;
	font-size: 12px;
	margin: 0 0 0 0;	
	margin: 0px 0px 0px 0px; 
	background-color: #6475BF;
	background: #ffffff;	
	bgcolor: #ffffff;
	
/*	background-image:url(../images/bg/wood.jpg); */
/*	background-attachment:fixed; */

}
 
#content {
	width: 34em;
	
	padding: 1em 0;
	border: 6px double #7d6340;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 32em;
}
html>body #content {
	width: 32em;
} 



								
a				{
				color: #006699;
				text-decoration: none;
				font-weight: normal;
				}		
				
				
a:hover	{
				color: #006699;
				text-decoration: underline;
				font-weight: normal;
				}


 
h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
}
 


#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
 

#nav {z-index:100; width:720px;} 
 
#nav a {
	font-weight: bold;
	color: green;
}
 
#nav a {
	text-decoration: none;
}
 
#nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.2em 10px;
}
 
#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
}
 
#nav li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #7d6340;
	border-width: 1px 0;
	z-index:100;
}
 
 

 
#nav li#first {
	border-left-width: 1em;
}
 
#nav li#last {
	border-right-width: 1em;
}
 
#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
 
	font-weight: normal;
	background: url(../images/ddbg3.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
}
 
#nav li>ul {
	top: auto;
	left: auto;
}
 
#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	text-align: left;
	position: relative;
	z-index:100;
}
 
#nav li img{
	align: center;
} 
 
#nav li:hover ul, li.over ul {
	display: block;
}
 
hr {
	display: none;
}	
	
	
blockquote {
	margin: 20px;
}	

p, td {
font-family: tahoma, arial;
font-size: 12px;
margin-bottom: 20px;
}






p.redhead 		{ 
				font-family: Arial Black, sans-serif; 
				font-size: 16px; 
				letter-spacing: -1pt;
				color : #CC0000; 
							
				}
				
				
				
				
				
.diag-line		{
				width:678px; 
				height:7px; 
				background-image: url("../images/diag-lines.gif");
				background-repeat: repeat-x;
				}
				
				
				
				
.sermontable_header	{
				font-family: trebuchet, tahoma, sans-serif;
				color: #006699;
				text-decoration: none;
				font-weight: bold;
				}		
								
.sermontable	{
				font-family: trebuchet, tahoma, sans-serif;
				color: #006699;
				text-decoration: none;
				font-weight: normal;
				}		
				
				
.sermontable:hover	{
				color: #006699;
				text-decoration: underline;
				font-weight: normal;
				}
				
				
				
				
				
.footer {
				position: relative; 
				top: 0px; 
				width: 720px; 
				background: #ffffff;
		}				
				
				

.footer-left {
				float:left; 
				width:340px; 
				text-align:left; 
				align: left; 
				font-family: tahoma; 
				font-size: 11px; 
				font-weight: normal; 
				color:#666666;
				}



.footer-right {
				float:left; 
				width:340px; 
				text-align: right; 
				align: left; 
				font-family: tahoma; 
				font-size: 11px; 
				font-weight: normal; 
				color:#666666;
				}
				
				
				
.footer-link 	{
				 font-family: tahoma; 
				 font-size: 11px; 
				 font-weight: normal; 
				 color:#666666;
				 text-decoration: none;
				}				
				
				
.footer-link:hover 	{
				 color:#000000;
				 text-decoration: underline;
				}
				
				
.footer-networking-link {
				font-family: trebuchet, tahoma; 
				font-size: 10pt; 
				font-weight: normal; 
				font-color: #000000; 
				link-color: #000000;
				}
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				


	

	
		
	

	
/*   .topNav_menu  MAIN NAVIGATION DROPDOWN MENU ------------------------------------- */



		
		/* MAIN DIV */
		
					.topNav_menu {
					width:720px;
					height:32px;
					/* position:relative; */
					z-index:100;
					/* border-right:1px solid #000; */
					/* font-family:arial, sans-serif; */
					top:0px;
/* ------>>  */		background:url(../images/BACK_mainNav.jpg);

					}
		
		
		
		
		/* hack to correct IE5.5 faulty box model */
					* html .topNav_menu {
					width:720px;
					w\idth:718px;
					}
		
		
		
		
		/* remove all the bullets, borders and padding from the default list styling */
					.topNav_menu ul {
					padding:0;
					margin:0;
					list-style-type:none;
					}
					
					.topNav_menu ul ul {
					width:143px;
					}
		
		
		
		
					.topNav_menu li {
					float:left;
					width:143px;
					position:relative;
					}
		
		
		
		/* style the links for the top level */
					
					.topNav_menu a, .topNav_menu a:visited {
					z-index: 100;
					display:block;
					font-size:11px;
					font-family:Tahoma, Arial, sans-serif;
					text-decoration:none;
					font-weight:normal;
					width:143px;
					height:30px;
					border:1px solid #78797d;  /* dark grey */
					/* border-width:1px 0 1px 1px; */
					border-top-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 1px;
					border-right-width: 0px;
					/* background:#09c; */
					padding-left:0px;
					line-height:30px;
/* ------>>  */		color:#000000;
					}
					
		
					.topNav_menu a.toplevel, .topNav_menu a.toplevel:visited {					
					display:block;
					font-size:11px;
					font-family:Tahoma, Arial, sans-serif;
					text-decoration:none;
					font-weight:bold;
					width:143px;
					height:30px;
					border:1px solid #000000;
					/* border-width:1px 0 1px 1px; */
					border-top-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 1px;
					border-right-width: 0px;
					/* background:#09c; */
					padding-left:0px;
					line-height:30px;
/* ------>>  */		color:#000000;					
					}
		
		
		
		/* a hack so that IE5.5 faulty box model is corrected */
					* html .topNav_menu a, * html .topNav_menu a:visited {
					width:143px;
					w\idth:143px;
					}
		
		
		
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
					.topNav_menu ul ul {
					visibility:hidden;
					position:absolute;
					height:0;
					top:30px;
					left:0px;
					width:143px;
					/* border-top:1px solid #000; */
					border-color: #78797d; 	/* grey */
					/* border-width:1px 0 1px 1px; */
					border-top-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 1px;
					border-right-width: 1px;
					}
		
		
		/* another hack for IE5.5 */
					* html .topNav_menu ul ul {
					top:30px;
					t\op:30px;
					}
		
		
		
		/* position the third level flyout menu */
					.topNav_menu ul ul ul{
					left:200px;
					top:-1px;
					width:143px;
					}
		
		
		
		/* position the third level flyout menu for a left flyout */
					.topNav_menu ul ul ul.left {
					left:-200px;
					}
		
		
		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
					.topNav_menu table {
					position:absolute;
					top:0;
					left:0;
					border-collapse:collapse;
					}
		
		
		
		/* style the second level links */	
					.topNav_menu ul ul {
					z-index: 100;
					}			
		
		/* style the second level links */	
					.topNav_menu ul ul a, .topNav_menu ul ul a:visited {
					background:#ffffff;
					color:#000;
					height:auto;
					line-height:1em;
					/* padding:5px 10px */;
					padding-top:5px;
					padding-bottom:5px;
					padding-left:10px;
					padding-right:10px;
					width:143px;
					border-width:0 1px 1px 1px;
					text-align:left;	
					font-face:Tahoma, Arial, sans-serif;
					}
		
		
		/* yet another hack for IE5.5 */
					* html .topNav_menu ul ul a, * html .topNav_menu ul ul a:visited {
					width:143px;
					w\idth:143px;
					}
		
		
		
		
		/* make the second level visible when hover on first level list OR link */
					.topNav_menu ul li:hover ul,
					.topNav_menu ul a:hover ul{
					visibility:visible;
					}
		
		/* keep the third level hidden when you hover on first level list OR link */
					.topNav_menu ul :hover ul ul{
					visibility:hidden;
					}
		
		/* make the third level visible when you hover over second level list OR link */
					.topNav_menu ul :hover ul :hover ul{
					visibility:visible;
					}
					
					


		/* style the second level background */
					.topNav_menu ul ul a.drop, .topNav_menu ul ul a.drop:visited {
/* ------>>  */		background:#ffffff url(../images/grey-arrow.gif) no-repeat 130px center;
					}
		
		
		/* style the second level hover */
					.topNav_menu ul ul a.drop:hover{
/* ------>>  */		background:#c9ba65 url(../images/blue-arrow.gif) no-repeat 130px center;  /* lt green */
					}
		
		
		.topNav_menu ul ul :hover > a.drop {
/* ------>>  */		background:#c9ba65 url(../images/blue-arrow.gif) no-repeat 130px center;  /* lt green */
					}
		
		
		/* style the third level background */
					.topNav_menu ul ul ul a, .topNav_menu ul ul ul a:visited {
/* ------>>  */		background:#e2dfa8; /* tan */
					}
		
		
		/* style the third level hover */
					.topNav_menu ul ul ul a:hover {
/* ------>>  */		background:#b2ab9b;  /* brown */
					}					
					
		
		
		/* style the top level hover */
					.topNav_menu a:hover, .topNav_menu ul ul a:hover{
/* ------>>  */		color:#000;
/* ------>>  */		background:#b7d186;  /* lt green */
					font-weight:bold;
					}
		
		.topNav_menu :hover > a, .topNav_menu ul ul :hover > a {
/* ------>>  */		color:#000;
/* ------>>  */		background:#b7d186;	/* lt green */
					}



















/* XFADE for HOMEPAGE */
	#imageContainer { height:414px; }  
	#imageContainer img { display:none; 	
				position:absolute; 	
				top:0px; left:0px; 	
				height:414px;  	
				width:678px; 	
				opacity: -0.01;
				border: 0; }