/* CSS Document */

	body {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		background-color: #475e7d;
		background-image: url(../images/ui/abc_bg.jpg);
		margin: 0;
		padding: 0;
	}
	
	dl.cleared, ul.cleared, ol.cleared {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		dl.cleared dt, dl.cleared dd, ul.cleared li, ol.cleared li {
			margin: 0;
			padding: 0;
		}
	
	h1 {
		font-size: 1.6em;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.2em;
	}
	
	h4 {
		font-size: 1.15em;
	}
	
	h5 {
		font-size: 1.05em;
	}
	
	a {
		color: #466083;
		text-decoration: none;
	}
	
		a:hover {
			text-decoration: underline;
		}
		
		a img {
			border: none;
		}
		
		p {
			margin: 0.5em 0;
		}
		
/* arrows */
	/* blue */
		.blueRight {
			background-image: url(../images/ui/arrows/right_blue.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.blueLeft {
			background-image: url(../images/ui/arrows/left_blue.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.blueUp {
			background-image: url(../images/ui/arrows/up_blue.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.blueDown {
			background-image: url(../images/ui/arrows/down_blue.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	/* grey */
		.greyRight {
			background-image: url(../images/ui/arrows/right_grey.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.greyLeft {
			background-image: url(../images/ui/arrows/left_grey.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.greyUp {
			background-image: url(../images/ui/arrows/up_grey.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		
	
		.greyDown {
			background-image: url(../images/ui/arrows/down_grey.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}		


	.story {
	}
	
	.story ul, .story ol {
		margin: 1em 2em;
	}
	
	.story p {
	}
/* specific */
		
	#page {
		background-color: #fff;
	}
	
#header {}
	
	#header {
		background-image: url(../images/ui/abc_header_bg.jpg);
		background-repeat: repeat-x;
	}
	#header #identity {
	}
	
	#header #contact {
		color: #a7a7a7;
		border-left: 1px dashed #cfcfcf;
	}
		#header #contact ul {
			margin-bottom: 10px;
		}
#navigate {}

	#navigate #memberNav {
		border-right: 15px solid #466083;
		padding: 5px 0 0 0;
		height: 37px;
	}
		#navigate #memberNav h2 {
			margin: 0;
			padding: 0;
		}
		#navigate .row {
			padding-left: 15px;
		}
		#navigate .one {
			background-image: url(../images/ui/nav_one_row_bg.jpg);
			background-repeat: repeat-x;
			height: 37px;
		}
		#navigate .two {
			background-image: url(../images/ui/nav_two_row_bg.jpg);
			background-repeat: repeat-x;
			height: 35px;
			
		}
			#navigate ul li {
				margin: 10px 0;
				font-size: 1.05em;
				border-right: 1px solid #fff;
				line-height: 1em;
				padding-right: 5px;
				margin-left: 5px;
			}
				#navigate ul li.first {
					margin-left: 0;
				}
				#navigate ul li.last {
					border-right: none;
					padding-right: 0;
				}
				
				#navigate ul li a {
					color: #fff;
				}
				
					#navigate ul.two li a {
						color: #466083;
					}
					
				
				#navigate .one li.selected a {
					color: #d9c701;
				}
				
				#navigate .two li.selected a {
					/*color: #5a6e8f;*/
					color: #fff;
				}
	
	
