/* color bars */
#content-bar-01 {
	width:					579px;
	height:					6px;
	background-color:		#6A8B95;
}
#content-bar-02 {
	width:					545px;
	height:					23px;
	padding:				8px 16px 0px 18px;
	background-color:		#6A8B95;
	overflow:				hidden;
}



/* font style variations */

#content-bar-02 h1 {
	color:					#ffffff;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;	
}

#left-nav-top h6 {
	font-family:			Georgia, Arial;	
	font-size:				16px;	
	line-height:			20px;
	color:					#6A8B95;
	font-weight:			normal;
	margin:					0px 0px 0px 0px;
	padding:				0px 5px 7px 7px;
	background-image:		url(http://74.220.207.183/~crystalo/stjohnsshaughnessy.org/images/common_images/dotted-line-01.gif);
	background-position:	left bottom;
	background-repeat:		no-repeat;
}




/* Left navigations */

#left-nav-top a, #left-nav-top a:visited, #left-nav-top a:active {
	font-family:			Verdana, Arial;
	font-size:				12px;
	line-height:			16px;	
	font-weight:			normal;
	color:					#666666;	
	text-decoration:		none;				
	margin:					0px 0px 0px 0px;
	padding:				4px 10px 6px 7px;
	background-image:		url(http://74.220.207.183/~crystalo/stjohnsshaughnessy.org/images/common_images/dotted-line-01.gif);
	background-position:	left bottom;
	background-repeat:		no-repeat;	
	display:				block;		
}
#left-nav-top a.selected, #left-nav-top a.selected:visited, #left-nav-top a.selected:active, #left-nav-top a.selectedlevel2, #left-nav-top a.selectedlevel2:visited, #left-nav-top a.selectedlevel2:active, #left-nav-top a.selectedlevel3, #left-nav-top a.selectedlevel3:visited, #left-nav-top a.selectedlevel3:active {	
	background-color:		#CDD9DC;
}
#left-nav-top a.level2, #left-nav-top a.level2:visited, #left-nav-top a.level2:active, #left-nav-top a.selectedlevel2, #left-nav-top.selectedlevel2 a:visited, #left-nav-top.selectedlevel2 a:active {
	padding:				4px 10px 6px 17px;
}
#left-nav-top a.level3, #left-nav-top a.level3:visited, #left-nav-top a.level3:active, #left-nav-top a.selectedlevel3, #left-nav-top a.selectedlevel3:visited, #left-nav-top a.selectedlevel3:active {
	padding:				4px 10px 6px 27px;		
}
#left-nav-top a:hover, #left-nav-top a.selected:hover, #left-nav-top a.selectedlevel2:hover, #left-nav-top a.level2:hover, #left-nav-top a.selectedlevel3:hover, #left-nav-top a.level3:hover {
	background-color:		#E1E8EA;
}


#left-nav-top-youth a, #left-nav-top-youth a:visited, #left-nav-top-youth a:active {
	font-family:			Arial;
	font-size:				14px;
	line-height:			18px;	
	font-weight:			normal;
	color:					#ffffff;
	text-transform:			uppercase;	
	text-decoration:		none;				
	margin:					0px 0px 0px 0px;
	padding:				4px 10px 6px 7px;
	background-image:		url(http://74.220.207.183/~crystalo/stjohnsshaughnessy.org/images/common_images/dotted-line-02.gif);
	background-position:	left bottom;
	background-repeat:		no-repeat;	
	display:				block;	
}
#left-nav-top-youth a.selected, #left-nav-top-youth a.selected:visited, #left-nav-top-youth a.selected:active, #left-nav-top-youth a.selectedlevel2, #left-nav-top-youth.selectedlevel2 a:visited, #left-nav-top-youth.selectedlevel2 a:active, #left-nav-top-youth a.selectedlevel3, #left-nav-top-youth.selectedlevel3 a:visited, #left-nav-top-youth.selectedlevel3 a:active {	
	background-color:		#CDD9DC;
}
#left-nav-top-youth a.level2, #left-nav-top-youth a.level2:visited, #left-nav-top-youth a.level2:active, #left-nav-top-youth a.selectedlevel2, #left-nav-top-youth.selectedlevel2 a:visited, #left-nav-top-youth.selectedlevel2 a:active {
	padding:				4px 10px 6px 17px;
}
#left-nav-top-youth a.level3, #left-nav-top-youth a.level3:visited, #left-nav-top-youth a.level3:active, #left-nav-top-youth a.selectedlevel3, #left-nav-top-youth.selectedlevel3 a:visited, #left-nav-top-youth.selectedlevel3 a:active  {
	padding:				4px 10px 6px 27px;
}
#left-nav-top-youth a:hover {
	background-color:		#E1E8EA;
}