/*npo/style.css*/

.clsContent
{overflow:visible !important; }
	
body {
/*background:#E5E6E7 url(images/body_grad.gif) repeat-x 0 -96px;*/
}

	a:hover {
	text-decoration:none;
	}

	#grey_container{
	margin:0 0 1em;
	background-color:none;
	border-bottom:#E4E5E6 solid 1px;
	position:relative;
	min-height:375px; /*Wbug fix for IE6/7 until we fix the table height="100%" rubbish */
	}
	
	.clsBreadCrumbBar{
	background:#fff;
	display:none;
	}
		*html .play_this {
		margin:0 40px 0pt;
		}
		
		
	
	.clsMainSection {
	border-bottom:0 none #CCCCCC;
	border-right:0 none #CCCCCC;	
	border-left:0 none #CCCCCC !important;
	}

	.proc_list,.proc_path {
	z-index		: 9999;
	display		: block;
	margin		: 0 auto;
	}
	
	.proc_path {
	width		: 562px;
	padding-left: 80px;
	}
	
	.proc_list {
	margin		: 0 0 0 26px;
	width		: 694px;
	}

	.proc_list,.proc_path ul {
	float:left;
	padding:0;
	}
	.proc_list li	{ 
	width		: 340px;
	position	: relative;
	z-index		: 999;
	}
	
	.proc_list li a,.proc_list div{ 
	float:left;
	}
	
	.proc_list div{ 
	width			: 200px;
	padding			: 0 0 0 40px;
	text-align		: justify;
	font-size		: 1em;
	z-index			: 9;
	}
	
	.proc_path ul  {
	margin:0;
	}
	
	.proc_list li,.proc_path li{
	float			: left;
	display			: block;
	text-align		: center;
	}
	.proc_path li {
	margin			: 0 0 0 60px;
	}
	
	.proc_list li {
	margin			: 25px 0 0;
	}
	
	/*.selected{
	display			: block;
	background	 	: #999;
	padding			: 4px 0 0;
	width			: 126px;
	border			: #000 solid 1px;
	height			: 18px;
	font-weight		: bold;
	}*/

	.proc_list span ,.proc_path span {
	font-size	: 40%; 
	display		: block;
	margin		: 20px 0pt 0pt -10px;
	width		: 75px;
	color		: #999;
	}
		
    .proc_list li a:link,.proc_list li a:visited ,.current,.proc_path li a:link,.proc_path li a:visited{
	background-image		: url('images/process_tour/proc_path.png');
	background-color		: #fff;
	background-repeat		: no-repeat;
	display					: block;
	text-decoration			: none;
	padding					: 15px 0pt;
	font-size				: 22px;
	line-height				: 16px;
	z-index					: 9999;
	}
	
	.empty a,.empty a:link,.empty a:visited{
	background	: #fff none !important;
	padding		: 0 !important;
	margin		: -2px 0 0;
	}
	
	.dash, .solid{
	background-repeat 		: repeat-x;
 	display				 	: block;
	float					: left;
	}
	
	 .solid {
 	background-image		: url('images/process_tour/solid.png');
	height					: 50px;	
	}
 
	.dash {
  	background-image		: url('images/process_tour/dash.png');
	height					: 50px;	
	background-position 	: -101pt 22px;
	}
 
	.current{
	background-repeat 		: no-repeat;
	background-position 	: -37pt 0;
	width					: 48px;
	height					: 50px;	
	color					: #5E9F09;
	}	 

	.complete a:hover{	
	background-position 	: 0 -109px;
	color					: #FDFF00;
	}

	
	.complete a{
 	background-repeat 		: no-repeat;
	background-position 	: 0 0;
	width					: 48px;
	height					: 50px;	
	color					: #C8FF7F;
	}
	

	.uncomplete a:hover {
	background-position 	: -118px -109px;
	text-decoration			: underline;
	}
	
	.uncomplete a{
	background-repeat 		: no-repeat;
	background-position 	: -118px 0;
	width					: 49px;
	height					: 50px;	
	color					: #5E9F09;

	}

	.left_side2 {
	width		: 338px;
	float		: left;
	margin		: 6px 0 0;
	display		: block;
	height		: 290px;
	}
		
	.corner_tl,.corner_tr,.corner_bl,.corner_br {
	
	position:absolute;
	width:11px;
	height:10px;
	background:#F7F7F7 url(images/tour_circle.gif); 
	overflow:hidden;
	line-height: 1px; /* fixes ie6 bottom issues! */
	font-size: 1px; /* ditto! */
	}
	
	#about_highlight {
	background			: #f5f5f5;
	margin				: 0 -26px 25px;
	padding				: 10px 6px 16px 46px;
	width				: 100%;
	border-top			: 1px solid #DFDFDF;
	border-bottom		: 1px solid #DFDFDF;
	}
	
	.about_nav {
	width:710px;
	z-index:9999;
	top:1px;
	position:absolute;
	margin-left: -5px;
	}
	
	.about_nav ul{
	display			: block;
	margin			: 0 0 0 1px;
	}

	.about_nav li {
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
	text-align:center;
	}	
	
	.selected{
	display			: block;
	background	 	: transparent url('images/tabs.gif') no-repeat 0 -51px;
	padding			: 4px 0 0;
	width			: 116px;
	height			: 18px;
	font-weight		: bold;
	}

	
	
	.about_nav li a:link,.about_nav li a:visited{
	display: block;
	background:url('images/tabs.gif') no-repeat 0 0;
	padding:4px 0 0;
	text-decoration:none;
	width:116px;
	height:18px;
	color: #ffffff;
	}
	
	.about_nav li a:hover,#green_bubble li a:active{
	display: block;
	background:url('images/tabs.gif') no-repeat 0 -25px;
	padding:4px 0 0;
	width:116px;
	height:18px;
	color: #ffffff;
	}
	
	#frp_button {
	color:#330066;
	font-size:18px;
	text-align:left;
	font-size:1.6em;
	margin:0;
	line-height:35px;/*trial - this is my frp size adjust*/
	overflow:hidden;
	}


	a:link #frp_button,a:visited #frp_button  {

	background:transparent url('images/frp_button.gif') no-repeat 3px 0;
	text-decoration:none;
	display:block;
	padding:1px 2px 24px;
	text-align:center;
	width:204px;
	height:13px;
	}

	.quotes {
	width		: 206px;
	float		: left;
	margin		: 0 0 0 15px;
	display		: block;
	padding		: 0 0 0 30px;
	background	: transparent url("../../Design/93/images/top_quote.gif") no-repeat 0 5px;
}

	.quote_name{
	display		: block;
	margin		: 10px 0 0;
	}

	.left_side{
		width:495px;
		float:left;
		padding:0px;
		margin:0px;
		margin-top: 5px;
		margin-right: 10px;
	}
	
	a:hover #frp_button,a:active #frp_button{
	
	background:transparent url('images/frp_button.gif') no-repeat 3px -38px;
	text-decoration:none;
	cursor: hand;
	}

	.backbox{
		position:relative;
		z-index:1;
	}
	.tleft, .tright, .bleft, .bright {
		position:absolute;
		width:7px;
		height:7px;
		z-index:2;
		padding:0;
		margin:0;
	}
	.tleft{
		top:-1px;
		left:-1px;
		background: url(/Design/1/images/corners/yellowcircle.gif) no-repeat 0 0;
	}
	.bleft{
		left:-1px;
		bottom:-1px;
		background: url(/Design/1/images/corners/yellowcircle.gif) no-repeat 0 -7px;		
	}
	.tright{
		top:-1px;
		right:-1px;
		background: url(/Design/1/images/corners/yellowcircle.gif) no-repeat -7px 0;
	}
	.bright{
		right:-1px;
		bottom:-1px;
		background: url(/Design/1/images/corners/yellowcircle.gif) no-repeat -7px -7px;
	}
	
	.green_tl,.green_tr,.green_bl,.green_br {
	
	position:absolute;
	width:11px;
	height:10px;
	background:#F7F7F7 url(images/about_us_circle2.gif); 
	overflow:hidden;
	line-height: 1px; /* fixes ie6 bottom issues! */
	font-size: 1px; /* ditto! */
	}
	
	#about_highlight {
	background			: #f5f5f5;
	margin				: 0 -26px 25px;
	padding				: 10px 6px 16px 46px;
	width				: 100%;
	border-top			: 1px solid #DFDFDF;
	border-bottom		: 1px solid #DFDFDF;
	}
	
	.green_tl,.green_bl {
	left:0;
	margin-left:-3px;
	}

	.green_br,.green_tr {
	right:0;
	margin-right:-3px;
	}

	.green_br,.green_bl {	
	bottom:0;
	margin-bottom:-1px;
	}

	.green_tl,.green_tr {
	top:0; 
	margin-top:-2px;
	}

	.green_tl{
	background-position:top left;
	}
	
	.green_tr{
	background-position:top right;
	}
	
	.green_bl{
	background-position:bottom left;
	}
	.green_br{
	background-position:bottom right;
	}
	
	#clickthrus{
	margin		: 40px auto 0;
	width		: 210px; 
	position	: relative;
	text-align	: center;
 	}

	#clickthrus a:link h3,#clickthrus a:visited h3{
	text-decoration: underline;
	}
	
	#clickthrus a:hover h3,#clickthrus a:active h3{
	text-decoration: none;
	}