#body {}

	#body {
		margin-bottom: 20px;
	}
	
	#body #bodyFloats {
		border-left: 1px dashed #cfcfcf;
	}
	
	/* blocks */
		.view .block {
			margin-top: 20px;
			background-image: url(../images/ui/arrows/down_grey.gif);
			background-repeat: no-repeat;
			background-position: 100% 15px;
			padding-right: 14px;			
		}
	
	/* news/notices */
	
		.blockTitle {
			margin: 0px 0 5px 0;
			padding: 0 0 10px 0;
			color: #939496;
			background-image: url(../images/ui/block_title_bg.gif);
			background-repeat: repeat-x;
			background-position: 0 100%;
			font-size: 1.20em;
		}
			.view .panel .title {
				font-size: 1.2em;
				margin-bottom: 5px;
			}
			
				.view .panel .title a {
					display: block;
					background-image: url(../images/ui/arrows/down_blue.gif);
					background-repeat: no-repeat;
					background-position: 100% 5px;
					padding-right: 10px;					
					
				}
			.view .panel .date {
				font-size: 0.9em;
			}
		
			.view .list .item {
				background-color: #e7e7e9;
				border: 1px dashed #bcbcbe;
				padding: 10px;
			}
			
				.view .list .odd {
					background-color: #b2b3b7;
					border-color: #e7e7e9;
					border-top: none;
				}
				
			.view .list .more {
				text-align: right;
				font-size: .8em;
				background-image: url(../images/ui/arrows/right_blue.gif);
				background-repeat: no-repeat;
				background-position: 100% 50%;
				padding-right: 10px;			
			}
			
			.view .traverse {
				background-color: #e7e7e9;
				padding: 5px 5px 20px 5px;
				text-align: right;
				font-size: .8em;
			}
			
			.view .traverse span {
				background-image: url(../images/ui/traverse_bg.gif);
				display: block;
				background-repeat: repeat-x;
				background-position: 0 50%;
				
			}
			
			.view .traverse span a {
				background-color: #e7e7e9;
				display: inline-block;
				padding-left: 10px;
			}
			
	/* main content */
		.view .main {
			margin: 20px 0;
			
		}
		
			.view .main .title {
				font-size: 1.1em;
				color: #466083;
				border-bottom: 1px solid #949496;
				padding-bottom: 5px;
				background-image: url(../images/ui/arrows/down_blue.gif);
				background-repeat: no-repeat;
				background-position: 100% 2px;				
			}
			.view .main .download {
				text-align: right;
				font-size: .8em;
				background-image: url(../images/ui/arrows/right_blue.gif);
				background-repeat: no-repeat;
				background-position: 100% 50%;
				padding-right: 10px;			
			}			
	/* specific */
	
		.view .bod h3 {
			border-bottom: 1px solid #949496;
			padding-bottom: 5px;
			color: #466083;
		}
		.view .bod .list {
			padding: 0;
			margin: 0;
		}
		.view .bod .list .item {
			background: none;
			border: none;
			padding: 0;
			margin-bottom: 10px;
	
		}
			.view .bod .list .member .picture {
				float: left;
				width: 95px;
				background-color: #fafafa;
				margin-right: 30px;
			}
			
			.view .bod .list .member .detail {
				float: left;
				width: 400px;
			}
				.view .bod .list .member .detail .name {
					color: #466083;
					font-size: 1.3em;
					background-image: url(../images/ui/arrows/down_blue.gif);
					background-repeat: no-repeat;
					background-position: 100% 2px;
					margin-bottom:5px;				
				}
				
				.view .bod .list .member .detail .role {
					border-bottom: 1px solid #949496;
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
				
				.view .bod .list .member .detail .bio {
					font-size: 1.1em;
					border-bottom: 1px solid #f0f0f0;
					padding-bottom: 10px;					
				}
						
	/* faq */
	
		.view .faqs .question h3 {
			font-weight: lighter;
			color: #466083;
			border-bottom: 1px solid #949496;
			padding-bottom: 5px;
			margin: 0 0 5px 0;
		}
		
			.view .faqs .question {
				margin-bottom: 10px;
			}
				.view .faqs .question .answer dt {
					margin-bottom: 0;
					padding-bottom: 0;
				}
				
				.view .faqs .question .answer dd.story {
					margin: .5em 0 0 0;
					margin-left: 10px;
				}
				
					.view .faqs .question .answer dd.story p {
						margin-top: 0;
					}
	/* contact */
		.view .contacts {
			width: 80%;
		}
		.view .contacts dt {
			font-weight: bolder;
			color: #466083;
			padding: 5px 0  15px 0;
			border-bottom: 1px solid #949496;
			margin-bottom: 5px;
			background-image: url(../images/ui/arrows/down_blue.gif);
			background-repeat: no-repeat;
			background-position: 100% 10px;			
		}
			.view .contacts dd {
				border-bottom: 1px solid #949496;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
				.view .contacts dd ol {
					margin-left: 5px;
				}
			
					.view .contacts dd ol li {
						margin: 3px 0;
					}
					
					.view .contacts dd ol li span {
						display: inline-block;
						width: 40px;
					}
	/* rules */
		.view .rules {
			padding: 0 20px 10px 20px;
		}
		
	/* fees */
	
	.view .fees {
		width: 100%;
	}
		.view .fees tr {
			border: 1px solid;
		}
		
		.view .fees tr td {
			padding: 5px 0;
			border-bottom: 1px solid;
		}
			.view .fees tr.odd td {
				background-color: #f0f0f0;
			}
			.view .fees tr td.circulation {
				width: 35%;
				text-align: center;
			}
			
			.view .fees tr td.fee {
				width: 30%;
				text-align: center;
				
			}
			
			.view .fees tr td.ratio {
				width: 35%;
				text-align: center;
			}
			
		.view .fees tr.legend td {
			background: none;
			font-weight: bold;
		}
		
	.view .sectors {
		width: 100%;
		border: 1px solid #f0f0f0;
	}
		.view .sectors tr {
			vertical-align: top;
		}		
		.view .sectors tr td {
			padding: 10px;
		}
			.view .sectors tr.odd td {
				background-color: #f0f0f0;
			}
			.view .sectors tr td.sectorName {
				width: 35%;
			}
			
			.view .sectors tr td.sectorDescription {
				width: 65%;	
				border-left: 1px solid #ccc;			
			}
			
		
	
	.view .annotations {
		font-size: 0.9em;
		text-align: center;
		margin-top: 10px;
	}
		.view .annotations p {
			margin: 0.25em 0 0.25em 0;
		}
	
	/* sub nav */
		.view .subNav {
		
		}
		
		.view .subNav li {
			background-image: url(../images/ui/arrows/right_blue.gif);
			background-repeat: no-repeat;
			background-position: 0 3px;
			padding-left: 10px;
		}
	/* quicklinks, partners */
	
		#bodyFloats dl {
			margin-bottom: 10px;
			background-image: url(../images/ui/arrows/down_grey.gif);
			background-repeat: no-repeat;
			background-position: 0 17px;
		}
		
		#bodyFloats img {
			vertical-align: middle;
		}
		
			#bodyFloats dl dt, #bodyFloats dl dd {
				text-align: right;
			}
			#bodyFloats dl dt {
				font-weight: bold;
				color: #949496;
				border-bottom: 4px solid #949496;
				margin-left: 15px;
				padding-bottom: 3px;
				margin-bottom: 3px;
			}
			#bodyFloats dl dd {
				margin-bottom: 5px;
			}
			
			#bodyFloats .quickLinks {
				border-bottom: 1px solid #efefef;
			}
		
	/* extra stuff */
	
	.view  .extra {
		margin-left: 5em;
		margin-bottom: 2em;
	}
		.view .banking, .view .address {
			margin-bottom: 5px;
		}
		.view .banking dt, .view .address dt {
			padding-bottom: 5px;
			font-weight: bold;
			
		}
		.view .banking dd, .view .address dd {
		}
		
		.view .extra dl {
			width: 40%;
		}
		
	/* grassrootMembers */
	
	.view table.grassrootMembers {
		width: 100%;
		margin: 0 1%;
		border-bottom: 1px solid;
		padding-bottom: 5px;
		
	}
		
		.view table.grassrootMembers tr {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		.view table.grassrootMembers tr.odd {
			background-color: #f0f0f0;
		}
			.view table.grassrootMembers tr td {
				width: 38%;
				padding: 0;
				margin: 0;
				padding: 5px;
			}
			
			.view table.grassrootMembers tr td.run {
				text-align: right;
			}
			
		
		.view table.grassrootMembers tr.legend td {
			font-weight: bold;
			font-size:1.1em;
			background: none;
			border-bottom: 1px solid #000;
			margin-bottom: 1px;
			
		}
	
	/* ASP hiding stuff */
	
	.hideASPStuff {
		display: none;
	}
				

#footer {}

	#footer {
		color: #a7a7a7;
		background-image: url(../images/ui/footer_bg.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
	}