/***************************************************************
Style Sheet for SNCLoans.com

Copyright 2008 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for MainNav and SubNav
***************************************************************/
#navigation {
	position:absolute;
	top:97px;
	left:0;
	margin:0;
	padding:0 54px;
	
	width:960px;
	height:33px;
	
	border-bottom: 18px solid #004167;
	z-index:2;
}
	#navigation ul {
		margin:0;
		padding:0 0 0 0;
		
		width:auto;
		height:33px;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			display:inline;
			float:left;
			margin:0;
			margin-right:9px;
			padding:0;
			
			margin-bottom:-21px;
			height:51px;
			
			background:url('/images-layout/navigation-main-top-left.gif') top left no-repeat #768aa0;
		}
			/* Normal Link Hover Styles */
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
				display:block;
				
				margin:0;
				padding:6px 0 0 0;

				height:45px;
				width:133px;
				
				text-align:center;
				text-decoration:none;
				
				font-size:16px;
				font-weight:bold;
				color:#fff;
				
				background:url('/images-layout/navigation-main-top-right.gif') top right no-repeat;
			}

			#navigation ul li a:hover{
				background:url('/images-layout/navigation-main-top-right-hover.gif') top right no-repeat;
				text-decoration:underline;
			}



			/* List Item Hover Styles */
			#navigation ul li:hover, #navigation ul li.over {
				background:url('/images-layout/navigation-main-top-left-hover.gif') top left no-repeat #004167;
			}
				#navigation ul li:hover a:link, #navigation ul li:hover a:visited, 
				#navigation ul li.over a:link, #navigation ul li.over a:visited { background-image:url('/images-layout/navigation-main-top-right-hover.gif'); }



			/* Current Hover Styles */
			#navigation ul li.current {
				margin-bottom:-21px;
				height:54px;
				background:url('/images-layout/navigation-main-top-left-current.gif') top left no-repeat #ede5d0;
			}
				#navigation ul li.current a:link, #navigation ul li.current a:visited {
					padding-top:16px;
					height:38px;
					color:#004167;
					background-image:url('/images-layout/navigation-main-top-right-current.gif');
				}
				#navigation ul li.current a:hover, #navigation ul li.current a:active {
					background-image:url('/images-layout/navigation-main-top-right-current.gif');
				}



/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
}

#navigation ul li:hover ul, #navigation ul li.over ul{
	display:block;
	position:absolute;
	top:51px;
	left:1px;
	
	margin:0;
	padding:0 0 16px 0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:200px;

	z-index:5;
	background:url('/images-layout/drop-down-bg.gif') bottom left no-repeat;
}
#navigation ul li.last ul, #navigation ul li.last ul {
	left:auto;
	right:1px;
}

#navigation ul li:hover ul li, #navigation ul li.over ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:196px;
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	
	border-width:0 2px;
	border-style:solid;
	border-color:#004167;
	background:#fff;
}
#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first { border-top:0px solid #004167; }
#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { }
#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:6px 0 6px 12px;
	height:auto;
	width:184px;
	
	font-weight:normal;
	font-size:89%;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#004167;
	font-style:normal;
	
	border:0;
	background:#fff;
}
#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
	text-decoration:underline;
	color:#004167;
	background:#fff;
}



#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
	text-decoration:underline;
}
#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
	color:#004167;
	text-decoration:underline;
	background:#fff;
}
#navigation ul li.current ul li.current {
	background:none;
}

/*--------------- Left Navigation Style --------------------*/
.blobStyleNav {
	position:relative;
	top:-20px;
	margin:0 10px 15px 10px;
	padding-bottom:15px;
	
	border-bottom:2px solid #004167;
}
	.blobStyleNav .blobTopLeft {
		
	}
	.blobStyleNav .blobTopRight {
		width:100%;
	}
	.blobStyleNav h2 {
	
	}
	.blobStyleNav .blobTopRight h2 {
		margin:0;
		padding:0 0 5px 0;
		text-align:center;
		font-size:130%;
		font-family:Georgia, "Times New Roman", times, serif;
		font-weight:bold;
		color:#004167;
		/*background:url('images-layout/dash.gif') 6px 50% no-repeat;*/
	}
		.blobStyleNav .blobTopRight h2 a:link, .blobStyleNav .blobTopRight h2 a:visited,
		.blobStyleNav .blobTopRight h2 a:hover, .blobStyleNav .blobTopRight h2 a:active {
			color:#004167;
		}
	.blobStyleNav .blobBody {
		margin:0;
		padding:0;
		width:100%;
	}
	.blobStyleNav .blobBottomLeft {
		display:none;
	}
	.blobStyleNav .blobBottomRight {
		
	}
	
	
/* Style the left nav */
.blobStyleNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.blobStyleNav ul li {
	margin:0;
	padding:0;
}
.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
	display:block;
	margin:0;
	padding:.4em 0 .4em 21px;
	height:100%;
	text-decoration:none;
	color:#004167;
	background:url('images-layout/bullet-style-2.gif') 3px 50% no-repeat;
}

.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
	text-decoration:underline;
	color:#004167;
	background:url('images-layout/bullet-style-1.gif') 3px 50% no-repeat;
}

/* Set all the subnavs to off initially */
.blobStyleNav ul ul {
	display:none;
}

/* Highlight the left nav, display the subnav, and make sure that not all the subnavs are highlighted */
.blobStyleNav .current a:link,
.blobStyleNav .current a:visited,
.blobStyleNav .current a:active {
	text-decoration:underline;
	font-weight:bold;
	background:url('images-layout/bullet-style-1.gif') 3px 50% no-repeat;
}
.blobStyleNav .current a:hover {
	background:url('images-layout/bullet-style-1.gif') 3px 50% no-repeat;
}

.blobStyleNav .current ul {
	display:block;
	margin:0;
	margin-left:13px;
	padding-left:0;
	list-style:none;
	font-weight:normal;
}
.blobStyleNav .current ul li {
	padding-right:0;
}

/* Display sub navigation */
.blobStyleNav .current ul a:link,
.blobStyleNav .current ul a:visited,
.blobStyleNav .current ul a:active {
	display:block;
	padding-left:19px;
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	
	background:none;
}
.blobStyleNav .current ul a:hover {
	text-decoration:underline;
	background:url('images-layout/bullet-style-2.gif') 0 50% no-repeat;
}

/* Highlight the selected subnav */
.blobStyleNav .current .current a:link,
.blobStyleNav .current .current a:visited,
.blobStyleNav  .current .current a:active {
	text-decoration:underline;
	font-weight:bold;
	background:url('images-layout/bullet-style-2.gif') 0 50% no-repeat;
}
.blobStyleNav .current .current a:hover  {
	background:url('images-layout/bullet-style-2.gif') 0 50% no-repeat;
}