/*	
	#white_bubble ul{
	padding:0;
	margin:15px 0 20px 30px;
	}
*/
	clsBreadCrumbBar{
	background:#fff;
	}

	.clsFormTxt img {display:block;}

	
	#white_bubble{
	top:22px;
	z-index:9;
	position:relative;
	margin:0 0 1em 0;
	min-height:250px;
	padding:2em 1em 0.1em 0;
	background:white;
	clear:both;
	border:#dfdfdf 1px solid; 
	zoom:1;
	}

	#white_bubble h2,#white_bubble h1{
	display		: block;
	font-size	: 1.6em;
	color		: #003366;
	margin		: 15px 0 5px 0;
	}
	
	#white_bubble p {
	margin: 20px 0 15px;
	line-height:1.3em;
	}
	
	li {
	margin:6px 0 6px;
	line-height:1.4em;
	}
	
	.clearfix {
	display: inline-block;
	margin: 0;
	}
	.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

	html[xmlns] .clearfix {
	    display: block;
	}

	* html .clearfix {
	    height: 1%;
	}
	
<!--[if lt IE 7.]>
	
				* html .green_tl {	margin:-2px -2px 0 0; background:transparent url(none);}
				*  html .green_tr {margin:-1px 10px 0 0; background:transparent url(none);}
				* html .green_bl {background:transparent url(none);}
				* html .green_br {background:transparent url(none);}

<![endif]-->