/* NCBA */
BODY {
	font:70%/150% Verdana, Geneva, sans-serif; color:#585858;
	margin:0 0 50px; padding:0;
	background:#7b7b99 url(/images/interface/back.gif) center top no-repeat;
}
IFRAME {
	border:none;
	overflow:hidden;
}
TABLE {
	width:100%;}
TABLE, TD, TH {
	font-size:inherit;
	margin:0; padding:0;
	border-collapse:collapse;
}
IMG {
	border:0;
}
P {
	margin:0 0 15px;
}
FORM {
	margin:0;
}
UL LI {
	list-style-image:url(/images/content/bullet.gif);}
.list UL LI {
	list-style-image:url(/images/content/bullet.gif);}

/* mirrored in frames.css */
A:link    {color:#222D83;}
A:visited {color:#666;}
A:hover   {color:#709C43;}
A:active  {color:#000;}
/* end mirror */

.linkLight A, .linkLight A:link, .linkLight A:visited, .linkLight A:active {
	color:#FFF;
	text-decoration:none;
	border:#9898BF solid; border-width:0 0 1px;}
.linkLight A:hover {
	color:#98D45B; border:none;
}
A[href$='.pdf'] {
	line-height:18px;	
	padding-right:16px;
	display:inline-block;
	background:transparent url(/images/content/link_pdf.gif) center right no-repeat;}
		A[href$='.pdf']:hover {
			background:transparent url(/images/content/link_pdf.gif) center right no-repeat;}
IMG {
	border:0;
}
P {
	margin:0 0 15px;
}
FORM {
	margin:0;
}
.transON  {
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;}
.transOFF {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
H1, H2, H3, H4, H5 {
	font-family:Arial, Helvetica, sans-serif; color:#001F65;}
H1 {
	font-size:18px; font-weight:normal;
	line-height:normal;
	margin:0; padding:0;}
H2 {
	font-size:15px;
	margin:0 0 25px;}
		.mediation {
			margin-bottom:10px;}
H3 { 
	font-size:12px ; color:#001F65;
	text-transform:uppercase;
	margin:5px 0;}
H4 { 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 0;}
H5 { 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0 0;
}
#wrapper {
	margin:0 auto;
	width:950px;
	background:#FFF;}
#headUnit {
	height:221px; width:950px;
	background:url(/images/interface/header.jpg) no-repeat 0 39px;
	position:absolute; top:0;}
		#head1 {
			font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF;
			padding:0 11px 0 0;
			height:39px;
			background:url(/images/interface/head1.gif) no-repeat 125px 0;}
				#head1Left {
					padding:4px 0 0 155px;
					float:left;}
				#head1RightContainer {
					width:205px;
					float:right;}
						#head1Right {
							padding:0 0 0 18px;
							height:25px; width:169px;
							background:red url(/images/interface/tab_left.gif) no-repeat left top;
							float:left;}
						#head1Right A {
							line-height:22px;
							margin:0 12px;}
						#head1RightTab {
							height:25px; width:18px;
							background:url(/images/interface/tab_right.gif) no-repeat right top;
							float:right;}		
		#head2 {
			font:bold 12px Arial, Helvetica, sans-serif;
			text-align:right;
			padding:0 25px 0 15px;
			height:100px;
			background:url(/images/interface/corner_black.gif) no-repeat left top;
			clear:both;}
				#head2left {
					padding:43px 0 3px 110px;
					float:left;}
				#head2right {
					font:bold 23px Arial, Verdana, Geneva, sans-serif; color:#4d4d77;
					margin:10px 14px 0 0;
					height:50px; width:200px;
					background:url(/images/interface/info.gif) no-repeat right 25px;
					float:right;}
		#head3 {
			margin:0; padding:0 12px;
			height:33px;
			float:right;}
				#search {
					width:203px;}
						#searchLeft {
							width:30px;
							float:left;}
						#searchRight {
							width:173px;
							float:right;}
		#head4 {
			padding:18px 50px 0 0;
			height:31px; width:900px;
			background:url(/images/interface/nav-back.gif);
			clear:both;}
				#nav UL {
					font:bold 11px Arial, Verdana, sans-serif;
					text-transform:uppercase;
					margin:0;}
				#nav UL LI {
					list-style:none;
					display:inline;}
				#nav UL LI A {
					margin:0 20px 0 0;}
				#nav UL LI A:link {
					color:#3B3B5C;}
				#nav UL LI A:visited {
					color:#3B3B5C;}
				#nav UL LI A:hover {
					color:#FFF;}
				#home #nav .home A, #about #nav .about A, #news #nav .news A, #calendar #nav .calendar A, #member #nav .member A, #join #nav .join A, 
				#resources #nav .resources A, #mediation1 #nav .mediation1 A, #mediation2 #nav .mediation2 A, #mediation3 #nav .mediation3 A, #mediation4 #nav .mediation4 A {
					color:#527029;}
				#nav A {
					text-decoration:none;
					padding:0 0 0 10px;
					border:none;
					background:url(/images/interface/but_nav-left.gif) no-repeat left top;
					float:right;}
				#nav A span {
					padding:4px 12px 8px 0;
					background:url(/images/interface/but_nav-right.gif) no-repeat right top;
					display:block;
					float:left;}
				#nav A:hover {
					background:url(/images/interface/but_nav-left2.gif) no-repeat left top;}
				#nav A:hover span {
					background:url(/images/interface/but_nav-right2.gif) no-repeat right top;}
#contentUnit {
	width:950px;
	background:#FFF url(/images/interface/back_page.gif) repeat-y;
	position:absolute; top:221px;}
		#colContainer {
			width:745px;}
				#colLeft {
					color:#666;
					width:225px;
					float:left;}
						#colLeftTop {
							font-size:13px; font-weight:bold; color:#001F65;
							padding:10px 0 0 0;
							height:70px;
							background:url(/images/interface/col1-top.gif) top left no-repeat;}
								#find {
									margin:0 0 0 35px;
									width:150px;}
										#find A {
											text-decoration:none;
											margin:5px; padding:0 0 0 14px;
											border:none;
											background:url(/images/interface/but-left.gif) no-repeat left top;
											float:left;}
										#find A span {
											padding:5px 15px 8px 0;
											background:url(/images/interface/but-right.gif) no-repeat right top;
											display:block;
											float:right;}
								#address {
									font:bold 11px Arial, Helvetica, sans-serif;
									text-align:right;
									padding:15px 15px 0 0;
									clear:both;}
						#colLeftContent {
							font-size:100%; font-weight:bold;
							line-height:170%;
							padding:38px 20px 25px 0;}
								#navSub {
									font:bold 11px Arial, Helvetica, sans-serif;
									text-align:right;
									margin:0 0 25px;}
								#navSub UL {
									margin:0; padding:0;
									border:none;
									list-style:none;}
								#navSub LI {
									list-style:none;
									list-style-image:none;}
								#navSub LI A {
									color:#001F65;
									text-decoration:none;
									margin:0; padding:15px 0 5px 10px;
									width:150px;
									border-bottom:1px solid #709C43;
									display:block;}
								HTML>BODY #navSub LI A {
									width:auto;}
								#navSub LI A:hover {
									color:#709C43;
									border-bottom:1px solid #001F65;}
						#colLeftContent P {
							font-size:100%; font-weight:bold; color:#001F65;
							text-align:right;
							padding:25px 0 10px 15px;}
								.mediatorList P {
									font-weight:normal !important;
									line-height:120% !important;
									margin:0 0 15px 15px !important; padding:0 !important;}
				#colCenter {
					width:520px; 
					background:url(/images/interface/content_left.jpg) no-repeat;
					float:right;}
						#title {
							width:520px;
							height:59px;
							background:url(/images/interface/line_title.gif);
							position:relative;}
								#title DIV {
									position:absolute;
									bottom:0; left:50px;}
						#content {
							padding:60px 40px 0 50px;}
		#share {
			width:236px;
			position:absolute; top:20px; left:702px;
			z-index:1;}
				.share1, .share2, .share3, .share4 {
					vertical-align:top; line-height:normal;
					display:inline-block;}
				.share1 {width:53px;}
				.share2 {width:38px;
					opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7;}
				.share3 {width:65px;}
				.share4 {width:60px;}
		#colRight {
			text-align:left;
			padding:125px 0 0;
			width:205px;
			background:url(/images/interface/line_title.gif) no-repeat;
			position:absolute; top:0; left:745px;}
				.miniHead {
					font:bold 11px Verdana, Geneva, sans-serif; color:#FFF;
					text-align:center; text-transform:none;
					margin:0; padding:8px 0 9px;
					width:180px;
					border:solid #000; border-width:0 0 2px;
					background:url(/images/content/miniform_top.gif) no-repeat left top;}
						#miniHead A:link, #miniHead A:visited, #miniHead A:active {}
						#miniHead A:hover {}
				/* MINI FORM */		
				IFRAME.frameMiniForm {
					 height:400px; width:200px;}
					 	BODY#frameMiniForm {
							background:none;}
								/* head */
								.miniHead.contact {}
								/* form */
								#miniForm {}	
										#miniForm .title {
											font:bold 10px Verdana, Geneva, sans-serif; color:#696989;
											padding:4px 0 2px 3px;
											width:177px;
											background:#ccccd6;}	
										#miniForm .foot {
											text-align:center;
											margin:0 0 25px; padding:5px 0;
											width:180px;
											background:url(/images/content/miniform_bot.gif) no-repeat left bottom;}
				/* SHARE */	 
				IFRAME.frameShare {
					height:200px; width:200px;} /* global height value is contained in /scripts/share.css */
						BODY#frameShare {
							background:none;}
						.linkBox {
							text-align:center; 
							margin:0 0 20px;
							width:180px;
							-webkit-border-bottom-right-radius:12px;
							-webkit-border-bottom-left-radius:12px;
							-moz-border-radius-bottomright:12px; -moz-border-radius-bottomleft:12px;
							border-bottom-right-radius:12px; border-bottom-left-radius:12px;
							background:#c8cbd0;}
								.linkBox IMG {
									padding:5px 10px;
									display:inline-block;}
								.linkBox SPAN {
									padding:4px 0 0;
									display:inline-block;}
		#footerTop {
			color:#000;
			text-align:center;
			padding:0 0 0 0;
			height:195px; width:950px;
			background:url(/images/interface/til_side.jpg) left bottom no-repeat;
			clear:both;}
				#endPage {
					padding:50px 0;}
				#endPage IMG {
					height:2px; width:300px;}
				IFRAME.frameNavText {
					height:45px; width:950px;}
						BODY#frameNavText {
							font-size:10px;
							text-align:center; line-height:14px;
							background:none;}			
		FOOTER#footer {
			color:#000;
			text-align:center;
			padding:0 15px 0 0;
			height:100px;
			background:url(/images/interface/footer.gif) left top no-repeat;}
		FOOTER#footer A       {color:#000;}
		FOOTER#footer A:hover {color:#E3FFC6;}
			#footerLeft {
				text-align:right; line-height:100%;
				padding:8px 5px 0 0;
				width:220px;
				float:left;}
			#footerRight {
				padding:10px 225px 0 0;
				width:475px;
				float:right;}
.tableForm, .tableData {
	width:100%;
	border-collapse:collapse;}
.tableForm TD {
	width:65%; text-align:left;}
.tableForm TH {
	width:35%; text-align:right !important;}
.tableData TD, .tableData TH {
	text-align:left;}
.tableForm TH, .tableData TH {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#7B7B99;
	text-transform:uppercase; line-height:normal;
	padding:5px;
	border:solid #CCCCD6; border-width:1px 0;
	background:none;}
.tableForm TD, .tableData TD {
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;
	line-height:normal;
	padding:5px !important;
	border:solid #CCCCD6; border-width:1px 0;}
.tableForm TH .borderless, .tableForm TD .borderless {
	border-bottom:none;}	
.tableForm .tableHead, .tableData .tableHead {
	font-size:11px; color:#FFF; font-weight:bold;
	text-align:center; text-transform:uppercase;
	background:#7B7B99;}
.tableForm .tableHead {
	text-transform:none;}
.tableSubHead {
	font:bold 11px Arial, Helvetica, sans-serif !important; color:#7B7B99 !important;
	text-align:center !important; text-transform:uppercase;
	background:#CCCCD6;}
.tableForm .tableFoot, .tableData .tableFoot { 
	text-align:center;
	background:#7B7B99;
}	
.tableForm TR .borderless, .tableForm TH .borderless, .tableForm TD .borderless {
			border-bottom:none;}
.tableForm2 {
	margin:0 0 25px;
	width:60%;}
.tableForm2 TH {
	width:20% !important;}
.tableForm2 TD {
	width:80% !important;
}
.cfWebInnerTable, .cfWebInnerTable TD, .cfWebInnerTable TH { 
	color:#7B7B99;
	padding:0; border:0;}
.cfWebInnerTable TH { 
	width:75%;
	background-color:#FFF;}
.cfWebInnerTable TD {
	font-weight:bold;
	text-align:center;
	width:5%;
}
.sitemap {
	font:bold 100% Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
.sitemap li {
	list-style-image:url(/images/trans.gif);
	margin:0; padding:5px;}
.sitemap li ul {
	margin:0; padding:0;}
.sitemap li ul li {
	font-size:100%; font-weight:normal;
	text-transform:none; line-height:normal;
	margin:3px 0 0 10px; padding:0;}
.sitemap li ul li ul {
	font-size:90%; font-weight:normal;
	line-height:normal;
}
.cap:first-letter {
	font:495% 'Times New Roman', Times, serif; color:#FFF;
  	line-height:100%;
  	padding:5px 3px; margin:0 5px 0 0;
  	background:#7B7B99;
  	float:left;
}
.button {
	padding:1px;}
.button A {
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; 
  	text-transform:uppercase; text-decoration:none; line-height:30px;
  	padding:1px 5px; margin:0 1px;
	border:1px solid #7B7B99;}
.button A:active  {color:#7B7B99; background-color:#FFF}
.button A:link    {color:#7B7B99; background-color:#FFF}
.button A:visited {color:#7B7B99; background-color:#FFF}
.button A:hover   {color:#FFF; background-color:#7B7B99;
}

#mediation1 .button .mediation1 A, #mediation2 .button .mediation2 A, #mediation3 .button .mediation3 A, #mediation4 .button .mediation4 A {
	color:#FFF; background-color:#7B7B99;
}



/* ------------------------ BUTTONS ------------------------ */
.boxButton A {
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;
	text-decoration:none; text-transform:uppercase;
	margin:0 10px; padding:3px 5px;
	border:1px solid #7F8DA9;
	background-color:#7F8DA9;}
.boxButton A:visited {
	color:#FFF;}
.boxButton A:hover {
	color:#7F8DA9;
	background-color:#FFF;
}
.clear { /* generic container for floating buttons */
    overflow:hidden;
    width:100%;}
A.but {
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;
	text-decoration:none;
	margin-right:10px; padding-right:11px; /* sliding doors padding */
	height:21px;
    background:url(/images/content/button_right.png) no-repeat right 0;
    display:block;
    float:left;}
A.but SPAN {
	line-height:13px;
	padding:4px 0 4px 11px;
    background:transparent url(/images/content/button_left.png) no-repeat;
    display:block;}/*Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height.*/
		A.but:hover {
			color:#000;
			background:url(/images/content/button_right.png) no-repeat right -23px;}
		A.but:hover SPAN {
			background:url(/images/content/button_left.png) no-repeat left -23px;}
		A.but:active {
			color:#FFF;
			outline:none; /* hide dotted outline in Firefox */
			background:url(/images/content/button_right.png) no-repeat right -46px;}
		A.but:active SPAN {
			background:url(/images/content/button_left.png) no-repeat left -46px;}
				A.butRight {
					background-position:right -69px;}
				A.butRight SPAN {
					padding:4px 5px 4px 10px;}
				A.butRight:hover {
					background-position:right -92px;}
				A.butRight:active {
					background-position:right -115px;
				}
				A.butLeft SPAN {
					padding-left:17px;
					background-position:left -69px;}
				A.butLeft:hover SPAN {
					background-position:left -92px;}
				A.butLeft:active SPAN {
					background-position:left -115px;
				}
				A.butUp SPAN {
					padding-left:20px;
					background-position:left -138px;}
				A.butUp:hover SPAN {
					background-position:left -161px;}
				A.butUp:active SPAN {
					background-position:left -184px;}



.table2col {
	font:bold 14px Arial, Helvetica, sans-serif;
	width:100%;} 
.table2col TD {
	vertical-align:top;
	width:60%;
}
.listHead {
	margin:0 0 15px;}
.listHead A {
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;}
.listSub {
	font-size:12px; line-height:normal; font-weight:bold;
	margin:0 0 15px 5px;}
.listSub A {
	text-decoration:none;
}
.textSmall {
   font:10px Arial, Helvetica, sans-serif;
}
.textNormal {
   line-height:normal;
}
.weightNormal {
	font-weight:normal;}
.weightNormal UL {
	margin:0; padding:0 0 0 15px;}
.weightNormal LI {
	margin:0 0 10px; line-height:normal;
}
.box {
	line-height:normal; text-align:center;
	padding:3px;
	border:1px solid #7F8FB2;
}
.mediationBox {
	font-weight:normal; line-height:150%; color:#FFF;
	margin:50px 0 30px 27px; padding:10px; width:180px;
	background:#7B7B99;
}
.error {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#F00;
}
.reqField {
	color:#7B7B99;
}
.image {
	font-style:italic; font-size:10px; color:#001F65;
	text-align:center; line-height:normal;
	margin:20px 15px 0 0; padding:3px;
	border:1px solid #001F65;
	float:left;
}
.image2 {
	font-style:italic; font-size:10px; color:#001F65;
	text-align:center; line-height:normal;
	margin:10px 0 0;
}
.caption {
	font-family:Arial, Helvetica, sans-serif !important; font-size:9px !important; font-weight:normal !important; color:#666 !important;
	text-align:left !important; line-height:normal !important;
	margin:0 0 15px;
	border:solid #999; border-width:0 0 1px;}
		.caption IMG {
			display:block;}